/* RESET GENERAL STYLES PARA TODOS OS NAVEGADORES */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} /* TAMANHO INICIAL 46 KB ----------------INDICE DE BLOCOS E SEUS ESTILOS--------------------- ------------------------------------MAGNATA-------------------------------- Vai ter um bloco geral para todas as paginas, porem o css de cada pagina especifica será carregada apenas ao acessa-lá com um inclue, metade do codigo já estara em canche. priorizando a index principal que vai apelar o maxímo possivel com esse novo gás. -------------------------------------------------------------------- BACKGRONDS GERAL CONTAINER GUIA VITRINES PROMOÇOES SORTEIOS EMPREGOS TODOS OS SERVIÇOS INDEX BOX (categorias, marcadores, empregos, todos os serviços, classificados, turistico) rever tuo isso! STATS ULTIMAS LOJAS SUGESTOES MARCAÇÕES NOTICIAS QUEM SOMOS FOOTER PAINEL DE CONTROLE 3626 */ /* ------------CONFIGURAÇÃO GLOBAL-------------- ----------------DE ESTILOS------------------- Estilos global – (body, parágrafos, listas, etc), Tipografia Estilos para Textos Estrutura da Página Cabeçalhos Navegação Formulários Comentários Extras BOTOES PERSONALIZADOS ------------------------------------------- SCORE CARD 5480 */ body { line-height: 1; font-family: 'Oswald', Arial Narrow ; } ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;} html { overflow-y: scroll; /* the scrollbar never disappears */ font-family: 'Oswald';} body { background-color: #d8d8d8;} a { outline: none; color: #24bfb6;} a:visited, a:link { text-decoration: none;} p { line-height: 1.5; color: #666666; margin-bottom: 20px;} b { font-weight: bold;} li { font-family: Oswald, sans-serif; color: #666666;} span { font-family: Oswald, sans-serif; line-height: 12px; color: #666666;} h4 { font-family: Oswald, sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; color: #666666; margin-bottom: 10px;} h5 { font-family: Oswald, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px; color: #444444; margin-bottom: 10px; margin-top: -5px;} input { font-family: Oswald, sans-serif; } textarea { font-family: Oswald, sans-serif; } hr { border: none; border-top: 1px solid #dddddd; margin: 30px 0px;} /* CONTENT BEGINS v */ .inner { clear: both; padding: 20px; } .right { float: right;} .left { float: left; display: inline !important;} .fill { display: block !important;} #content { background: transparent; clear: both; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px rgba(0,0,0,0.1);} #content.has_sidebar { width: 100%; max-width: 1000px;} #begin { background: #eeeeee url(begin-bg.png) repeat-x top; border: 1px solid rgba(238, 238, 238, 0); border-top: 1px solid #ffffff; border-bottom: 1px solid #dddddd; margin-bottom: 10px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;} #begin h2 { text-shadow: 1px 1px #ffffff;} #end { overflow: hidden; background: #e8e8e8 url(../images/end-bg.png) repeat-x top; border-top: 1px solid #e0e0e0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;} #end p { color: #888888; margin: 0px; text-shadow: 0px 1px #ffffff;} #end span { color: #888888; text-shadow: 0px 1px #ffffff; line-height: 24px;} #content2 { position: relative; background: transparent; clear: both; width:99%; min-width:795px; height:auto; text-align: center; padding: 1px 5px 5px 0px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-left: auto; margin-right: auto; display: block;} @font-face { font-family: 'alienleague'; src: url('alien.ttf') format('truetype'); } @font-face { font-family: 'PT Sans Caption'; font-style: normal; font-weight: 400; src: local('PT Sans Caption'), local('PTSans-Caption'), url(https://themes.googleusercontent.com/static/fonts/ptsanscaption/v5/OXYTDOzBcXU8MTNBvBHeSQRW432DtwGNER78eOJ0i0s.woff) format('woff');} .antaliase {-webkit-font-smoothing: antialiased;} .padrao_fonte { font-family: 'Oswald', Arial Narrow ; } .body_global { background: url(../sitecorp/js_index/12.jpg), url(../../sitecorp/js_index/12.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center ; background-size:100% 100%; } .body_global_fixo { background: url(../sitecorp/js_index/12.jpg), url(../../sitecorp/js_index/12.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center top; background-size:100% 50%; } .body_global_m { background: url(./sitecorp/home_img/dubai.jpg), url(../sitecorp/home_img/dubai.jpg) ; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; background-size:100% 100%; } .body_fa { background: url(../conv/images/bg.webp), url(../../conv/images/bg.webp); background-attachment: fixed; background-color: white; background-repeat: no-repeat; background-position: center top; background-size: 100% 50%; width: 100%; height: 100%; } .body_desk { background: url(../sitecorp/js_index/12.jpg), url(../../sitecorp/js_index/12.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center ; background-size:100% 100%; width: 100%; height: 100%; max-width: 821px; margin-left: auto; margin-right: auto; position: relative; background-color: #ffffffc2; } /* HEADER BEGINS */ #header { background: #1c1c1c url('./home_img/02.jpg') repeat-x bottom; position: relative; margin-top: 10px; clear: both; width:100%; height:auto; -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0,0,0,0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} /* BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** */ /* BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** */ /* BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** */ .button { display: inline; position: relative; margin: 2px; text-align: center; text-decoration: none; font: bold Oswald, Arial, sans-serif; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease;} /* thoughtbot (inspired by thoughtbot.com) *******************************************************************************/ button.thoughtbot { background-color: #ee432e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100)); background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); border: 1px solid #951100; border-radius: 5px; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333; box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333; color: #fff; padding: 12px 0 14px 0; text-align: center; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); margin-top : 10px; } button.thoughtbot:hover { background-color: #f37873; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601)); background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); cursor: pointer; } button.thoughtbot:active { background-color: #d43c28; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00)); background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); } /* thoughtbot (inspired by thoughtbot.com) *******************************************************************************/ .thoughtbot { background-color: #ee432e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100)); background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); border: 1px solid #951100; border-radius: 5px; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333; box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333; color: #fff; padding: 12px 0 14px 0; text-align: center; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); margin-top : 10px; } .thoughtbot:hover { background-color: #f37873; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601)); background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); cursor: pointer; } .thoughtbot:active { background-color: #d43c28; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00)); background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); } a.thoughtbot { background-color: #ee432e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100)); background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); border: 1px solid #951100; border-radius: 5px; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333; box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333; color: #fff; padding: 12px 0 14px 0; text-align: center; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); margin-top : 10px; } a.thoughtbot:hover { background-color: #f37873; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601)); background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); cursor: pointer; } a.thoughtbot:active { background-color: #d43c28; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00)); background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); } /*green*/ /* thoughtbot (inspired by thoughtbot.com) *******************************************************************************/ button.thoughtbotgreen { background-color: #ee432e; background-image: -webkit-linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); background-image: -webkit-linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); background-image: -moz-linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); background-image: -ms-linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); background-image: -o-linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); background-image: linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); border: 1px solid #009539; border-radius: 5px; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333; box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333; color: #fff; padding: 12px 0 14px 0; text-align: center; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); margin-top : 10px; } button.thoughtbotgreen:hover { background-color: #f37873; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601)); background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); cursor: pointer; } button.thoughtbotgreen:active { background-color: #d43c28; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00)); background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); } /*dssdfsdfdffsdf */ /* thoughtbot (inspired by thoughtbot.com) *******************************************************************************/ .thoughtbotgreen { background-color: #ee432e; background-image: -webkit-linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); background-image: -webkit-linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); background-image: -moz-linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); background-image: -ms-linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); background-image: -o-linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); background-image: linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); border: 1px solid #009539; border-radius: 5px; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333; box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333; color: #fff; padding: 12px 0 14px 0; text-align: center; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); margin-top : 10px; } .thoughtbotgreen:hover { background-color: #f37873; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601)); background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); cursor: pointer; } .thoughtbotgreen:active { background-color: #d43c28; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00)); background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); } /* minimal indent (inspired by okcupid iphone interface) *******************************************************************************/ button.minimal-indent { background-color: #f3f3f3; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf)); background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); border-right: 1px solid #dfdfdf; border-bottom: 1px solid #b4b4b4; border-right: 1px solid #dfdfdf; border-radius: 5px; -webkit-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef; box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef; color: #666; margin: 0; padding: 7px 0; text-shadow: 0 1px 1px #fff; min-width: 100px; margin-top : 10px; } button.minimal-indent:hover { background-color: #e5e5e5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(50%, #d1d1d1), color-stop(50%, #c4c4c4), color-stop(100%, #b8b8b8)); background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: -moz-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: -ms-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: -o-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3; box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3; cursor: pointer; } button.minimal-indent:active { -webkit-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white; box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white; } a.minimal-indent { background-color: #f3f3f3; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf)); background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); border-right: 1px solid #dfdfdf; border-bottom: 1px solid #b4b4b4; border-right: 1px solid #dfdfdf; border-radius: 5px; -webkit-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef; box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef; color: #666; margin: 0; padding: 7px 0; text-shadow: 0 1px 1px #fff; min-width: 100px; margin-top : 5px; } a.minimal-indent:hover { background-color: #e5e5e5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(50%, #d1d1d1), color-stop(50%, #c4c4c4), color-stop(100%, #b8b8b8)); background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: -moz-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: -ms-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: -o-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3; box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3; cursor: pointer; } a.minimal-indent:active { -webkit-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white; box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white; } .minimal-indent { background-color: #f3f3f3; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf)); background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background-image: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); border-right: 1px solid #dfdfdf; border-bottom: 1px solid #b4b4b4; border-right: 1px solid #dfdfdf; border-radius: 5px; -webkit-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef; box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef; color: #666; margin: 0; padding: 7px 0; text-shadow: 0 1px 1px #fff; min-width: 100px; margin-top : 5px; } .minimal-indent:hover { background-color: #e5e5e5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(50%, #d1d1d1), color-stop(50%, #c4c4c4), color-stop(100%, #b8b8b8)); background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: -moz-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: -ms-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: -o-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); background-image: linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%); -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3; box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3; cursor: pointer; } .minimal-indent:active { -webkit-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white; box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white; } /* skip (inspired by okcupid iphone interface) *******************************************************************************/ button.skip { background-color: #8c9cbf; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c9cbf), color-stop(50%, #546a9e), color-stop(50%, #36518f), color-stop(100%, #3d5691)); background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); border: 1px solid #172d6e; border-bottom: 1px solid #0e1d45; border-radius: 5px; -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb; box-shadow: inset 0 1px 0 0 #b1b9cb; color: #fff; padding: 7px 0 8px 0; text-decoration: none; text-align: center; text-shadow: 0 -1px 1px #000f4d; min-width: 150px; } button.skip:hover { background-color: #7f8dad; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f8dad), color-stop(50%, #4a5e8c), color-stop(50%, #2f477d), color-stop(100%, #364c80)); background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); cursor: pointer; } button.skip:active { -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; } /* skip (inspired by okcupid iphone interface) *******************************************************************************/ a.skip { background-color: #8c9cbf; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c9cbf), color-stop(50%, #546a9e), color-stop(50%, #36518f), color-stop(100%, #3d5691)); background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); border: 1px solid #172d6e; border-bottom: 1px solid #0e1d45; border-radius: 5px; -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb; box-shadow: inset 0 1px 0 0 #b1b9cb; color: #fff; padding: 7px 0 8px 0; text-decoration: none; text-align: center; text-shadow: 0 -1px 1px #000f4d; width: 200px; overflow:hidden; } a.skip:hover { background-color: #7f8dad; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f8dad), color-stop(50%, #4a5e8c), color-stop(50%, #2f477d), color-stop(100%, #364c80)); background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); cursor: pointer; } a.skip:active { -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; } .skip { background-color: #8c9cbf; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c9cbf), color-stop(50%, #546a9e), color-stop(50%, #36518f), color-stop(100%, #3d5691)); background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); border: 1px solid #172d6e; border-bottom: 1px solid #0e1d45; border-radius: 5px; -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb; box-shadow: inset 0 1px 0 0 #b1b9cb; color: #fff; padding: 7px 0 8px 0; text-decoration: none; text-align: center; text-shadow: 0 -1px 1px #000f4d; width: 200px; overflow:hidden; } .skip:hover { background-color: #7f8dad; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f8dad), color-stop(50%, #4a5e8c), color-stop(50%, #2f477d), color-stop(100%, #364c80)); background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%); cursor: pointer; } .skip:active { -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; } /* purple candy *******************************************************************************/ button.purple-candy { background-color: #9e76e8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e76e8), color-stop(50%, #7038e0), color-stop(50%, #6021de), color-stop(100%, #6224de)); background-image: -webkit-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%); background-image: -moz-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%); background-image: -ms-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%); background-image: -o-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%); background-image: linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%); border-radius: 3px; color: #fff; padding: 10px 0 12px 0; text-align: center; text-shadow: 0 -1px 1px #473569; min-width: 150px; -webkit-background-clip: padding-box; margin-top : 2px;} button.purple-candy:hover { background-color: #8d69cf; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8d69cf), color-stop(50%, #6332c7), color-stop(50%, #551dc4), color-stop(100%, #561fc4)); background-image: -webkit-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%); background-image: -moz-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%); background-image: -ms-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%); background-image: -o-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%); background-image: linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%); -webkit-background-clip: padding-box; cursor: pointer; } button.purple-candy:active { background: #4a1aab; background: -moz-radial-gradient(50% 31% 0deg, circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)), -moz-linear-gradient(top, #7b5cb5 0%, #572bad 50%, #4a1aab 50%, #4b1bab 100%); background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab)); color: #ddd; -webkit-background-clip: padding-box; } .purple-candy { background-color: #9e76e8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e76e8), color-stop(50%, #7038e0), color-stop(50%, #6021de), color-stop(100%, #6224de)); background-image: -webkit-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%); background-image: -moz-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%); background-image: -ms-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%); background-image: -o-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%); background-image: linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%); border-radius: 3px; color: #fff; padding: 10px 0 12px 0; text-align: center; text-shadow: 0 -1px 1px #473569; min-width: 150px; -webkit-background-clip: padding-box; margin-top : 2px;} .purple-candy:hover { background-color: #8d69cf; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8d69cf), color-stop(50%, #6332c7), color-stop(50%, #551dc4), color-stop(100%, #561fc4)); background-image: -webkit-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%); background-image: -moz-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%); background-image: -ms-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%); background-image: -o-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%); background-image: linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%); -webkit-background-clip: padding-box; cursor: pointer; } .purple-candy:active { background: #4a1aab; background: -moz-radial-gradient(50% 31% 0deg, circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)), -moz-linear-gradient(top, #7b5cb5 0%, #572bad 50%, #4a1aab 50%, #4b1bab 100%); background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab)); color: #ddd; -webkit-background-clip: padding-box; } /* shiny blue (inspired by rdio iphone interface) *******************************************************************************/ a.shiny-blue { background-color: #759ae9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de)); background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); border-top: 1px solid #1f58cc; border-right: 1px solid #1b4db3; border-bottom: 1px solid #174299; border-left: 1px solid #1b4db3; border-radius: 4px; -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); color: #fff; padding: 7px 0; text-shadow: 0 -1px 1px #1a5ad9; width: 150px; } a.shiny-blue:hover { background-color: #5d89e8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d89e8), color-stop(50%, #2261e0), color-stop(50%, #044bd9), color-stop(100%, #0d53de)); background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%); background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%); background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%); background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%); background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%); cursor: pointer; } a.shiny-blue:active { border-top: 1px solid #1b4db3; border-right: 1px solid #174299; border-bottom: 1px solid #133780; border-left: 1px solid #174299; -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee; box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee; } .shiny-blue { background-color: #759ae9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de)); background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); border-top: 1px solid #1f58cc; border-right: 1px solid #1b4db3; border-bottom: 1px solid #174299; border-left: 1px solid #1b4db3; border-radius: 4px; -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); color: #fff; padding: 7px 0; text-shadow: 0 -1px 1px #1a5ad9; } .shiny-green { background-color: #56dc7c; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #419606), color-stop(50%, #63f100), color-stop(50%, #84ff48), color-stop(100%, #206100)); background-image: -webkit-linear-gradient(top, #419606 0%, #5fa22f 50%, #40881d 50%, #206100 100%); background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); border-top: 1px solid #63f100; border-right: 1px solid #63f100; border-bottom: 1px solid #206100; border-left: 1px solid #63f100; border-radius: 4px; -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); color: #fff; padding: 7px 0; text-shadow: 0 -1px 1px #1a5ad9; } .shiny-roxo { background-color: #be56dc; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b0696), color-stop(50%, #8c2fa2), color-stop(50%, #641d88), color-stop(100%, #450061)); background-image: -webkit-linear-gradient(top, #6b0696 0%, #8c2fa2 50%, #641d88 50%, #450061 100%); background-image: -moz-linear-gradient(top, #6b0696 0%, #8c2fa2 50%, #641d88 50%, #450061 100%); background-image: -ms-linear-gradient(top, #6b0696 0%, #8c2fa2 50%, #641d88 50%, #450061 100%); background-image: -o-linear-gradient(top, #6b0696 0%, #8c2fa2 50%, #641d88 50%, #450061 100%); background-image: linear-gradient(top, #6b0696 0%, #8c2fa2 50%, #641d88 50%, #450061 100%); border-top: 1px solid #450061; border-right: 1px solid #450061; border-bottom: 1px solid #450061; border-left: 1px solid #541d6a; border-radius: 4px; -webkit-box-shadow: inset 0 0 2px 0 rgb(57 140 255 / 80%); box-shadow: inset 0 0 2px 0 rgb(57 140 255 / 80%); color: #fff; padding: 7px 0; text-shadow: 0 -1px 1px #164fbf; } .shiny-red { background-color: #56dc7c; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc0a0a), color-stop(50%, #e06e37), color-stop(50%, #d94f1a), color-stop(100%, #d6322c)); background-image: -webkit-linear-gradient(top, #cc0a0a 0%, #e06e37 50%, #d94f1a 50%, #d6322c 100%); background-image: -moz-linear-gradient(top, #cc0a0a 0%, #e06e37 50%, #d94f1a 50%, #d6322c 100%); background-image: -ms-linear-gradient(top, #cc0a0a 0%, #e06e37 50%, #d94f1a 50%, #d6322c 100%); background-image: -o-linear-gradient(top, #cc0a0a 0%, #e06e37 50%, #d94f1a 50%, #d6322c 100%); background-image: linear-gradient(top, #cc0a0a 0%, #e06e37 50%, #d94f1a 50%, #d6322c 100%); border-top: 1px solid #cc0a0a; border-right: 1px solid #cc0a0a; border-bottom: 1px solid #206100; border-left: 1px solid #cc0a0a; border-radius: 4px; -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); color: #fff; padding: 7px 0; text-shadow: 0 -1px 1px #1a5ad9; } /* 3 kb só esse trexo referente ao botão circular de cadastro */ .btn{ -webkit-border-radius:2%; -moz-border-radius:2%; border-radius:2%; display:block; margin:20px; float:left; background:#f0ad4e; position:relative; -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff; -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff; box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } /* ************************************BOTÃO CIRCULO TOP ******************************************** */ .a-btn{ width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:block; margin:20px; float:left; background:#f0ad4e; position:relative; -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff; -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff; box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .a-btn span{ display:table-cell; width:80px; height:80px; padding:10px; text-align:center; vertical-align:middle; font-size:26px; color:#fff; text-shadow:0px 1px 1px #A03F16; font-family:Oswald, "Arvo", "Myriad Pro", "Trebuchet MS", sans-serif; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .a-btn span:nth-child(1), .a-btn span:nth-child(3){ position:absolute; top:0px; left:0px; font-size:20px; line-height:36px; opacity:0; } .a-btn span:nth-child(1){ background:transparent url(../images/star.png) no-repeat center center; opacity:0.2; } .a-btn:hover{ background:rgba(170, 77, 27, 0.6); -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff; -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff; box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff; } .a-btn:hover span:nth-child(3){ opacity:1; } .a-btn:hover span:nth-child(2){ opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } .a-btn:hover span:nth-child(1){ -webkit-animation:rotate 1s linear; -moz-animation:rotate 1s linear; animation:rotate 1s linear; } .a-btn:active{ -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff; -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff; box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff; } .a-btn:active span:nth-child(2){ color:rgba(170, 77, 27, 0.8); text-shadow:0px 1px 1px rgba(255, 255, 255, 0.6); } @keyframes rotate{ 0% { transform: scale(1) rotate(0);} 50% { transform: scale(0.5) rotate(180deg);} 100% { transform: scale(1) rotate(360deg);} } @-webkit-keyframes rotate{ 0% { -webkit-transform: scale(1) rotate(0);} 50% { -webkit-transform: scale(0.5) rotate(180deg);} 100% { -webkit-transform: scale(1) rotate(360deg);} } @-moz-keyframes rotate{ 0% { -moz-transform: scale(1) rotate(0);} 50% { -moz-transform: scale(0.5) rotate(180deg);} 100% { -moz-transform: scale(1) rotate(360deg);} } /* ************************************ ******************************************** */ /* TEXTO DO BOTÃO CIRCULO */ /* ************************************ ******************************************** */ .text_circle {padding: 3px ; padding-top: 30px ;font-size:22px;} .text_circle_one {left: -3px ;padding-top: 15px ;} /* ************************************ ******************************************** */ /* ************************************ BOTÃO GIGANTE ******************************************** */ /* 4 NO INDEX E 3 NO SCORE */ .button_stats { display: inline-block; position: relative; margin: 10px; padding: 0 20px; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px rgba(255,255,255,.22); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 60px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44); box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .button_stats:hover { -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5); box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5); } .button_stats:active { -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8); -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8); box-shadow: inset 0px 0px 3px rgba(0,0,0, .8); } /* ************************************ ******************************************** */ /* Referênte ao texto de dica dos serviços */ /* *********************************** ******************************************** */ .awesome, .awesome:visited { background: #222 ; display: inline-block; padding: 7px 11px 6px; color: #fff; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; position: relative; cursor: pointer; } .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .blue.awesome, .blue.awesome:visited { background-color: #2daebf; } .blue.awesome:hover { background-color: #225; } .mekercolor { background-color: #9933FF; color: white; } .ouro { background-color: #E4AA16; color: #fffff; font-size:20px; border-radius: 30px; } .tab_butons { float:left; margin: 2px; padding: 2px 2px; text-decoration: none; font: bold 9px Oswald, Arial, color: #FFFFFF; list-style:none; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ border-radius: 5px; /* Geral independente do navegador */ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); margin-left: auto; margin-right: auto; display: block; text-align: center; } .tab_butons_app { padding: 20px 02px; margin: auto; min-height: 265px; width: 80%; padding-top: 20px; text-decoration: none; font: bold 11px Arial, sans-serif; color: #FFFFFF; list-style:none; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ border-radius: 5px; /* Geral independente do navegador */ } .tab_butons_app_guia { width: 44%; background-color:#70c9e347; float:right; height:auto ; border-radius: 5px; /* Geral independente do navegador */ margin: auto; min-height: 265px; text-decoration: none; font: bold 11px Arial, sans-serif; color: #FFFFFF; list-style:none; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ } .rigthRED { border: 1px solid #FFFFFF; border-bottom: 5px solid #FFFFFF; color: #FFFFFF; padding: 9px 18px 5px 18px; float:left; width:95%; height:121px; font: 50px Arial, sans-serif; cursor: pointer; background: #CC0000; /* Old browsers */ background: -moz-linear-gradient(top, ##CC0000 0%, #39a0be 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC0000), color-stop(100%,#F10659)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #CC0000 0%,#F10659 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #CC0000 0%,#39a0be 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #CC0000 0%,#F10659 100%); /* IE10+ */ background: linear-gradient(top, #CC0000 0%,#F10659 100%); /* W3C */ } .rigthRED:hover { border: 1px solid #84b800; border-bottom: 1px solid #7cad00; border: 1px solid hsla(77,100%,36%,1); border-bottom: 1px solid hsla(77,100%,34%,1); background: #7cad00;} .super_red { border: 1px solid #FFFFFF; border-bottom: 5px solid #FFFFFF; color: #FFFFFF; padding: 9px 18px 5px 18px; width:95%; height:121px; font: 50px Arial, sans-serif; background: #CC0000; /* Old browsers */ background: -moz-linear-gradient(top, ##CC0000 0%, #39a0be 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC0000), color-stop(100%,#F10659)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #CC0000 0%,#F10659 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #CC0000 0%,#39a0be 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #CC0000 0%,#F10659 100%); /* IE10+ */ background: linear-gradient(top, #CC0000 0%,#F10659 100%); /* W3C */ } .super_red:hover { border: 1px solid #84b800; border-bottom: 1px solid #7cad00; border: 1px solid hsla(77,100%,36%,1); border-bottom: 1px solid hsla(77,100%,34%,1); background: #7cad00;} #block_id:hover::first-letter { color: White; font-size: 77px } .bt_red_auteranative_m { position:relative; width:99%; height:140px; border-radius:99px; text-align:left; line-height: 1; border: 1px solid #FFFFFF; border: 0px solid #99CCFF; border-bottom: 5px solid #FFFFFF; color: #FFFFFF; padding: 0; padding-left: 50px; font-size: 50px; } .bt_red_auteranative_m:hover { border: 1px solid #84b800; border-bottom: 1px solid #7cad00; border: 1px solid hsla(77,100%,36%,1); border-bottom: 1px solid hsla(77,100%,34%,1); background: #7cad00;} /*analizar onde occore na pagina */ /* botão do menu laeral deslizante e do index topo ... muito pouco */ .button_conv { display: inline-block; position: relative; margin-left: 6px; padding: 20px 10px 20px 20px; text-align: center; text-decoration: none; font: bold 15px Oswald, Arial, sans-serif; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ border-radius: 5px; /* Geral independente do navegador */ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); /* como 'mouse over' acontecerá a mudança de cor definida no CSS, aqui determinamos o tempo dessa duração */ } /* The styles for the button groups */ /* ************************************ ******************************************** */ .left { border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-right: 0px; } .left:hover { border-right: 0px; } .middle { border-radius: 0px; -moz-radius: 0px; border-right: 0px; } .middle:hover { border-right: 0px; } .right { border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; } /* The styles for the blue button */ .blue { color: #41788c; border: 1px solid #6fb1c7; background-image: -moz-linear-gradient(#aae5f7, #73d0f1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7)); background-image: -webkit-linear-gradient(#aae5f7, #73d0f1); background-image: -o-linear-gradient(#aae5f7, #73d0f1); text-shadow: 1px 1px 1px #bfeafb; background-color: #73d0f1; } .blue:hover { border: 1px solid #4690ad; background-image: -moz-linear-gradient(#73d0f1, #aae5f7); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1)); background-image: -webkit-linear-gradient(#73d0f1, #aae5f7); background-image: -o-linear-gradient(#73d0f1, #aae5f7); background-color: #aae5f7; } .blue:active {border: 1px solid #3b778b;} /* erro - esse .blue ta duplicado */ /* BOTÃO OCORRE EM MODAL EMPREGOS SÓ UMA VEZES */ .blue { color: #FFFFFF; background: #70c9e3; /* Old browsers */ background: -moz-linear-gradient(top, #70c9e3 0%, #39a0be 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* IE10+ */ background: linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* W3C */ } /* ************************************ ******************************************** */ .rigth_red { color: #FFFFFF; background: #CC0000; /* Old browsers */ background: -moz-linear-gradient(top, ##CC0000 0%, #39a0be 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC0000), color-stop(100%,#F10659)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #CC0000 0%,#F10659 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #CC0000 0%,#39a0be 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #CC0000 0%,#F10659 100%); /* IE10+ */ background: linear-gradient(top, #CC0000 0%,#F10659 100%); /* W3C */ } /* ************************************ ******************************************** */ .cli_tab { position: relative; padding-top: 100px; margin: 30px auto; height: 500px; width: 817px; background-color:transparent; } .tex_for_mob{ font-size:50px; color:#998b8b; text-shadow:0px 1px 1px #A03F16; font-family:Oswald, Arial Narrow; line-height: 85px; } .cli_tab > .subzero { position: relative; height: 300px; width: 300px; vertical-align: middle; border: 50px solid #9b22b947; border-radius:250px; margin: 10px auto; background-color:yellow; background-image: url(ico.png); /* imagem do fundo */ background-repeat: no-repeat; /* repete ou não */ background-position: center top; /* centraliza o wallpaper no centro e no topo */ background-clip:content-box; background-size:300px 300px; } .preesed_buttons { /* white-space: nowrap; */ min-height: 33px; position: relative; width: 99%; margin: 30px auto; text-align: center; line-height: 1; align-items: center; justify-content: center; /* transform: scale(3); */ } .preesed_buttons a { animation: bounceInDown 900ms 200ms ease-in-out both; width: 210px; height: 195px; /* position: absolute; */ top: 0; text-decoration: none; outline-width: 0px; z-index: 990; color: #a675b3; text-align: center; line-height: 1; display: inline-flex; align-items: center; justify-content: center; } .preesed_buttons a svg { width: 20px; height: 20px; } .preesed_buttons a:not(.active) { box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e; background-image: linear-gradient(#3b2751, #271739); text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 -1px 0 #311d47; } .preesed_buttons a:not(.active):hover, .preesed_buttons a:not(.active):focus { transition: color 200ms linear, text-shadow 500ms linear; color: #caadd2; text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c; } .preesed_buttons a:not(.active):active { color: #e4e3ce !important; } .preesed_buttons a.active, .preesed_buttons a:active { box-shadow: 0 9px 16px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #170c22, 0 2px 1px 0 rgba(121, 65, 135, 0.5), inset 0 0 4px 3px rgba(15, 8, 22, 0.2); background-image: linear-gradient(#1f132e, #311d47); text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c; color: #e4e3ce; } .preesed_buttons a.active:before, .preesed_buttons a:active:before { position: absolute; display: block; content: ""; width: 1px; height: 100%; top: 1px; left: -2px; background-image: linear-gradient( rgba(91, 35, 105, 0), #5b2369 41%, #5b2369 59%, rgba(91, 35, 105, 0) ); box-shadow: -2px 0 6px 0 #5b2369; } .preesed_buttons a.active:after, .preesed_buttons a:active:after { position: absolute; display: block; content: ""; width: 1px; height: 36px; top: 1px; right: -2px; background-image: linear-gradient( rgba(91, 35, 105, 0), #5b2369 41%, #5b2369 59%, rgba(91, 35, 105, 0) ); box-shadow: 2px 0 6px 0 #5b2369; } .preesed_buttons a.active { z-index: 1000; } .preesed_buttons a:active { z-index: 999; } .preesed_buttons a:last-of-type { border-radius: 0 21px 21px 0; } .preesed_buttons a:first-of-type { border-radius: 21px 0 0 21px; left: 0; } .preesed_buttons a:nth-of-type(2) { left: 51px; } .preesed_buttons a:nth-of-type(3) { left: 102px; } .preesed_buttons a:nth-of-type(4) { left: 153px; } .preesed_buttons a:nth-of-type(5) { left: 204px; } .preesed_buttons a:nth-of-type(6) { left: 255px; } .preesed_buttons a:nth-of-type(7) { left: 306px; } .preesed_buttons a:nth-of-type(8) { left: 357px; } .preesed_buttons a i { margin-left: 2px; font-size: 30px; position: absolute; } .preesed_buttons a i:before { margin-left: 2px; font-size: 50px; } .preesed_buttons a i.icon-bar-chart:before { font-size: 50px; margin-top: 0px; } .preesed_buttons a i.icon-sync:before { font-size: 50px; margin-left: 3px; margin-top: 1px; } .preesed_buttons a i.icon-download:before { font-size: 50px; margin-top: 1px; margin-left: 4px; } .preesed_buttons a[status="corrija"] { background-image: linear-gradient(#512740, #7e0325); } .preesed_buttons a[status="ok"] { } .preesed_buttons a[status="super"] { background-image: linear-gradient(#512740, #7e0325); background-image: -webkit-linear-gradient(top, #ad0040 0%, #5e0239 40%, #500532 60%, #5e0239bf 100%); } .preesed_buttons a[status="super2"] { -webkit-box-shadow: rgb(83 68 94 / 52%) -4px 2px 0px 5px, #4d1151 0px 40px 5px 0px; background-image: -webkit-linear-gradient(top, #350732 0%, #51104a 18%, #371039fc 60%, #371039fc 100%); } .cd1000 { -webkit-box-shadow: rgb(83 68 94 / 52%) -4px 2px 0px 5px, #26122d 0px 40px 5px 0px; } /* ************************************ corrija isso ******************************************** */ .preesed_buttons2 a:not(.active) { box-shadow: inset 0 1px 1px rgb(111 55 125 / 80%), inset 0 -1px 0px rgb(63 59 113 / 20%), 0 9px 16px 0 rgb(0 0 0 / 30%), 0 4px 3px 0 rgb(0 0 0 / 30%), 0 0 0 1px #150a1e; background-image: linear-gradient(#512733, #832550); text-shadow: 0 0 21px rgb(223 206 228 / 50%), 0 -1px 0 #311d47; } /* ************************************ ******************************************** */ /* BOTÃO AZUL FACILITA MODAL + CADASTRAR OU LOGAR */ .new_purple { color: #7e5d7c; border: 1px solid #cd93c6; background-image: -moz-linear-gradient(#e9c4e3, #d798d1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d798d1), to(#e9c4e3)); background-image: -webkit-linear-gradient(#e9c4e3, #d798d1); background-image: -o-linear-gradient(#e9c4e3, #d798d1); text-shadow: 1px 1px 1px #f1ceef; background-color: #d798d1; } .new_purple:hover { border: 1px solid #886382; background-image: -moz-linear-gradient(#d798d1, #e9c4e3); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9c4e3), to(#d798d1)); background-image: -webkit-linear-gradient(#d798d1, #e9c4e3); background-image: -o-linear-gradient(#d798d1, #e9c4e3); background-color: #e9c4e3; } .new_purple:active {border: 1px solid #6a4664;} /* BOTÃO AZUL FACILITA MODAL + CADASTRAR OU LOGAR */ /* BOTÃO AZUL DO MODAL EMPREGOS - CADASTRE OU LOGUE */ .new_blue { border-radius:5px; color: #41788c; border: 1px solid #6fb1c7; background-image: -moz-linear-gradient(#aae5f7, #73d0f1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7)); background-image: -webkit-linear-gradient(#aae5f7, #73d0f1); background-image: -o-linear-gradient(#aae5f7, #73d0f1); text-shadow: 1px 1px 1px #bfeafb; background-color: #73d0f1; } .new_blue:hover { border: 1px solid #4690ad; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1)); background-image: -webkit-linear-gradient(#73d0f1, #aae5f7); background-color: #aae5f7; } /* BOITÃO AZUL DO MODAL EMPREGOS - CADASTRE OU LOGUE */ /* BOTÃO VERDE DO MODAL EMPREGOS - CADASTRE OU LOGUE */ .new_green { border-radius: 5px; color: #41778c; border: 1px solid #6fc791; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73f19a), to(#aaf7c2)) !important ; background-image: -webkit-linear-gradient(#aaf7b0, #73f184) !important ; text-shadow: 1px 1px 1px #bffbd1; background-color: #73f1a0 !important ; } .new_green:hover { border: 1px solid #4690ad; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaf7c2), to(#73f19a)) !important ; background-image: -webkit-linear-gradient(#73f184, #aaf7b0) !important ; background-color: #73f1a0 !important ; } /* BOITÃO AZUL DO MODAL EMPREGOS - CADASTRE OU LOGUE */ /* NÃO ACHEI APLICAÇÃO NO INDEX... E TA NO INDEX */ .new_red { border-radius:3px; color: #923c47; border: 1px solid #d96d7c; background-image: -moz-linear-gradient(#f997b0, #f6677b); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6677b), to(#f997b0)); background-image: -webkit-linear-gradient(#f997b0, #f6677b); background-image: -o-linear-gradient(#f997b0, #f6677b); text-shadow: 1px 1px 1px #fdbcc7; background-color: #f6677b; } .new_red:hover { border: 1px solid #c75964; background-image: -moz-linear-gradient(#f6677b, #f997b0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f997b0), to(#f6677b)); background-image: -webkit-linear-gradient(#f6677b, #f997b0); background-image: -o-linear-gradient(#f6677b, #f997b0); background-color: #f997b0; } .new_red:active {border: 1px solid #ab3e4b;} /* NÃO ACHEI APLICAÇÃO NO INDEX... E TA NO INDEX */ /* BOTÃO OCORRE EM MODAL EMPREGOS SÓ DUAS VEZES */ .button { display: block; font-size: 12px; text-decoration: none!important; font: 68px 'Oswald', arial, sans-serif; padding: 8px 12px; border-radius: 3px; -moz-border-radius: 3px; box-shadow: inset 0px 0px 2px #fff; -o-box-shadow: inset 0px 0px 2px #fff; -webkit-box-shadow: inset 0px 0px 2px #fff; -moz-box-shadow: inset 0px 0px 2px #fff; } .button:active { box-shadow: inset 0px 0px 3px #999; -o-box-shadow: inset 0px 0px 3px #999; -webkit-box-shadow: inset 0px 0px 3px #999; -moz-box-shadow: inset 0px 0px 3px #999; } /* BOTÃO OCORRE EM MODAL EMPREGOS SÓ DUAS VEZES */ /* CONFIGURA OS BOXES QUE CONTEM TUDO EMPRESAS SERVIÇOS SORTEIOS SOBRE NOS ETC */ .green { color: #3e5706; text-align: left; background: Transparent; } .green { color: #3e5706; text-align: left; background: #a5cd4e; /* Old browsers */ background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */ background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* W3C */ } .transp { color: #3e5706; text-align: left; } .green_full { color: #3e5706; background: #ded933; /* Old browsers */ background: -moz-linear-gradient(top, #ded933 0%, #d3f592 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ded933), color-stop(100%,#d3f592)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ded933 0%,#d3f592 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ded933 0%,#d3f592 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ded933 0%,#d3f592 100%); /* IE10+ */ background: linear-gradient(top, #ded933 0%,#d3f592 100%); /* W3C */ } .onle_here { padding: 16px 17px 27px 48px; line-height: 1; text-align: left; margin-bottom: 2px; letter-spacing: 1px; } /* DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY */ .del_dly_body { position: relative; width: 95%; height: auto; background-color: #7924b9; background-image: -webkit-linear-gradient(top, #46116e 0%, #892ad1 50%, #892ad1 50%, #46116e 100%); border-left: 14px solid #974fd9; display: inline-block; border-radius: 25px; overflow: hidden; } .mn_comp { position: relative; width: 80%; overflow: hidden; font-size: 57px; text-align:center ; color :#010e28; background-color: white; padding: 21px; border-radius: 28px; border-left: 37px solid #55d965; border-right: 37px solid #55d965; box-shadow:rgb(171 199 159 / 52%) -8px 13px 0px 4px; text-shadow:1px 1px #FF0000; margin-left:auto; margin-right:auto; } .mn_tips { font-size: 60px; } .mn_title { border-left: 37px solid #55d965; border-right: 37px solid #55d965; } .mn_valor { color: #891100; height: 112px; text-align: right; font-size: 100px; } .mn_comp_back { background-color: white; border-radius:15px; width:89%; display: block; margin-left:auto; margin-right:auto; color: #1a5ad9; } .mn_miniprice { position:relative; width: 251px; height: 100px; background-color: #48cd62; border-radius: 26px; float: right; line-height: 1.555; border:5px solid #ffffff; font-weight: bold; color: #4c1602; text-shadow:-5px 7px 20px #ffffff; box-shadow: inset rgb(16 110 54 / 32%) -8px 6px 0px 1px, inset -6px 9px 8px 4px rgb(165 161 161 / 81%), -4px 4px 0px 0px rgb(149 146 146 / 54%); background-image: -webkit-linear-gradient(top, #b7d754 0%, #b1d14d 50%, #95a565 50%, #bfff00 100%); } /* caixinha linda */ .mn_target { position: relative; width: 251px; height: 100px; background-color: #48cd62; border-radius: 26px; border:5px solid #ffffff; float: left; line-height: 1.555; font-weight: bold; text-shadow:-1px 2px 20px #09f59d; box-shadow:inset rgb(16 110 54 / 32%) -8px 6px 0px 1px, inset -6px 9px 8px 4px rgb(165 161 161 / 81%), -4px 4px 0px 0px rgb(149 146 146 / 54%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #ffffff 50%, #f5f5f5 100%); } .p_produtos { background:#ffc url(images/img0005.png) no-repeat fixed 20px 10px; background-position:center center; } .p_bebidas { background:#ffc url(images/img0005.png) no-repeat fixed 20px 10px; background-position:center center; } .p_entregas { background:#ffc url(images/img0005.png) no-repeat fixed 20px 10px; background-position:center center; } /* DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY DELIVERY */ .green_stats { width:100%; height:auto; padding:15px; font-size:90px; color: #3e5706; background: #ded933; /* Old browsers */ background: -moz-linear-gradient(top, #ded933 0%, #d3f592 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ded933), color-stop(100%,#d3f592)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ded933 0%,#d3f592 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ded933 0%,#d3f592 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ded933 0%,#d3f592 100%); /* IE10+ */ background: linear-gradient(top, #ded933 0%,#d3f592 100%); /* W3C */ } .bbotoens_sup { position: relative; border:0; margin:15 0 15 0 ; padding:40px 15px 15px 10px; display: inline-block; width:280px; height: 80px; background: #961700; border-radius: 0px 50px 50px 0px; color:white; line-height: 0.6; cursor: pointer; font-size: 60px; } .btn_rib { padding: 15px 25px; font-size: 20px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border-radius: 20px; text-decoration: none; position: relative; border: 0; transition: all 40ms linear; margin-top: 50px; margin-left: 2px; margin-right: 2px; display: block; margin-bottom: 25px; color: #626268; box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 18px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0, 0, 0, .2); background-color: #f9f9f9; } /* facilita */ .button_fa_desk_informs { position: relative; line-height: 30px; border: 1px solid #21aba424; padding-left: 12px; padding-right: 12px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; text-align: center; font-size: 13px; color: #ffffff; transition: all 2s; text-shadow: 0px -1px rgba(0, 0, 0, 0.2); background: #27cdc5; background: -webkit-linear-gradient(top, #27cec51f 0%,#00746e5c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 ); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow:-2px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.2); } .button_fa_desk_informs:hover { background: -webkit-linear-gradient(top, #19fff37a 0%, #00746e5c 100%); box-shadow: -2px 0px 2px rgb(255 255 255 / 50%), inset 1px 1px 9px 6px rgba(255, 255, 255, 0.2); transition: all 2s; } .button_fa_desk_informs_m { position: relative; width: 277px; height: 106px; background: #27cdc5; background: -webkit-linear-gradient(top, #005f58ed 0%,#044743d1 100%); margin-bottom: 10px; line-height: 1.8; border: 1px solid #21aba424; padding-left: 12px; padding-right: 12px; font-family: Oswald; border-radius: 4px; display: inline-block; text-align: center; font-size: 50px; color: #ffffff; margin-left:auto; margin-right:auto; transition: all 2s; text-shadow: 0px -1px rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 ); -webkit-box-shadow: -2px 1px 2px rgba(0, 0, 0, 0.2), inset 5px -5px 0px rgba(255, 255, 255, 0.2); box-shadow: -2px 1px 2px rgba(0, 0, 0, 0.2), inset 5px -5px 0px rgba(255, 255, 255, 0.2); } .button_fa_mob_informs { position: relative; height: 130px; width: 425px; border: 1px solid #21aba424; background: #27cdc5; background: -webkit-linear-gradient(top, #04b8ae9e 0%,#055853d1 100%); margin-bottom:5px; cursor: pointer; padding-left: 12px; padding-right: 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 30px; line-height: 180px; display: inline-block; text-align: center; font-size: 13px; color: #ffffff; transition: all 2s; text-shadow: 0px -1px rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 ); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow:-2px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.2); } .button_fa_desk_sendzap { position: relative; height: 30px; width: 100px; cursor: pointer; display:inline-block; padding-left: 12px; padding-right: 12px; border: 1px solid #21aba424; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 30px; display: inline-block; text-align: center; font-size: 13px; color: #ffffff; transition: all 2s; text-shadow: 0px -1px rgba(0, 0, 0, 0.2); /* multiplos bacgrounds aqui, separados por virgula. */ background: -webkit-linear-gradient(top, #27cec51f 0%,#00746e5c 100%), url(../facilita/images/2.png) no-repeat 0px 1px; background-size: 29px 29px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 ); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow:-2px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.2); } .button_fa_desk_sendzap_giga { position: relative; height: 30px; width: 100px; cursor: pointer; display:inline-block; padding-left: 12px; padding-right: 12px; border: 1px solid #21aba424; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 30px; display: inline-block; text-align: center; font-size: 13px; color: #ffffff; transition: all 2s; text-shadow: 0px -1px rgba(0, 0, 0, 0.2); /* multiplos bacgrounds aqui, separados por virgula. */ background: -webkit-linear-gradient(top, #27cec51f 0%,#00746e5c 100%), url(../facilita/images/2.png) no-repeat 0px 1px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 ); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow:-2px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.2); } .button_fa_desk_sendzap_giga_transparent { background: url(../facilita/images/2.png) no-repeat 0px 1px; background-size: 29px 29px; background-color: transparent; } .button_fa_mob_sendzap { position: relative; height: 111px; width: 425px; cursor: pointer; display: inline-block; margin-bottom: 13px; padding-left: 12px; padding-right: 12px; border: 1px solid #21aba424; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 34px; line-height: 30px; display: inline-block; overflow: hidden; text-align: center; font-size: 13px; color: #ffffff; transition: all 2s; text-shadow: 0px -1px rgba(0, 0, 0, 0.2); background: url(../facilita/images/2.png) no-repeat 0px 1px, -webkit-linear-gradient(top, #03847ec9 0%,#032d2b69 100%) ; background-size: 103px 103px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 ); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.2); } .inred { width:auto; height:33px; color: #faddde; font: bold 12px 'Oswald', Arial Narrow, sans-serif; border: solid 1px #980c10; border-radius:5px; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top, #ed1c24, #aa1317); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); } .inred:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); } .inred:active { color: #de898c; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); } /* backs na linha 3.177 */ .blocos { position: relative; display: inline-block; overflow: hidden; border-radius: 5px; margin-right: 5px; border: 0px; -webkit-box-shadow: rgb(139 145 144) 0px 0px 3px 1px; } /* BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** */ /* BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** */ /* BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** BOTOES PERSONALIZADOS *** */ .btretur { background: #008c31d1; color: #FFFFFF; line-height: 7px; top: 10px; position: absolute; z-index: 2001; left: 11px; text-align: center; width: 75px; height: 8px; padding: 10px; text-decoration: none; /* font-weight: bold; */ font-size: 20px; font-stretch: normal; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 14px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } /* MENU Voltar */ .btretur_mob { background: #008c31d1; color: #FFFFFF; line-height: 64px; position: absolute; z-index: 2001; right: 300px; text-align: center; width: 200px; height: 63px; padding: 10px; text-decoration: none; font-weight: bold; font-size: 51px; font-stretch: normal; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .bt_mini_mob { position: relative; width: 200px; height: 63px; background: #008c31d1; bottom: -6px; padding: 10px; display: block; float: right; text-align: center; color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 51px; font-stretch: normal; line-height: 64px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; z-index: 2001; } /* MENU FLUTUANTE */ .menu_L{transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);} .motionR{transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865); right: 500px;} /* INICIA FECHADO */ #x999 { right:-220px; padding:10px 10px 10px 30px ; position:fixed ; top: 50px; width:210px; height:auto; float:right; margin-top: 1em; background-color: rgba(160, 31, 31, 0.5); border-radius: 15px; z-index:9999 } /* ON MOUSE OVER APARECE */ .motion_open { right:5px; -webkit-transition: all 1.15s ease; -moz-transition: all 1.15s ease; -o-transition: all 1.15s ease; -ms-transition: all 1.15s ease; transition: all 1.15s ease; } .motion_close_ { right:-170px; -webkit-transition: all 2.15s ease; -moz-transition: all 2.15s ease; -o-transition: all 2.15s ease; -ms-transition: all 2.15s ease; transition: all 2.15s ease; } .motion_open_menu_L { left:5px; -webkit-transition: all 1.15s ease; -moz-transition: all 1.15s ease; -o-transition: all 1.15s ease; -ms-transition: all 1.15s ease; transition: all 1.15s ease; } .motion_close_menu_L { left:-170px; -webkit-transition: all 2.15s ease; -moz-transition: all 2.15s ease; -o-transition: all 2.15s ease; -ms-transition: all 2.15s ease; transition: all 2.15s ease; } #x999:hover { right:5px; -webkit-transition: all 1.15s ease; -moz-transition: all 1.15s ease; -o-transition: all 1.15s ease; -ms-transition: all 1.15s ease; transition: all 1.15s ease; } /* INICIA FECHADO */ #menu_L { left:-195px; background: #1c1c1c url('../user_painel/images/bg_honeycomb.png' ) repeat center bottom; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3), 0px -1px 0px rgba(255, 255, 255, 0.8), 0px 4px 10px rgba(0, 0, 0, 0.6); } #menu_L:hover { left:-15px; -webkit-transition: all 1.15s ease; -moz-transition: all 1.15s ease; -o-transition: all 1.15s ease; -ms-transition: all 1.15s ease; transition: all 1.15s ease; } #menu_L > button { padding:3px; margin-bottom: 10px; font: bold 12px Oswald, Arial, sans-serif; } #x999 > button { padding:3px; margin-bottom: 10px; } /* ************************************EFEITO WINDOWS 7 NOS BOX******************************************** */ /* ************************************EFEITO WINDOWS 7 NOS BOX******************************************** */ .highblur { margin: 0px auto 50px; width: auto; padding: 10px; border-radius: 10px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3), 0px -1px 0px rgba(255, 255, 255, 0.8), 0px 4px 10px rgba(0, 0, 0, 0.6); } .code { position: relative; padding: 10px; height: auto; border-radius: 10px; background-color: rgba(255, 255, 255, 0.3); box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 2px 5px rgba(0, 0, 0, 0.4) inset, 0px 1px 0px #FFF; } .code_m { position: relative; padding: 10px; height: auto; border-radius: 10px; background-color: #c125641c; box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 2px 5px rgba(0, 0, 0, 0.4) inset, 0px 1px 0px #FFF; } .code_x { position: relative; padding: 10px; height: auto; border-radius: 10px; background-color: #c21e5ede; box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 2px 5px rgba(0, 0, 0, 0.4) inset, 0px 1px 0px #FFF; } .code_xx_desk { position: relative; width: 97%; height:auto; border-radius: 10px; background-color: #3e0c1ede; overflow: hidden; font-family: Oswald; padding: 10px; color: #b79b9b; font-size:15px; box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 2px 5px rgba(0, 0, 0, 0.4) inset, 1px 1px 0px #FFF; /* borda branca */ transition: all 1s; } .code_xx_desk_m { position: relative; width: 97%; height: auto; border-radius: 10px; background-color: #3e0c1ede; overflow: hidden; padding: 10px; color: #b79b9b; font-size: 50px; box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 2px 5px rgba(0, 0, 0, 0.4) inset, 1px 1px 0px #FFF; transition: all 1s; } .code_xx_desk2 { position: relative; width: 97%; height:auto; border-radius: 10px; background-color: #3e0c1ede; padding: 10px; color: #b79b9b; font-size:15px; box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 2px 5px rgba(0, 0, 0, 0.4) inset, inset -3px -2px 0px 2px #504950;; /* borda meio clara */ } .code_xx_mob { position: relative; width: 97%; height:auto; border-radius: 10px; background-color: #3e0c1ede; padding: 10px; color: #b79b9b; font-size:15px; box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 2px 5px rgba(0, 0, 0, 0.4) inset, inset -3px -2px 0px 2px #504950;; /* borda meio clara */ } /* ************************************EFEITO WINDOWS 7 NOS BOX******************************************** */ /* ************************************EFEITO WINDOWS 7 NOS BOX******************************************** */ /* ************************************CONFIGURAÇÃO DOS MARCADORES******************************************** */ /* ************************************CONFIGURAÇÃO DOS MARCADORES******************************************** */ /* ESQUERDO se apagar some o marcador todo */ .tag{ color: blue; margin:0 4px 4px -2px; display:inline-block; height:25px; line-height:22px; text-decoration:none; padding:0 10px 0 21px; text-shadow:1px 1px 0 rgba(256,256,256,0.4); white-space:nowrap; position:relative; border-color:none; border:none; transition:none; background:url(../sitecorp/home_img/mini/imgs/flag.png) no-repeat ; } .tag:after{ content:''; position:absolute; top:0; right:-2px; width:2px; height:25px; border:none; transition:none; background:url(../sitecorp/home_img/mini/imgs/flag.png) top right no-repeat } .tag:hover{ margin:0 4px 4px -2px; display:inline-block; height:25px; line-height:22px; text-decoration:none; padding:0 10px 0 21px; text-shadow:1px 1px 0 rgba(256,256,256,0.4); white-space:nowrap; position:relative; border-color:none; border:none; background:url(../sitecorp/home_img/mini/imgs/flag.png) bottom left no-repeat; } .tag:hover:after{ content:''; position:absolute; top:0; right:-2px; width:2px; height:25px; text-shadow:1px 1px 0 rgba(256,256,256,0.4); background:url(../sitecorp/home_img/mini/imgs/flag.png) bottom right no-repeat } .flag { background : rgba(234,244,243,0.1); } /* ************************************CONFIGURAÇÃO DOS MARCADORES******************************************** */ /* ************************************CONFIGURAÇÃO DOS MARCADORES******************************************** */ /* ************************************CONFIGURAÇÃO DOS AVISOS E NOTIFICAÇÕES******************************************** */ .notification { position:relative; line-height: 30px; cursor: pointer; clear: both; height: 30px; margin: 8px 0px 8px 0px; padding: 20px 25px 10px 60px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow:hidden; } .notification strong { margin-right: 5px; } .notification p { font-size: 11px; padding: 0px; margin: 0px; color: #333333; } .message p { font-size: 11px; } .warning { background-image: url(sitecorp/home_img); background-position: 15px center; background-repeat: no-repeat; border: 2px solid #FFC237; background-color: #FFEAA8; color: #826200; } .success { background-image: url(../sitecorp/home_img/accept.png); background-position: 15px center; background-repeat: no-repeat; border: 2px solid #99C600; background-color: #EFFFB9; color: #3C5A01; } .failure { background-image: url(../sitecorp/home_img/exclamation.png); background-position: 15px center; background-repeat: no-repeat; border: 2px solid #EB5339; background-color: #FCCAC2; color: #AC260F; } .information { background-image: url(../sitecorp/home_img/information.png); background-position: 15px center; background-repeat: no-repeat; border: 2px solid #418ACC; background-color: #00a999; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0e4f4), color-stop(50%, #b3cde2), color-stop(50%, #84ff48), color-stop(100%, #206100)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e8d8f7 50%, #e2c5fd 50%, #d9b6f9 100%); background-image: -moz-linear-gradient(top, #759ae9 0%, #d0e4f4 50%, #1a5ad9 50%, #2463de 100%); background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); border-top: 1px solid #63f100; border-right: 1px solid #63f100; border-bottom: 1px solid #206100; border-left: 1px solid #63f100; border-radius: 4px; -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); color: #235685; } .lightbulb { background-image: url(../sitecorp/home_img/lightbulb.png); background-position: 15px center; background-repeat: no-repeat; border: 2px solid #D3A350; background-color: #FEF0CB; color: #835F21; } .messages { background-image: url(../sitecorp/home_img/email.png); background-position: 15px center; background-repeat: no-repeat; border: 2px solid #42B4FF; background-color: #9DDFFF; color: #835F21; } /* ************************************ FIM DE CONFIGURAÇÃO DOS AVISOS E NOTIFICAÇÕES******************************************** */ /* ************************************ BALÕES DE DICA DE PÁGINA ******************************************** */ .tooltip{ position: relative; background: #B4A4D3; cursor: help; display: inline-block; text-decoration: none; color: #040303; outline: none; font-size:12px; } .tooltip span { font-size: 15px; color: #0a0a0a; visibility: hidden; position: absolute; bottom: 30px; left: 50%; z-index: 9999; width: 180px; margin-left: -127px; padding: 10px; border: 2px solid #ccc; border-radius: 4px; background-color: #ffff00; background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); -moz-border-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; text-shadow: 0 1px 0 rgba(255,255,255,.4); } .tooltip:hover{ border: 0; /* IE6 fix */} .tooltip:hover span{ visibility: visible;} .tooltip span:before,.tooltip span:after{ content: ""; position: absolute; z-index: 9000; bottom: -7px; left: 50%; margin-left: -8px; border-top: 8px solid #ddd; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0; } .tooltip span:before{ border-top-color: #ccc; bottom: -8px;} /* Blue */ .blue-tooltip span { border-color: #59add4; background-color: #61bde7;} .blue-tooltip span:after{ border-top-color: #61bde7;} .blue-tooltip span:before{ border-top-color: #59add4;} /* ************************************ FIM DOS BALÕES INFORMATIVOS ******************************************** */ /* ************************************HR ESTILIZADOS******************************************** */ hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); width:100%; } /* ************************************HR ESTILIZADOS******************************************** */ /* ************************************ ESTILOS GLOBAISINDEX ********************* ESTILOS GLOBAISINDEX ********************* ESTILOS GLOBAISINDEX ******************************************** */ /* ************************************ ESTILOS GLOBAISINDEX ********************* ESTILOS GLOBAISINDEX ********************* ESTILOS GLOBAISINDEX ******************************************** */ /* ************************************ ESTILOS GLOBAISINDEX ********************* ESTILOS GLOBAISINDEX ********************* ESTILOS GLOBAISINDEX ******************************************** */ /* ************************************ ESTILOS GLOBAISINDEX ********************* ESTILOS GLOBAISINDEX ********************* ESTILOS GLOBAISINDEX ******************************************** */ /* ************************************ ESTILOS GLOBAISINDEX ********************* ESTILOS GLOBAISINDEX ********************* ESTILOS GLOBAISINDEX ******************************************** */ /* ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ */ #wrapper { width: 800px; height:100%; margin: auto;} #wrapper > * { margin-bottom: 0px} #content_3 { background: transparent; clear: both; width:99%; height:auto; padding: 100px 0px 100px 0px; /* Arredondamos os cantos do box para os navegadores atuais */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /* Centralizamos a página */ margin-left: auto; margin-right: auto; /* para tratar o itembox */ display: block; text-align: center; } /* ************************************************* BOX SEARCH LOGO DE CARA *************************************************** */ .box_form_search{ padding: 25px 15px 35px 15px; } .form_search { width: auto; margin-left: auto; margin-right: auto; } .form_search_div { width: 700px; margin-left: auto; margin-right: auto; } .form_search_bt {position:relative; right: 0px; border:0px; height: 59px; width: 180px; float:right; top:-69px; } .form_search_op {position:relative; right: -179px; border:0px; height: 50px; width: 180px; float:right; top:-6px; font-size:30px! ; padding-top: 9px!IMPORTANT; } .form_search_imput {position:relative; height: 59px; width: inherit; border : 2px ; border-radius:35px; font: 45px Oswald, Oswald, Arial narrow Narrow; padding-left:25px; } .form_search_imput_mob {position:relative; height: 59px; width: inherit; border : 2px ; border-radius:35px; font: 45px Oswald, Oswald, Arial narrow Narrow; padding-left:25px; } /* ************************************************* BOX SEARCH LOGO DE CARA *************************************************** */ .btn_shower {position:relative ; top: 10px; width:98%; padding-bottom: 20px; text-align:center; background: linear-gradient(181deg, rgb(197 28 94 / 81%), #c51c5e); border-radius:15px 100px 15px 100px ; font: 50px Oswald, Oswald, Arial narrow Narrow;} /* ************************************************* CIRCULOS NO BOX DOS SERVIÇOS *************************************************** */ .circulo_tips { width: 120px; height: 120px; border-radius: 155px; padding-top: 12px; margin-bottom: 12px; font-size:12px; text-align: center; } /* ************************************************* CIRCULOS NO BOX DOS SERVIÇOS *************************************************** */ /* ************************************************* AJUSTE DOS BOTÕES DIVERSOS *************************************************** */ .ajuste_modal_empergos { width:208px; } .ajuste_modal_menu_l { width:150px; height: 40px; } .ajuste_box_emprego { width:140px; height: 80px; } .ajuste_box1_categorias { width:140px; display: block; font-size:14px !important; padding-top: 1px !important; height: 20px!important;; margin-bottom :2px; margin-top: 4px !important; } .ajuste_box1_cat1e2 { width:140px; margin-top: 4px!important; } .ajuste_mox2_categorias { width:140px; padding-top: 1px !important; margin-bottom :2px; margin-top: 4px !important; } .ajuste_top { width:160px; border: 2px ; border-radius:5px; } .ajuste_clas { border:2px ; border-radius:5px; padding: 13px 10px 12px 10px!important; } .ajuste_titulo_boxs { top:-12px; } .ajuste_guia { width:150px!important; height: 15px;} /* ************************************************* AJUSTE DOS BOTÕES NO BOX EMPREGOS *************************************************** */ /* ********************* VITRINES DESTAQUE - GLOBAIS INDEX *********************** */ /* ********************* VITRINES DESTAQUE - GLOBAIS INDEX *********************** */ .pos_blur > a { -webkit-filter: blur(0); -moz-filter: blur(0); -o-filter: blur(0); -ms-filter: blur(0);filter: blur(0);width:120px!important;} #bloco_vitrinedestaque { width: 122px; height: 165px; overflow:hidden; display:inline-block; border-radius: 6px; background-position: center top; background-size: 100% 100% ; } .bloco_vitrinedestaque_link:hover > #textt{ transition: top 500ms cubic-bezier(0, 0.55, 0.18, 1.56); top: 1px; } #bloco_vitrinedestaque_txt { position:relative; left: 0px; aling:left; top: 148px; width: 120px; min-height: 200px; background-color: #E58301; border-radius: 6px; font-size:12px;color: black; text-shadow:none; padding-top:3px;background-position: center top; background-size: 100% 100% ; } #bloco_vitrinedestaque_txt:hover { -webkit-transition: all 2.15s ease; transition: top 500ms cubic-bezier(0, 0.55, 0.18, 1.56); top: 9px; } /* ********************* VITRINES DESTAQUE - GLOBAIS INDEX *********************** */ /* ********************* VITRINES DESTAQUE - GLOBAIS INDEX *********************** */ /* ********************************************BOTÃO GIGANTE > EMPREGOS E CADASTRO ********************************************* */ .big_stats { padding: 0 40px; padding-top: 10px; text-transform: uppercase; font: bold 65px Oswald, Arial narrow, sans-serif; border-radius: 107px;} .big_stats span { display: block; text-transform: none; font: italic normal 28px Oswald, Arial narrow ;text-shadow: 1px 1px 1px rgba(255,255,255, .12);color: white;} .big_stats_m { padding: 114px 40px; padding-top: 10px; text-transform: uppercase; font: bold 230px Oswald, Arial narrow, sans-serif; border-radius: 107px;} .big_stats_m span { display: block; text-transform: none; font: normal 57px Oswald, Arial narrow ;text-shadow: 1px 1px 1px rgba(255,255,255, .12);color: white;} .green_stats { color: #3e5706; /* Green Color */ background: #a5cd4e; /* Old browsers */ background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */ background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* W3C */ } /* ********************************************BOTÃO GIGANTE > EMPREGOS E CADASTRO ********************************************* */ .big_b_ajuste { padding: 0 40px; padding-top: 10px; text-transform: uppercase; font: bold 42px Oswald, Arial narrow, sans-serif;} /* ************************************ ESTILOS PARA O GUIA ********************* ESTILOS PARA O GUIA ********************* ESTILOS PARA O GUIA ******************************************** */ /* ************************************ ESTILOS PARA O GUIA ********************* ESTILOS PARA O GUIA ********************* ESTILOS PARA O GUIA ******************************************** */ /* ************************************ ESTILOS PARA O GUIA ********************* ESTILOS PARA O GUIA ********************* ESTILOS PARA O GUIA ******************************************** */ /* ************************************ ESTILOS PARA O GUIA ********************* ESTILOS PARA O GUIA ********************* ESTILOS PARA O GUIA ******************************************** */ .button_guia { float:left; margin: 2px; padding: 0px 20px; text-decoration: none; font: bold 12px Oswald, Arial narrow, sans-serif; color: #FFFFFF; list-style:none; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ border-radius: 5px; /* Geral independente do navegador */ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); /* como 'mouse over' acontecerá a mudança de cor definida no CSS, aqui determinamos o tempo dessa duração */ -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .tab_guia { position: relative; display: inline-block; margin-left: auto; margin-right: auto; margin: 2px; padding: 2px 2px; /* MANTEM O BLOCO NO TAMANHO FIXO */ height:585px; max-width:95px; margin: auto; min-height: 265px; /* DA UM ESPAÇO ENTRE O TOPO E O ITEM RESULTADO, DO BOX */ padding-top: 10px; text-decoration: none; font: bold 11px Oswald, Arial narrow, sans-serif; color: #FFFFFF; list-style:none; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ border-radius: 5px; /* Geral independente do navegador */ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); } #block_resize { width:100%; height:auto; float:none; position: relative; padding:2px; text-decoration: none; font: bold 9px Oswald, Arial, sans-serif; color: #FFFFFF; list-style:none; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ border-radius: 5px; /* Geral independente do navegador */ margin-left: auto; margin-right: auto; display: block; text-align: center; /* como 'mouse over' acontecerá a mudança de cor definida no CSS, aqui determinamos o tempo dessa duração */ -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .red_letter { width:50px; color: #faddde; font: bold 12px Oswald, Arial narrow, sans-serif; border: solid 1px #980c10; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top, #ed1c24, #aa1317); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); } .red_letter:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); } .red_letter:active { color: #de898c; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); } #block_resize { background: #f0f8ffa8; width:90%; height:696px; min-width: 712px; margin: auto; min-height: 100px; overflow-y: auto; float:left; position: relative; margin: 2px; padding: 2px 2px; text-decoration: none; font: bold 11px Oswald, Arial narrow , sans-serif; color: #FFFFFF; list-style:none; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ border-radius: 5px 40px 5px 40px; /* Geral independente do navegador */ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); /* como 'mouse over' acontecerá a mudança de cor definida no CSS, aqui determinamos o tempo dessa duração */ -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } #block_id { /**/ font: bold 15px Oswald, Arial, sans-serif; width:90px; height: 23px; overflow:hidden; color: #257373; line-height: 0.8; letter-spacing:1px; text-shadow: 0px 0px 10px #f8f7f9; text-align: left; text-decoration: none; display:inline-block ; list-style:none; background: #ffffff; padding: 3px 0px 3px 3px; border-radius: 5px; } #block_id:hover { color: white; font: bold 12px Oswald, Arial Narrow; background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); } #block_id::first-letter { color: #f70000; font-size: 130% } #block_id:hover::first-letter { color: White; font-size: 130% } #block_id:hover { color: white; font: bold 9px Oswald, Arial narrow, sans-serif; background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); } /* para o buscador de cidades com opção de busca por primeira letra */ .mod_sua_city { position:relative; margin:15px; cursor: pointer; padding:44px;background-color: #000000bf; width:109px; height:101px; display:inline-block; font-size:96px; color:#ffffff ; text-align: center; z-index:14; text-shadow: 1px 2px #f9f7f7; font-family:Oswald, Arial; } .mod_sua_city_desk{ position: relative; margin: 8px; cursor: pointer; padding: 16px; background-color: #000000bf; width: 20px; height: 33px; display: inline-block; font-size: 33px; color: #ffffff; text-align: center; z-index: 14; /* text-shadow: 1px 2px #f9f7f7; */ font-family: Oswald, Arial; } .mod_seu_p_e_c { position:relative; display: inline-block; cursor: pointer; overflow: hidden; margin:0 0 50 0; padding:0 0 0 25px; width:45%; height:124px; background-color: rgb(193 42 100 / 74%); color: white; font: bold 76px Oswald, Arial; text-shadow:0px 0px 30px #3399FF ; text-transform: uppercase; letter-spacing:1px; } .mod_seu_p_desk { position: relative; display: inline-block; cursor: pointer; overflow: hidden; margin: 0 0 0px 0; padding: 0 0 0 0px; width: 13%; height: 24px; background-color: rgb(193 42 100 / 74%); color: white; font: bold 16px Oswald, Arial; text-shadow: 0px 0px 30px #3399FF; text-transform: uppercase; letter-spacing: 1px; } .mod_op_01 { background-color: rgb(72 0 0 / 74%); } .mod_seu_txt { position:relative; margin:0 0 50 0; padding:0 0 0 25px; width:97%; height:99px; background-color: rgb(193 42 100 / 74%); color: white; font: bold 56px Oswald, Arial; text-shadow:0px 0px 30px #3399FF ; text-transform: uppercase; letter-spacing:1px; } /* O buscador tem duas partes, primeiro o php que não tem visual, só respostas, segundo, o visual css que normalmente fica na página mas eu centralizei aqui. Tudo roda em uma div só atualizada por ajax. O background é definido na div, normalmente um modal, que fica na página que vai chamar o seletor de cidades. */ .home_desk_services { top: 10px; width: 94%; left: 10; padding: 5px; display: block; position: relative; color: white; font: bold 14px Oswald, Arial; text-shadow: 0px 0px 30px #3399FF; text-transform: uppercase; letter-spacing: 1px; } /* ******************************************** RECEBE A SETA GIF QUE PISCA E O SLOGAN ********************************************* */ /* ***************************************************** quem aparece vende ******************************************************** */ /* O ÚNICO QUE CONCEGUIU DEIXAR CENTRALIZADOS ---pense num sofrimento nessa parte !!!! */ #block_slogan { width:540px ; height: 90px; margin-left: auto; margin-right: auto; display: block!important; } div#block_slogan .block_slogan_img > img { position:relative!important; display: block!important; margin-left: auto; margin-right: auto;} /* ******************************************** RECEBE A SETA GIF QUE PISCA E O SLOGAN ********************************************* */ /* ************************************************** ANIMAÇÃO DO LOGO FIM DE PAGINA ********************************************* */ .setabaixo {position:relative!important; display:inline-flex; margin-left: auto; margin-right: auto;width: 100%; height: auto; -webkit-animation: mymove 7s infinite; /* Chrome, Safari, Opera */ animation: mymove 7s infinite; } .setabaixo > img { position:relative ; width:468px; height:468px; margin-left: auto; margin-right: auto; } @-webkit-keyframes mymove { 0% {top: 0px;} 50% {top: 100px;} 100% {top: 0px;} } /* Chrome, Safari, Opera */ @keyframes mymove { 0% {top: 0px;} 50% {top: 100px;} 100% {top: 0px;} } /* Standard syntax */ /* *************************************************** ANIMAÇÃO DO LOGO FIM DE PAGINA ********************************************* */ /* ************************************************** ANIMAÇÃO DO LOGO FIM DE PAGINA ********************************************* */ .setabaixo2 {position:relative!important; display: block !important; float:center; margin-left: auto; margin-right: auto;width: 0; height: 15; -webkit-animation: euvejo 10s infinite; /* Chrome, Safari, Opera */ animation: euvejo 10s infinite; } .setabaixo2 > img { width:100px; height:100px; top: 0px; margin: -45px; } @-webkit-keyframes euvejo { 0% {top: 0px;} 50% {top: -450px;} 100% {top: 0px;} } /* Chrome, Safari, Opera */ @keyframes euvejo { 0% {top: 0px;} 50% {top: -450px;} 100% {top: 0px;} } /* Standard syntax */ /* *************************************************** ANIMAÇÃO DO LOGO FIM DE PAGINA ********************************************* */ /* ******************************************** ANIMAÇÃO DO NOME EMPRESAS FIM DE PAGINA ********************************************* */ .ani_txt_empresa { animation: ani_txt_empresa 2s infinite alternate;background-color:transparent} @keyframes ani_txt_empresa{ from {letter-spacing:0; color:white; box-shadow:0 0 black} to {letter-spacing: 5px; color:#CCECFF; box-shadow:0 20px 10px -10px rgba(0,0,0,.5)} } /* ******************************************** ANIMAÇÃO DO NOME EMPRESAS FIM DE PAGINA ********************************************* */ /* ******************************************** BOX CADASTRE - IMPUTS DO FORMULARIO ANIMADO NO FIM DA PÁGINA ********************************************* */ .form_of_thunder { padding: 20px ;width: 215px; margin-top: 30px ;border:15px solid #9F6AD3;border-radius:50px;font: bold 22px Oswald, Arial narrow, sans-serif; left:0; float:left;} #transform_2d {position:relative; width:600px; height:150px; padding:1px; margin-left: auto; margin-right: auto; } #transform_2d:hover { transform: translate(0px, 0px) rotate(4deg) scale(1.15) skew(0deg, 0deg); -webkit-transition: all 3.5s ease-out; transition: all 3.5s ease-out; } /* ******************************************** BOX CADASTRE - IMPUTS DO FORMULARIO ANIMADO NO FIM DA PÁGINA ********************************************* */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * SUPERPAINEL * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .menu123 {background: #292828; border:0; position:relative;width:99%;height:22px; font: bold 12px Arial Narrow ; color:#9c7e7e;margin-bottom:1px;} .no_work { color:#c50000;} .menu1234 {background: #292828; border:0; position:relative;width:128px;height:22px; font: bold 14px Arial Narrow ; color:#FFFFFF;margin-bottom:1px;} #block_resize_sp { width:100%; height:460px; min-width: 300px; margin: auto; min-height: 100px; overflow-y: auto; float:left; position: relative; margin: 2px; padding: 2px 2px; text-decoration: none; font: bold 9px Arial Narrow, sans-serif; color: #FFFFFF; list-style:none; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ border-radius: 5px; /* Geral independente do navegador */ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); /* como 'mouse over' acontecerá a mudança de cor definida no CSS, aqui determinamos o tempo dessa duração */ -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .tab_butons_sp { float:left; margin: 2px; padding: 2px 2px; /* MANTEM O BLOCO NO TAMANHO FIXO */ height:215px; max-width:95px; margin: auto; min-height: 265px; /* DA UM ESPAÇO ENTRE O TOPO E O ITEM RESULTADO, DO BOX */ padding-top: 10px; text-decoration: none; font: bold 9px Arial, sans-serif; color: #FFFFFF; list-style:none; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ border-radius: 5px; /* Geral independente do navegador */ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); } #block_id2_sp { height:15px; font-size:9px; font-family: Arial; border: 1px 1px 1px 0px solid #99CCFF; width:70px; text-shadow: 1px #6699FF; text-align: left; text-decoration: none; display:block ; list-style:none; padding: 5px; border-radius: 5px; margin-top: 2px; color: #8ed08d; border: 1px solid; border-color: orange; border-radius: 3px; border-bottom:0px; } #block_id2_sp::first-letter { color: #A9FBFF; font-size: 130% } #block_resize_div { width:100%; height:99%; min-width: 300px; margin: auto; min-height: 100px; overflow-y: auto; float:left; position: relative; margin: 2px; padding: 2px 2px; text-decoration: none; font: bold 11px Arial, sans-serif; color: #FFFFFF; list-style:none; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ border-radius: 5px; /* Geral independente do navegador */ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); /* como 'mouse over' acontecerá a mudança de cor definida no CSS, aqui determinamos o tempo dessa duração */ -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } /* width:100px; */ #block_id2 { font-size:12px; font-family: 'Oswald, Arial Narrow'; width:auto; min-width:50px; max-width:130px; text-shadow: 1px #6699FF; text-align: left; text-decoration: none; letter-spacing:1px; display:block ; list-style:none; padding: 5px; border-radius: 5px; margin-top: 2px; overflow:hidden; } #block_id2::first-letter { color: #e20202; font: bold 18px Oswald, Arial Narrow; } .block_id_m { height: auto; font: bold 69px Oswald, Arial, sans-serif; width: 100%; color: #257373; letter-spacing: 0px; text-shadow: 1px 1px #6699FF; text-align: left; text-decoration: none; display: inline-block; list-style: none; background: #70c9e3; padding: 3px; border-radius: 5px; } .block_id_m:hover { color: white; font: bold 12px Oswald, Arial Narrow; background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); } .block_id_m::first-letter { color: #e20202; font: bold 100px Oswald, Arial Narrow; } .button_list { float:LEFT; display: inline-block; position: relative; margin: 2px; padding: 3px 3px; text-align: center; text-decoration: none; color: #FFFFFF; font: bold 11px Arial, sans-serif; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; /* Para navegadores que usam webkits - exemplo Chrome,Safari4+ */ -moz-border-radius: 5px; /* Mozilla */ border-radius: 5px; /* Geral independente do navegador */ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); /* como 'mouse over' acontecerá a mudança de cor definida no CSS, aqui determinamos o tempo dessa duração */ -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .orange { color: #FFE4E1; background-color: #FFAD5B; } .list { float: left; width: 98%; } .red { font: bold 15px Arial Narrow, Arial, sans-serif; color: #FFE4E1; background-color: #990033; margin: 4px; } .green2 { font: bold 15px Arial Narrow, Arial, sans-serif; color: #FFE4E1; background-color: #00996f; margin: 4px; } .mangeta { font: bold 15px Arial Narrow, Arial, sans-serif; color: #FFE4E1; background-color: #8b008b; margin: 4px; } .blue_smile { font: bold 15px Arial Narrow, Arial, sans-serif; color: #FFE4E1; background-color: #3d4aa9; margin: 4px; } .ciano { font: bold 15px Arial Narrow, Arial, sans-serif; color: #FFE4E1; background-color: #990033; margin: 4px; } .cinza { font: bold 15px Arial Narrow, Arial, sans-serif; color: #FFE4E1; background-color: #707070; margin: 4px; } .black { font: bold 15px Arial Narrow, Arial, sans-serif; color: white; background-color: black; margin: 4px; } .green_sp { color: #3e5706; text-align: left; background: #a5cd4e; /* Old browsers */ background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */ background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* W3C */ } .ajuste { width: 116px; height:25px; } .switch { position: relative; display: inline-block; width: 60px; height: 25px;} .switch input { opacity: 0; width: 0; height: 0;} .slider { position: absolute; cursor: pointer; top: 0; left: -22px; right: 18px; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 25px; /* height: 22px; */ line-height: 0.75;} .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 1px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 80%;} input:checked + .slider { background-color: #efd005; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(38px); -ms-transform: translateX(38px); transform: translateX(38px);} /* Rounded sliders */ .slider.round { border-radius: 34px;} .slider.round:before { border-radius: 50%;} .switch_mim { position: relative; display: inline-block; width: 60px; height: 17px;} .switch_mim input { opacity: 0; width: 0; height: 0;} .slider_mim { position: absolute; cursor: pointer; top: 0; left: -22px; right: 18px; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 25px; /* height: 22px; */ line-height: 0.75;} .slider_mim:before { position: absolute; content: ""; height: 15px; width: 15px; left: 1px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 80%;} input:checked + .slider_mim { background-color: #efd005; } input:focus + .slider_mim { box-shadow: 0 0 1px #2196F3; } input:checked + .slider_mim:before { -webkit-transform: translateX(38px); -ms-transform: translateX(38px); transform: translateX(38px);} .bt-renderer { position:relative; background: #fbc02d; color: var(--gb-bt-indice); padding:2px; padding-top:0px; padding-bottom: 0px; width:auto; height:15px; border-radius: 1px; float: right ; right: 2% ; font: bold 12px Arial Narrow, Arial; margin: 4px; cursor:pointer; } .more { background-color: var(--gb-dash-quad-more); font: 36px Arial Narrow !important; } #div_ajuste_but_guia_cat { width:90px; height:25px; overflow-y: hide; } #action_guia_del_cat { position:relative; top:-22px; float: right; right: 8px; width:22px; height:22px; z-index:5000; } /* GUIA DENUNCIADAS LISTAGEM do SP ********************************************************************************************************************************************************************** */ .listagem { position: relative; display: block; border: 1px #456967 solid; width: 98%; height: 23px; background-color: #503939; top: 0px; border-radius: 3px; overflow: hidden; font: bold 11px Arial Narrow; color: #00b784; padding-left: 3px; margin-bottom: 12px; } .listagem_pay { position: relative; display: block; border: 1px #456967 solid; width: 98%; height: 26px; background-color: #1a5d56; top: 0px; border-radius: 3px; overflow: hidden; font: 11px Arial Narrow; color: #a0babd; padding-left: 3px; margin-bottom: 12px; } .topaction { background-color: #171717d6; cursor:pointer;;} #miboxactions_sp { float: right; margin-right: 5px; width:124px ; height:21px; line-height: 34px; background-color:transparent; border:1px solid #6f6c3bfc; padding: 0px 0px 9px 7px; border-radius:3px; } .miboxactions_sp { float: right; margin-right: 5px; width:124px ; height:98%; line-height: 34px; background-color:transparent; border:1px solid #6f6c3bfc; padding: 0px 0px 9px 7px; border-radius:3px; } .miboxactions_sp > button { width:22px; height:22px; border-radius:15px; } #miboxactions_sp > button { width:22px; height:22px; border-radius:15px; } .list_text_01 { font-size:12px; color: #000000; } .list_text_02 { font-size:10px; color: #000000; } .list_text_03 { font-size:12px; color: #000099; } .sim_pago { background-color: #1a5d56 !important; border:1px solid #1a5d56; } .nao_pago { background-color: #e0004b57 !important; border:1px solid #e0004b57; } #miboxactions_result { float: right; margin-right: 5px; width:auto ; height:21px; background-color:transparent; border:1px solid #6f6c3bfc; padding: 0px 0px 9px 7px; border-radius:3px; color: #a0babd; } .actionclear { background-image: none !important; width:42px !important; position: relative;top: -2px; } .ation_id { position: relative; left: -4px; top:-2px; color: white; font: bold 16px Arial Narrow; } /* PRIMEIRA PAGINA STATS GLOBAL COLUNAS ************************************************************************************************************* */ .row { margin-right: -15px; margin-left: -15px; box-sizing: border-box; display: block; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.42857143; width: 99%;} .col-md-4 { width: 30.33333333%; float: left; position: relative; min-height: 1px; padding-right: 1px; padding-left: 21px; display: inline-block;} .list-group { padding-left: 0; margin-bottom: 20px;} ul, ol { margin-top: 0; margin-bottom: 10px;} .list-group-striped li:nth-child(odd) { background-color: #0a1f22;} .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px;} .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px;} .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px;} .list-group-item { position: relative; display: block; padding: 5px 5px; margin-bottom: -1px; background-color: #201515; border: 1px solid #07304ce0; font-size:1.1em; color:red;} .list-group-item > a { color: #ffffff; text-decoration: none; font-size: 12px; background-color: 0a000000; display: inline-block; width: 100px; border-radius: 2px; padding-left: 10px; } .list-group-item > a:hover { background-color: #1a98a6; } .label-royal { background-color: #6a043b;} .label-primary { background-color: #080000;} .label { text-shadow: none; font-family: "Open Sans";} .pull-right { float: right;} .pull-right { float: right !important;} .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;} /* ********************************************************************************************************************************************************************** */ .clicked { background-image: -webkit-linear-gradient(top, #8b40dc8c 0%, #79d2f185 50%, #0e8ab36e 50%, #8b40dc 100%)!important; } .form_superuser_add { position:relative ;left:22px;top:33px;width:242px;height:38px; border:1px #BCBABA solid;color:#4B0082;font-family:Arial ;font-size:19px; z-index:0; } /* ************************************ ESTILOS PARA O GUIA DO INDEX ******************************************** */ /* ************************************ FIM FIM FIM FIMFIM FIM FIM ******************************************** */ /* ********************* ESTILOS PARA O BLOCO TODOS OS SERVICOS E PAINEL DE CONTROLE DO INDEX ********************* */ /* ********************* ESTILOS PARA O BLOCO TODOS OS SERVICOS E PAINEL DE CONTROLE DO INDEX ********************* */ /* ********************* ESTILOS PARA O BLOCO TODOS OS SERVICOS E PAINEL DE CONTROLE DO INDEX ********************* */ /* ******************************************** BOX TODOS OS SERVIÇOS ********************************************* */ /* Adaptar com o painel que possue um identico */ .items { padding-bottom:0px; float: none;position: relative ;display: inline-block; } .items li { margin-left: 10px; top:0; display: inline-block; overflow: hidden;height: 161px; } .items .preview { margin-bottom: 0px; border-radius:15px;} .items a.title { font-size: 14px; margin: 5px; font-weight: bold; color: #333333; } .items a.title:hover{ color: #24bfb6; } .items p { margin-left: 20px; margin-bottom: 0px; } .frame > img { border-radius:15px; width: 160px; height:120px; max-width: 100%; max-height: 100%;} /* ******************************************** BOX TODOS OS SERVIÇOS ********************************************* */ /* ******************************************** BOX TODOS OS SERVIÇOS PARA MOBILE ********************************************* */ /* Adaptar com o painel que possue um identico */ .items_mob { padding-bottom:0px; float: none;position: relative ;display: inline-block; width: 100%; } .items_mob li { margin-left: 10px; top:0; display: inline-block; overflow: hidden; height: 387px; width: 48%; } .items_mob .preview { margin-bottom: 0px; border-radius:15px;} .items_mob a.title { font-size: 14px; margin: 5px; font-weight: bold; color: #333333; } .items_mob a.title:hover{ color: #24bfb6; } .items_mob p { margin-left: 20px; margin-bottom: 0px; } .frame_mob > img { border-radius:72px; width: 100%; height:321px; max-width: 100%; max-height: 100%;} /* ******************************************** BOX TODOS OS SERVIÇOS ********************************************* */ /* EFEITO 3D*/ #ul_itens > li:hover { transform-origin-x: 5%; transform-origin-y: 5%; transform: perspective(100px) rotateX(5deg); -webkit-transition: all 1.15s ease; -moz-transition: all 1.15s ease; -o-transition: all 1.15s ease; -ms-transition: all 1.15s ease; transition: all 1.15s ease; } /* TEXTO EM FRENTE */ .box_allserv_txt {position:relative;display:block;top:-23px; width:100%;height:25px;font-size:22px; color: #FFFFFF; text-align:center;text-shadow: 0px 1px #ffffff; text-shadow: 0 0 1px rgba(0,0,0,0.3); text-shadows: 1px 1px 1px #bfeafb;opacity: 0.86;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;z-index:10; background-color: rgb(3 3 33); } .box_allserv_txt_mob { position:relative; display:block; top:-102px; width:100%; height:82px; font-size:61px; color: #FFFFFF; text-align:center; text-shadow: 0px 1px #ffffff; text-shadow: 0 0 1px rgba(0,0,0,0.3); text-shadows: 1px 1px 1px #bfeafb;opacity: 0.86;border-bottom-right-radius: 39px;border-bottom-left-radius: 39px;z-index:10; background-color: rgb(3 3 33); } .box_allserv_txt:hover {opacity: 0.9;} #content > ul > li:hover > .box_allserv_txt{ display:block; opacity: 0.9;} .box_allserv_txt_mob:hover {opacity: 0.9;} #content > ul > li:hover > .box_allserv_txt_mob{ display:block; opacity: 0.9;} #content > ul > li:hover > { display:block; opacity: 0.9;} /* OPACIDADE VISIVEL*/ #content > ul > li > .preview:hover > a.frame > .box_allserv_txt { opacity: 0.9; text-shadow:0px 0px 30px #3399FF ; -webkit-transition: all 1.15s ease;-moz-transition: all 1.15s ease;-o-transition: all 1.15s ease;-ms-transition: all 1.15s ease;transition: all 1.15s ease; } /* OPACIDADE VISIVEL*/ #content > ul > li > .preview:hover > a.frame > .box_allserv_txt_mob { opacity: 0.9; text-shadow:0px 0px 30px #3399FF ; -webkit-transition: all 1.15s ease;-moz-transition: all 1.15s ease;-o-transition: all 1.15s ease;-ms-transition: all 1.15s ease;transition: all 1.15s ease; } .frame:hover > img {opacity: 0.5; -webkit-transition: all 1.15s ease; -moz-transition: all 1.15s ease;-o-transition: all 1.15s ease;-ms-transition: all 1.15s ease;transition: all 1.15s ease;} .ico_painel_nivel { position:relative; float: left; text-align:center; width: auto; height: 32px; color: white; background-color: #08083c; top:15px; border-radius:25px; z-index:1000; border: 2px solid #9b9b9ca6; cursor: pointer; opacity: 0.83; padding:0px 14px 0px 14px; } .ico_painel_nivel_pro { background-color: #d00101 !important; } .ico_painel_nivel_set { background-color: #03303ec9 !important; top:7px; opacity: 0.6;} #ico_painel_ver { position:relative; float: right; right;text-align:center; width: 35px; height: 35px; color: white; background-color: #08083c; top:41px; border-radius:25px; z-index:1000; border: 2px solid #9b9b9ca6; cursor: pointer; opacity: 0.83; } #ico_painel_ver:hover{ opacity:inherit;} .ico_painel_ver_notifi { background-color: #6a9600!important; } .ico_painel_ver_pro { background-color: #d00101 !important; } .ico_painel_ver_admtools { background-color: #0fa51e !important; } #ico_painel_link {padding: 10px 1px 1px 1px; --margin-top: 2em;} .ico_painel_link {padding: 10px 1px 1px 1px; --margin-top: 2em; font: bold 11px Oswald, Arial, sans-serif, "Arvo", "Myriad Pro", "Trebuchet MS";} .ico_painel_link_mob { padding: 15px 15px 15px 15px; margin-top: 0em; font: bold 36px "Arvo", "Myriad Pro", "Trebuchet MS";} .ico_painel_notify { position:relative; float: left; text-align:center; width: 35px; height: 35px; color: white; background-color: #08083c; top:15px; border-radius:25px; z-index:1000; border: 2px solid #9b9b9ca6; cursor: pointer; opacity: 0.83; } .btn_return_right { padding : 15px 15px 15px 15px; margin-top : 0em; font : bold 36px "Arvo", "Myriad Pro", "Trebuchet MS"; bottom : 150px; right : 0px; width : 35px; height : 35px; color : white; background-color: #08083c; } .sanfo_menu { padding: 26px 1px 12px 1px; border-radius: 15px; font-size: 65px; margin-top: 15px; line-height: 1.50; color: #ffffff; background-color: #910303fa; height: 126px; overflow:hidden; line-height: 1; } .sanfo_menu_resposta { padding: 26px 1px 12px 1px; font-size: 65px; margin-top: 0em; line-height: 1; } .sanfo_menu_dfdfd { background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 ); animation: glowing-button-85 20s linear infinite; transition: opacity 0.3s ease-in-out; } .e_free_mano { background: #870139; background-image: -webkit-linear-gradient(top, #70217e 0%, #5e0239 40%, #500532 60%, #5e0239bf 100%); color: #FFFFFF; line-height: 64px; z-index: 2001; text-align: center; width: 342px; height: 75px; padding: 17px; text-decoration: none; font-weight: normal; font-size: 51px; font-stretch: normal; text-shadow: 0px 1px 1px #a03f16; border-radius: 0px 0px 40px 40px; -webkit-border-radius : 0px 0px 40px 40px ; -moz-border-radius : 0px 0px 40px 40px ; -moz-box-shadow : 1px 1px 3px #000 ; -webkit-box-shadow : 1px 1px 3px #000 ; box-shadow : inset 1px -1px 20px 7px #600b83 ; } /* ********************* ESTILOS PARA O BLOCO TODOS OS SERVICOS E PAINEL DE CONTROLE DO INDEX ********************* */ /* ***************************************** FIM FIM FIM FIMFIM FIM FIM ****************************************** */ /* ************************* FORMULARIOS GLOBAIS ************************* */ /* ************************* FORMULARIOS GLOBAIS ************************* */ /* ************************* FORMULARIOS GLOBAIS ************************* */ /* ************************* FORMULARIOS GLOBAIS ************************* */ .form_painel_sel { font-size:22px; } /* IMPUTS chame o imputs_txt_padrão */ .form_ajuste { margin: 1px; font-size:15px; border:6px #43acf3 solid ;border-left:16px #43acf3 solid ; padding: 10px 2px 10px 15px; } .Imputs_txt_padrao { position: relative; width:97.0%; height :155px; font-size:75px; border:6px #623a91 solid ;border-left:35px #623a91 solid ; padding: 21px 2px 10px 15px; border-radius: 15px; margin: 5px; margin-bottom: 15px; box-shadow: 1px 1px 100px 2px rgb(204 0 255 / 48%); } .div_de_formulario { position: relative; width:100%; height :auto; margin-left:auto; margin-right: auto; align-items: center; } /* configurações do box_form_start */ .class_definer { padding :2px; position :relative; left :0px; width :99.9%; height :55px; border :1px #C0C0C0 solid; font-family :'Oswald', Aria Narrowl; font-size :35px; color :#55017F; z-index :6; margin-bottom :10px; border-radius :10px; left :2px; } .class_definer2 { position :initial; font-family :'Oswald', Arial Narrow; font-size :35px; color :#01227f; } .class_definer_mob { position :initial; width :95.9%; height :145px; font-family :'Oswald', Arial Narrow; font-size :88px !important; color :#01227f; } .define_sel_mob { position :initial; width :95.9%; height :145px; background-color:white; font-family :'Oswald', Arial Narrow; font-size :80px ; color :#01227f; } .text_camp { height:120px; } .supertop { position :relative; top :0; left :0; right :0; width :100%; heirht :110px; background :#99CE2F; margin-bottom :10px; border-radius :10px 40px 10px 40px ; text-align :center } .text_titulo { text-align:center; color:white; font: 20px 'Oswald', Aria Narrowl; } .imputsform2 { position: relative; margin: 10px 0px 10px 0px; width: 98%; height: 125px; border: 1px #C0C0C0 solid; border: 1px #C0C0C0 solid; border-left: 31px solid #0b8a8d; border-radius: 15px; font-family: Arial Narrow; font-size: 50px; padding-left: 20px; box-shadow: rgb(0 0 0 / 20%) 0px 28px 47px 18px; } .search_form { position: relative; margin: 10px 0px 10px 0px; width: 98%; height: 40px; border: 1px #C0C0C0 solid; border: 1px #C0C0C0 solid; border-left: 10px solid #0b8a8d; border-radius: 15px; font-family: Arial Narrow; font-size: 17px; padding-left: 7px; box-shadow: rgb(255 255 255) 0px 0px 3px 0px; } .form_invisible_imput { width: 99%; /* height: 20px; */ font-size: 15; border: 0px #C0C0C0 solid; background-color:transparent; } /* ***************************************** FIM FIM FIM FIMFIM FIM FIM ****************************************** */ /* **************************************************************** SESSÃO DO MENU DELIVERY **************************************************************** */ /* **************************************************************** SESSÃO DO MENU DELIVERY **************************************************************** */ .button-85 { position: relative; background: #111; width: 95%; padding: 0.6em 2em; border: none; outline: none; color: rgb(255, 255, 255); cursor: pointer; z-index: 0; border-radius: 10px; user-select: none; -webkit-user-select: none; touch-action: manipulation; font-size: 55px;} .button-85:before { content: ""; background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 ); position: absolute; top: -2px; left: -2px; background-size: 400%; z-index: -1; filter: blur(25px); -webkit-filter: blur(25px); width: calc(100% + 16px); height: calc(100% + 16px); animation: glowing-button-85 20s linear infinite; transition: opacity 0.3s ease-in-out; border-radius: 10px; } @keyframes glowing-button-85 { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } } .button-85:after { z-index: -1; content: ""; position: absolute; width: 100%; height: 100%; background: #222; left: 0; top: 0; border-radius: 10px; background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); } .slects_deliv { border-radius: 35px; box-shadow: rgb(0 0 0 / 20%) -21px 16px 63px 48px; } .mn_indentifier { position:relative; background-image: linear-gradient(32deg, #2acf4d, #2db3b3); border: 0px solid #c1ff9b; width:auto; height:100px ; display:inline-block; border-radius: 55px; font-size:55px; text-align:left; padding: 2px 24px 5px 34px ; overflow:hidden; } .mn_dly_base { position:relative; width:97%; min-height:200px ; overflow:hidden; margin-left: auto; margin-right: auto; background-color:#ffffff; border: 10px solid #ffffff; box-shadow: rgb(0 0 0 / 20%) -2px 36px 55px 11px; border-radius: 40px; font-family:Arial Narrow; margin-bottom: 10px; display:inline-block; } .img_del { position:relative; background-color:#2b3c35; background-image: linear-gradient(32deg, #2acf4d, #2db3b3); border: 10px solid #c1ff9b; width:180px; height:180px ; border-radius: 40px; float:left; display:inline-block; line-height: 2.5; } .mn_dly_base_desk { position:relative; width:97%; min-height:100px ; overflow:hidden; margin-left: auto; margin-right: auto; background-color:#ffffff; border: 2px solid #ffffff; box-shadow:rgb(0 0 0 / 10%) 1px 0px 3px 1px; border-radius: 20px; font-family:Arial Narrow; margin-bottom: 5px; display:inline-block; } .img_del_desk { position: relative; background-color: #2b3c35; background-image: linear-gradient(32deg, #2acf4d, #2db3b3); border: 5px solid #c1ff9b; width: 91px; height: 91px; border-radius: 10px; float: left; display: inline-block; line-height: 2.5; } .avatar_desk { position: relative; background-color: #2b3c35; background-image: linear-gradient(32deg, #2acf4d, #2db3b3); border: 1px solid #c1ff9bc4; width: 36px; height: 36px; border-radius: 50%; float: left; display: inline-block; line-height: 2.5; overflow: hidden; } .avatar_table { position: relative; background-color: #2b3c35; background-image: linear-gradient(32deg, #2acf4d, #2db3b3); border: 1px solid #c1ff9bc4; width: 16px; height: 16px; border-radius: 50%; float: left; display: inline-block; line-height: 1.5; background-image: linear-gradient(32deg, #f7f7f7, #dfffff); background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 ); transition: opacity 0.3s ease-in-out; -webkit-animation: swift_gradient 45s linear 1s infinite; } .avatar_table2 { position: relative; background-color: #2b3c35; background-image: linear-gradient(32deg, #2acf4d, #2db3b3); border: 1px solid #c1ff9bc4; width: 16px; height: 16px; border-radius: 50%; float: left; display: inline-block; line-height: 1.5; background-image: linear-gradient(32deg, #f7f7f7, #dfffff); background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 ); transition: opacity 10.3s ease-in-out; -webkit-animation: swift_gradient swift_gradient 245s linear 10s infinite linear 10s infinite; } .avt_n2 { width: 26px; height: 26px; } .avt_n3 { width: 36px; height: 36px; } .avt_n4 { width: 46px; height: 46px; } .avt_n5 { width: 56px; height: 56px; } .mn_dly_body { position:relative; width:77%; height:auto ; background-color:#4c5853; background-image: -webkit-linear-gradient(top, #4c5853 0%, #3c4441 50%, #0000006e 50%, #000000 100%); border: 1px solid #c1ff9b; display:inline-block; border-radius: 25px; } .mm_dly_comp {width:95%;} .mn_dly_tit { position:relative; border: 0px solid #c1ff9b; width:99%; height:auto ; display:inline-block; border-radius: 5px; font-size:55px; text-align:left; padding: 19px; overflow:hidden; color: white; } .tag_mob { position:relative; background-color: #ffff22; color: black;padding: 10px 20px 20px 20px; margin: 10px 10px 10px 10px; box-shadow: rgb(84 78 2 / 52%) -2px 36px 55px 11px; border: 0px solid #c1ff9b; border-left: 100px solid #e7e405; width:auto; height:auto ; display:inline-block; border-radius: 15px; font-size:55px; text-align:left; } .div_pedir { position:relative; width:99% ; height:462px ; border: 0px solid red;margin-left: auto; margin-right: auto; display:inline-block ; } .pedir_bnt { position:relative; background-color: #ffff22; color: black;; width:200px;height:200px; padding: 100 100 100 100; border-radius: 300px; font-size: 100px; border: 5px solid #ff2d2d; box-shadow: rgb(223 81 153) -19px 15px 75px 8px; text-align: center; display: inline-block; line-height: 1.8; z-index: 36;} .pedir_bnt:before { background-color: #ffff22; border-radius: 300px;} .pedir_bnt:after { background-color: #ffff22; border-radius: 300px; box-shadow: rgb(142 163 26 / 77%) 9px -13px 20px 0px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset; } .detalhes_x { font-size: 70px; } .pedir_opt_select { font-size: 25px; } .mn_fx_itens { position:relative; background-color: #ffff22; color: black;padding: 10px 20px 20px 20px; margin: 10px 10px 10px 10px; box-shadow: rgb(247 229 0 / 50%) -4px 2px 0px 5px; border: 0px solid #c1ff9b; border-left: 100px solid #e7e405; width:auto; height:auto ; display:inline-block; border-radius: 15px; font-size:55px; text-align:left; } .mn_fx_itens_tip { position:relative; background-color: #ffff22; color: black;padding: 10px 20px 20px 20px; margin: 10px 10px 10px 10px; box-shadow: rgb(247 229 0 / 50%) -4px 2px 0px 5px; border: 0px solid #c1ff9b; width:auto; height:auto ; display:inline-block; border-radius: 15px; font-size:55px; text-align:left; } .mn_divisa { width: 40%; display: inline; float: left; overflow: hidden; } .mn_ciclo_edit { width:100px; height: 100px; background-color: #e4ff00; color:red; border-radius:50px; position:absolute; top: 0; right: 0;} .mn_a { position: relative; background-color: #ffff22; color: black; padding: 10px 20px 20px 20px; margin: 10px 10px 10px 10px; box-shadow: rgb(247 229 0 / 50%) -4px 2px 0px 5px; border: 0px solid #c1ff9b; border-left: 17px solid #e7e405; width: auto; height: auto; display: inline-block; border-radius: 15px; font-size: 55px; text-align: left; } .mn_a_mob { /* com transparencia e simples */ position: relative; background-color: #ffffff52; color: black; padding: 10px 20px 20px 20px; margin: 10px 10px 10px 10px; border-left: 17px solid #ffffff; width: auto; height: auto; display: inline-block; border-radius: 15px; font-size: 55px; text-align: left; } .mn_b_mob { /* com transparencia e simples */ position: relative; background: linear-gradient(172deg, #d5d5d5cc 1%, #ffffff 12%, #ffffff 42%, #ffffffcc 18%, #fff6ffcc 44%, #efefefcc 44%, #cdcdcdcc 93%, #ffffffcc 96%, #ffffffcc 100%) !important; background-color: #ffffff52; color: black; padding: 10px 20px 20px 20px; margin: 10px 10px 10px 10px; border-left: 17px solid #ffffff; width: auto; height: auto; display: inline-block; border-radius: 15px; font-size: 55px; text-align: left; } .mn_a_desk { position: relative; background-color: #ffff22; color: black; padding: 10px 20px 20px 20px; margin: 10px 10px 10px 10px; border: 0px solid #c1ff9b; border-left: 17px solid #e7e405; width: auto; height: auto; display: inline-block; border-radius: 15px; font-size: 15px; text-align: left; } .mn_b { position: relative; background-color: #ffff22; color: black; padding: 10px 20px 20px 20px; margin: 10px 10px 10px 10px; box-shadow: rgb(247 229 0 / 50%) -4px 2px 0px 5px; border: 0px solid #c1ff9b; border-left: 17px solid #e7e405; width: auto; height: auto; display: inline-block; border-radius: 15px; font-size: 55px; text-align: left; } /* tirei daqui os blocos m05, wauto e w10 , h10px e hauto, e os px400 junto com todos os outros deles se der BO, devolve */ .obs_acess { position: relative; background-color: #8634e7; color: whitesmoke; padding: 10px 20px 20px 20px; margin: 10px 10px 10px 10px; box-shadow: rgb(247 229 0 / 50%) -4px 2px 0px 5px; border: 0px solid #c1ff9b; border-left: 100px solid #741ddd; width: auto; height: auto; display: inline-block; border-radius: 15px; font-size: 55px; text-align: left; } .op_txt_box_white { border-left: 100px solid #e7e405; background-color: white; border-left: 100px solid #fdde013d; } .op_txt_box_red { border-left: 100px solid #e7e405; background-color: white; border-left: 100px solid #fdde013d; } .txt_anuncio_2 {font-size:70px; line-height: 1.5;} .side_two { float:left; top: 0px; right: -1px; } #ico_painel_h1_tips_mob { line-height: 1.2;} .forms_styles_mob { position: relative; margin-top: 5px; background-color: #71e2e0; width: 100%; height: 143px; border: 1px #C0C0C0 solid; border-left: 20px solid #00c1be; font-size: 70px; z-index: 6613; } .tips_check_0001 { width:100%;height:100px; background-color:#73dbcf; background: linear-gradient(86deg, #0bd7aa, transparent); line-height: normal; top: -9px; position: relative; font-size:60px ; color:#13024e; text-shadow: -1px 0px 0px #000000; overflow: hidden; } .tips_check_0002 { width:100%;height:108px; background-color:#73dbcf; background: linear-gradient(86deg, #26d182, #00d0ff); line-height: normal; top: -9px; position: relative; font-size:60px ; color:#13024e; text-shadow: -1px 0px 0px #000000; margin-bottom: 10px; border-radius: 60px; } .bt_price_mob { background: #008c31d1; color: #FFFFFF; line-height: 64px; position: relative; z-index: 2001; float: left; text-align: center; top:0px; width: 200px; height: 63px; padding: 10px; text-decoration: none; font-weight: bold; font-size: 51px; font-stretch: normal; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;} .bt_price_mob_l { float: right; } .boxMidBody { box-shadow:-20px 20px 13px 6px white, -8px 6px 4px 0px #d5d5d5, -15px 20px 2px 4px #efefef; -webkit-box-shadow: rgb(255 236 0 / 50%) -4px 2px 0px 5px, rgb(255 0 0 / 50%) 1px 20px 6px 20px; } .boxMidBody2 { box-shadow:-20px 20px 13px 6px white, -8px 6px 4px 0px #d5d5d5, -15px 20px 2px 4px #efefef; -webkit-box-shadow: rgb(255 236 0 / 50%) -4px 2px 0px 5px, rgb(240 155 245) 1px 20px 6px 20px; } /* **************************************************************** FIM FIM FIM FIMFIM FIM FIM **************************************************************** */ /* **************************************************************** TAGS INDICADORES SCORES BOLINHAS **************************************************************** */ .indicadores { position:relative; background-color: #c114f9; color: #fffff0; width:100px;height:100px; border-radius: 100px; top:-12px;font-size:65px; float:right; line-height: 1.33; } .fa_tags_unitares { position: relative; background-color: #ddff00f0; border-radius: 15px; width: auto; height: auto; padding: 17px 17px 18px 17px; margin: 5px; margin-left: auto; margin-right: auto; border-left: 14px solid #87000054; display: inline-block; font-size: 60px; color:#625151; } .fa_tags_mini { position: relative; background-color: #ddff00f0; border-radius: 15px; width: auto; height: auto; padding: 17px 17px 18px 17px; margin: 5px; margin-left: auto; margin-right: auto; border-left: 14px solid #87000054; display: inline-block; font-size: 40px; color:#625151; } /* **************************************************************** FIM FIM FIM FIMFIM FIM FIM **************************************************************** */ /* ************************************************************************* SESSÃO DA FACILITA EMPREGOS ***************************************************************************** */ #topdiv { top: 0px; width: 100%; height: 15px; background-color: #acf717; position: fixed; bottom: 0; overflow: hidden; z-index: 1000000; } .fa_body_padrao { position:relative; top:-33px; background-color:#F7F9FC; background: url(../conv/images/bg.webp); background-color: white; background-repeat: no-repeat; background-position: center top; background-size: 100% 50%; width:100%; height:100%;z-index:300; } .fa_superbox { width:100%; height:100%; background-color:#f0f2f2; display:inline-block; } .fa_list_m { position:relative; width:100%; height:100%; float: left; display: inline; overflow:scroll; top:-33px; background: url(../conv/images/bg.webp); background-color:white; background-repeat: no-repeat; background-position: center top ; background-size:100% 50% ; z-index:1000; -webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; font-size: 34px; text-shadow: none;} .fa_list2_m { position: relative; width: 100%; height: 100%; float: left; display: inline; left: 100%; overflow: scroll; top: -102%; background: url(../conv/images/bg.webp); background-color: white; background-repeat: no-repeat; background-position: center top; background-size: 100% 50%; z-index: 2001; -webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; font-size: 34px; text-shadow: none;} .fa_list3_m { position: relative; width: 100%; height: 100%; float: right; display: inline; left: 104%; overflow: scroll; top: -202%; background: url(../conv/images/bg.webp); background-color: white; background-repeat: no-repeat; background-position: center top; background-size: 100% 50%; z-index: 2007; -webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; font-size: 34px; text-shadow: none;} .fa_search_m { width: 100%; height: 130px; -webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; font-size: 55px; text-shadow: none; border: none; border-radius: 15px; line-height: 30px; outline: none; display: block; margin: 0; padding: 0 10px; background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .fa_categ_minibutton_m { position: relative; background-color: #ffff22; color: #797979; padding: 11px 11px 11px 11px; margin: 10px 10px 10px 10px; box-shadow: rgb(223 218 166) 2px 2px 2px 2px; width: auto; height: 62px; display: inline-block; border-radius: 16px; font-size: 47px; text-align: left; font-family: Arial Narrow; line-height: 1.3; overflow:hidden; } .fa_categ_box_m { width:95%; height:83px; background-color:#f0f2f2; display:block; border-bottom: 5px solid #d7ddd4; padding: 10px 10px 10px 28px; line-height: 2; text-align: left; margin-bottom: 2px; letter-spacing: -1px; -webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; font-size: 42px; text-shadow: none; color:#73598c; } .fa_categ_box { width:99.5%; height:25px; background-color:#f0f2f2; display:block; border-bottom: 5px solid #d7ddd4; padding: 3px 0px 3px 0px; line-height: 2; text-align: left; margin-bottom: -2px; letter-spacing: -1px; -webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-shadow: none; color:#73598c; cursor:pointer; } .fa_categ_box:active { transform: scale(0.95); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } .fa_categ_text { width: 83%; height: 100%; overflow:hidden; padding: 0px 0px 0px 9px; display: inline; background-color: transparent; float: left; color: #73598c; text-align: left; } .fa_anime_wave { animation: fa_list_wave 2s cubic-bezier(0, 0, 0.37, 1.08) infinite; } .fa_categ_text_m { width: 83%; height: 100%; overflow:hidden; display: inline; background-color: transparent; float: left; color: #73598c; text-align: left; font-size: 50px; } .fa_box_counter { width: 10%; height: 102%; display: inline; background-color: transparent; float: right; color: #494948; text-align: left; font-size: 21px; line-height: 1; } .fa_box_counter_m { width: 90px; height: 102%; display: inline; background-color: transparent; float: right; color: #494948; text-align: left; font-size: 50px; line-height: 2.3; } .fa_box_individual { position: relative; width: 97%; height: 200px; overflow: hidden; margin-left: auto; margin-right: auto; background-color: #ffffff; border: 10px solid #ffffff; box-shadow: rgb(0 0 0 / 20%) -2px 36px 55px 11px; border-radius: 40px; font-family: Arial Narrow; margin-bottom: 10px; display: inline-block; } .fa_box_individual_body { position: relative; width: 77%; height: 193px; background-color: #4c5853; background-image: -webkit-linear-gradient(top, #4c5853 0%, #3c4441 50%, #0000006e 50%, #000000 100%); border: 1px solid #c1ff9b; display: inline-block; border-radius: 25px; } .fa_categ_listname_m { position:relative; border: 0px solid #c1ff9b; width:99%; height:40px ; display:inline-block; border-radius: 5px; font-size:52px; text-align:left; padding: 19px; overflow:hidden; color: white; } .conteudo-menu{ position: relative; width: 18%; height: auto; background-color: #49818733; background-image: -webkit-linear-gradient(top, #0095ff40 0%, #00ceff30 50%, #00ceff3b 50%, #03364340 100%); border: 1px solid #ffffff59; display: inline-block; border-radius: 14px; overflow:hidden; padding: 0px 9px 0px 9px; float: left; box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.2); } .conteudo-menu > .fa_categ_box { width:99.5%; height:20px; background-color:#f0f2f2; display:block; border-bottom: 3px solid #d7ddd4; padding: 3px 0px 3px 0px; line-height: 1.7; text-align: left; margin-bottom: -1px; letter-spacing: 1px; -webkit-text-size-adjust: none; font-family: Oswald, Arial Narrow, Helvetica ; font-size: 14px; text-shadow: none; color:#73598c; overflow: hidden; } .conteudo-menu > .fa_categ_box > .fa_categ_text { width: 83%; height: 22px; overflow:hidden; padding: 0px 0px 0px 9px; display: inline; background-color: transparent; float: left; color: #73598c; text-align: left; text-shadow:0px 0px 0px #000000; } .conteudo-menu > .fa_categ_box > .fa_box_counter { width: 10%; height: 22px; display: inline; background-color: transparent; float: right; color: #494948; text-align: left; font-size: 14px; line-height: 1.7; } .fa_categ_seta_m {} .fa_categ_btton_m {} /* CURRICULO AQUI */ .fa_count_tm { /*desk*/ display:inline-Block; } .easystep_styles { font-family: Oswald, Arial Narrow; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: #4B0082; background-color: #FFFFFF; border: 2px #4B0082 solid; } .fa_visual_imput_m { position: relative; margin-top:20px; margin-left: 30px; width: 93%; height: 129px ; padding: 10px; font-size:70px; } .fa_new_selects_m { position:relative; font-family: Oswald, Arial Narrow; font-size: 76px; font-weight: normal; font-style: normal; text-decoration: none; color: #4B0082; background-color: #FFFFFF; padding-left:10px; width:95%; height:130px; border-left:40px solid #bb00b4; z-index:20; border-radius: 30px; margin-bottom: 25px; } .active_sels { border-left: 5px solid #0ec13d !important;} .desactive_sels { border-left: 5px solid #ff0000 !important;} .sels_defalts { border-left: 5px solid #a53797 ; } .active_sels_m { border-left: 30px solid #0ec13d !important;} .desactive_sels_m { border-left: 30px solid #ff0000 !important;} .sels_defalts_m { border-left: 30px solid #a53797 ; margin:20px; font-size: 73px; } .fa_tome_essa_m { font-size: 27px; } .fa_quad_index_m { font-family: Oswald, Arial Narrow; position: relative; background-color: #ffc8c8; display: inline-block; width: 25%; height: 152px; padding-top: 79px; border: 12px solid #6f0303; border-right: 4px solid #6f0303; border-left: 43px solid #6f0303; border-radius: 64px 15px 75px 61px; font-size: 49px; color: #6f0303; text-align: center; font-weight: bold; } .fa_texto_dica_m { margin-top:200px; padding:0; position:relative; width:100%; height:auto; text-align:center; z-index:77; color: black; font-size:100px; } .fa_texto_desc_m { margin:0;padding:0; position:relative; width:100%; height:auto; text-align:center; z-index:67; color: black; font-size:40px; } .fa_imputs_principais_m { font-family: Oswald, Arial Narrow; margin:10; padding:0; position:relative; width:95%; min-height:300px; text-align:left; z-index:67; color: black; font-size:62px; border-left: 33px solid black; } .fa_bt_cursos_m { position: relative; width: 95%; height: auto; background: -webkit-linear-gradient(top, #70c9e3 0%,#39a0be 100%); padding: 8px 12px; border-radius: 38px; border-left: 30px solid #005c63; -webkit-box-shadow: inset 0px 0px 33px 7px #fff, -3px 1px 13px 1px #62017c; margin-bottom:15px; margin-left: auto; margin-right: auto; font: 68px 'Oswald', arial, sans-serif; font-align: center; cursor: pointer; text-decoration: none; color: black; display: block; z-index: 7; } .fa_bt_sair_m { position: relative; width: 95%; height: 250px; background-color: #20f157; background-color: #FFFFFF; background-color: #850808; border-left: 30px solid #690000; border-right: 30px solid #690000 ; border-radius: 30px; top: 15px; margin-left: auto; margin-right: auto; margin-bottom: 25px; padding-left: 10px; font-size: 80px; font-family: Oswald, Arial Narrow; font-size: 76px; font-weight: normal; font-style: normal; text-decoration: none; color: white; z-index: 20; } .imput_restrit_styles { font-family: Oswald, Arial Narrow; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: #4B0082; background-color: #ebadadcc; border: 2px #cb0028 solid; } .changer_color { position: relative; width: 55px; height: 25px; background-color: #212121; color: black; padding: 5px ; margin: 10px; border: 0px solid #c1ff9b; display: inline-block; border-radius: 15px; font-size: 15px; text-align: left; float:right; top:-3px; } .changer_color_b1 { position: relative; width: 23px; height: 23px; display: inline-block; color: white; padding: 0px ; margin: 1px; border: 0px solid #c1ff9b; border-radius: 15px; font-size: 15px; text-align: left; box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.2); left: 3px; } .changer_color_b2 { position: relative; width: 25px; height: 25px; display: inline-block; line-height:1.5!important ; color:black; } .block_midias { position: relative; width: 100px; height: 25px; background-color: #212121; color: black; padding: 1px ; margin: 1px 1px 0px 6px; border: 0px solid #c1ff9b; display: block; border-radius: 15px; font-size: 15px; text-align: left; float:left; top:-3px; box-shadow:-2px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.2); } .block_midias_m { position: relative; width: 400px; height: 265px; background-color: #212121; color: black; padding: 1px ; margin: 1px 1px 0px 6px; border: 0px solid #c1ff9b; display: block; border-radius: 40px; font-size: 15px; text-align: left; float:left; top:-3px; box-shadow:-2px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.2); } .blockmidias_txt { position:relative; width:30px; height: 70%; font-size:50px; display: inline-block; color:#739b9e; top: -7px; left: 5px; padding: 31px; } .padraodecor2{ color: #4B0082 ; } .padraodebackground2{ background: #212121 ; } .padraodecor1{ color: white ; text-shadow: 0 1px 4px #c289c9, 0 1px 4px #ffdede; } .padraodebackground1{ background: #212121 ; } .estilofinalhere { position: relative; width: 177px; height: 22px; border-left: 6px solid black; margin: 2px 24px 2px 20px; border-radius: 5px 16px 5px 10px; font: bold 11px Oswald, Arial Narrow, sans-serif; letter-spacing: 1; z-index: 17; } .estilofinalhere2 { position: relative; width: 30%; height: 22px; border-left: 6px solid black; margin: 1px 1px 15px 2px; border-radius: 5px 16px 5px 10px; font: bold 14px Oswald, Arial Narrow, sans-serif; letter-spacing: 1; z-index: 17; display:inline-block; background-color: #dfdfdf; } .fa_box_content{ position: relative; width: 98%; height: auto; background-color: #ffffffa6; border-radius: 110px 110px 110px 110px; -webkit-box-shadow: /*0px 49px 127px 1px #808080,*/ -1px 9px 16px 1px #62017c; margin-left: auto; margin-right: auto; font: bold 70px Oswald, Arial Narrow, sans-serif; text-align:center; z-index: 3; } .fa_item_shadowns{ -webkit-box-shadow: /*0px 49px 127px 1px #808080,*/ -1px 9px 16px 1px #62017c; } .fa_checkbox_base { position:relative;padding: 11px;width: 95%;height: 118px; margin-left: 14px; background-color:#2a9d54ab; border-radius: 65px; background: -webkit-linear-gradient( top, #036627d6 0%, #036627d6 47%, #036627c9 15%, #036627c9 100% ), url(../facilita/images/2.png) no-repeat 0px 1px; } .fa_checkbox_select { position:relative;padding: 6px;width: 379px;height: 104px;eight: 138px;background-color: #abb0c0;border-radius: 69px;float:right; } .fa_checkbox_bolinha { padding: 0px;position:relative;width: 204px;height: 105px;background-color: #151514;border-radius: 81px; } .fa_checkbox_txt_base { position:relative;width: 486px;height: 116px;background-color: #10bc4f00;border-radius:15px;float:left; overflow: hidden; } .fa_checkbox_txt_base > p { position: relative;width: 526px;height: 96px;background-color: #8d181800;border-radius: 15px;float: left;padding-left: 47px;font-size: 70px;color: white; top: -5px; margin: 0; } .fa_bgr_1 { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; } .fa_bgr_2 { box-shadow: rgb(7 56 68 / 79%) -10px 2px 3px 0px; } .fa_bgr_3 { box-shadow: rgb(62 62 155 / 81%) 7px 9px 20px 0px inset, rgb(37 33 33 / 93%) -20px 14px 20px 0px inset; } .fa_bgr_1_desk { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; } .fa_bgr_2_desk { box-shadow: rgb(46 49 46 / 79%) -3px 3px 3px 0px; } .fa_bgr_3_desk { box-shadow: rgb(16 16 39 / 81%) -1px 1px 2px 1px inset, rgb(253 252 252 / 93%) 1px 1px 0px 0px; } .fa_switchon { background-color: #009eb7; left: 174px; transition: all .2s ease; box-shadow: inset rgb(19 133 161) 8px -1px 13px 1px, inset rgb(19 133 161) 5px -1px 3px 8px; background-image: -webkit-linear-gradient(top, #06f5f8 0%, #00ddffb3 50%, #09b8d3 50%, #04798b 100%); } .fa_switchoff { background-color: #000000a1; left: 0px; transition: all .2s ease; background-image: -webkit-linear-gradient(top, #4c5853 0%, #3c4441 50%, #0000006e 50%, #000000 100%); } .fa_checkbox_base_desk { position:relative;padding: 3px; width: 95%; height: 23px; margin-left: 14px; background-color:#2a9d54ab; border-radius: 65px; background: -webkit-linear-gradient(top, #021820 0%, #021820 47%, #030d11 15%, #021820 100%) no-repeat 0px 1px; } .fa_checkbox_select_desk { position:relative;padding: 3px;width: 129px;height: 15px; background-color: #ffffff;border-radius: 69px;float:right; } .fa_checkbox_bolinha_desk { padding: 0px;position:relative;width: 63px;height: 15px;background-color: #151514;border-radius: 81px; } .fa_checkbox_txt_base_desk { position:relative;width: 425px;height: 32px;background-color: #10bc4f00;border-radius:15px;float:left; overflow: hidden; } .fa_checkbox_txt_base_desk > p { position: relative;width: 470px;height: 28px;background-color: #8d181800;border-radius: 15px;float: left;padding-left: 20px;font-size: 17px;color: white; top: -1px; margin: 0; } .fa_his_list_bx_item { position:relative;width:93%;height:158px; margin-left: auto; margin-right: auto;background-color:#e0fffc; border-radius:46px; padding:20px; box-shadow: 0 1px 2px #7D9EC0, 0 1px 0 rgba(166,190,255,.5) inset; } .fa_his_list_bx_time { position:relative; width:20%; background-color: transparent; float:left; display:block; } .fa_his_list_in { position: relative; width: 105%; height: 68px; background-color: #44b0f68c; border-radius: 15px 53px 15px 15px; float: left; padding: 4px 15px 1px 18px; padding-top: 5px; color: #034e46; margin-bottom: 3px; font-size: 50px; } .fa_his_list_out { position: relative; width: 105%; height: 68px; background-color: #ff000069; border-radius: 15px 15px 15px 54px; float: left; padding: 4px 15px 1px 18px; padding-top: 5px; color: #bbf6f0; font-size: 50px; } .fa_his_list_emp { position: relative; width: 70%; height: 150px; background-color: #dafeff00; border-radius: 35px; float: right; display: block; padding: 5px 1px 1px 18px; overflow: hidden; font-size: 60px; color: #3a3a3a; text-shadow: 0px 1px 15px #9cfff3; box-shadow: inset -4px 2px 17px 0px #aad8ef70, 1px 1px 0px 5px #ffffff85, 0px 8px 35px 7px #a9d4e759 inset, 0px -3px 74px 12px #7cbcdb6b inset; } .fa_his_list_txt_ajust { position:relative; width:100%; height:100px ; margin-left: auto; margin-right: auto; border-top:2px solid transparent; } .fa_his_imput_in { background-color: #28262600; height: auto; border: 0 solid transparent; padding: 0; clear: initial; font-size: 50px; } /* ***************** DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP********************* */ .fa_his_list_bx_item_desk { position:relative;width:93%;height:158px; margin-left: auto; margin-right: auto;background-color:#e0fffc; border-radius:21px; padding:14px; box-shadow: 0 1px 2px #7D9EC0, 0 1px 0 rgba(166,190,255,.5) inset; } .fa_his_list_bx_time_desk { position:relative; width:70%; background-color: transparent; float:left; display:block; } .fa_his_list_in_desk { position: relative; width: 105%; height: 19px; background-color: #44b0f68c; border-radius: 15px 53px 15px 15px; float: left; padding: 1px 12px 1px 12px; color: #020202; margin-bottom: 1px; font-size: 16px; text-shadow: 0px 0px 0px rgb(0 0 0); z-index: 100000; } .fa_his_list_out_desk { position: relative; width: 105%; height: 19px; background-color: #ff000069; border-radius: 15px 15px 15px 54px; float: left; padding: 1px 12px 1px 12px; color: #bbf6f0; font-size: 16px; z-index: 100000; } .fa_his_list_emp_desk { position: relative; width: 96%; height: 40px; background-color: #dafeff00; border-radius: 10px; float: right; display: block; padding: 5px 1px 1px 8px; overflow: hidden; font-size: 16px; color: #3a3a3a; text-shadow: 0px 1px 15px #9cfff3; box-shadow: inset -4px 2px 17px 0px #aad8ef70, 1px 1px 0px 5px #ffffff85, 0px 8px 35px 7px #a9d4e759 inset, 0px -3px 74px 12px #7cbcdb6b inset; } .fa_his_list_txt_ajust_desk { position:relative; width:100%; height:20px ; margin-left: auto; margin-right: auto; border-top:2px solid transparent; } .fa_his_imput_in_desk { background-color: #28262600; height: 100%; border: 3px solid transparent; padding: 0; clear: initial; font-size: 14px; z-index: 100000; } .fa_his_imput_in_desk > textarea:focus { outline: none; border: 1 solid transparent; } .fa_his_imput_in_desk > textarea { border: 0 solid transparent; } .fa_tags_unitares_desk { position: relative; background-color: #ddff00f0; border-radius: 10px; width: auto; height: auto; padding: 6px 7px 7px 7px; margin: 5px; margin-left: auto; margin-right: auto; display: inline-block; font-size: 17px; color:#625151; } .fa_img_box{ width: 150; height:250px; border: 0.5px solid #0102028f; border-radius: 9px; overflow:hidden; position: relative; display: inline-block; cursor:pointer; } /* **************************************************************** FIM FIM FIM FACILITA EMPREGOS FIMFIM FIM FIM **************************************************************** */ /* ****************************************************************** PORTFOLIO ******************************************************************* */ .imputupload_m { position: absolute; right: 0px; top: 0px; z-index: 1; font-size: 20px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; background-blend-mode: color; width: 100%; height: 253px; background-color: red; } /* **************************************************************** FIM PORTFOLIO **************************************************************** */ /* **************************************************************** NOTICIAS NEWS NW **************************************************************** */ .nw_dly_base_desk { position: relative; width: 97%; min-height: 139px; overflow: hidden; margin-left: auto; margin-right: auto; background-color: #ffffff; border: 10px solid #ffffff; background-image: url(../sitecorp/home_img/menumig.jpg); /* imagem do fundo */ background-repeat: no-repeat; /* repete ou não */ background-position: center top; /* centraliza o wallpaper no centro e no topo */ background-size: 100% 100%; box-shadow: rgb(0 0 0 / 20%) -2px 36px 55px 11px; border-radius: 40px; font-family: Arial Narrow; margin-bottom: 10px; display: inline-block; cursor:pointer; } .nw_dly_body_desk { position: relative; width: 100%; height: auto; background-image: -webkit-linear-gradient(top, #f1f1f100 0%, #efefef59 41%, #ffeaeade 65%, #ffffff 100%); display: inline-block; border-radius: 25px; border: 0px solid #c1ff9b; } .nw_img_del { position: relative; background-color: #2b3c35; background-image: linear-gradient(32deg, #2acf4d, #2db3b3); border: 10px solid #c1ff9b; width: 119px; height: 114px; border-radius: 40px; float: left; display: inline-block; line-height: 2.5; } .nw_dly_tit_desk { position: relative; border: 0px solid #c1ff9b; width: 99%; height: auto; display: inline-block; border-radius: 5px; font-size: 18px; text-align: left; padding: 1px 14px 22px 18px; overflow: hidden; color: black; } .nw_divisa_d { width: auto; display: inline; float: left; overflow: hidden; padding: 6px ; text-shadow: 0px -1px 3px white; box-shadow: inset 13px -2px 30px 14px #f0f7ffb8, 0 1px 0 rgba(166,190,255,.5) inset; } } .nw_f20 { font-size: 14px;} /* **************************************************************** FIM DE NOTICIAS NEWS NW **************************************************************** */ /* - - - LOGUIN NORMAL DESKTOP - - - */ .container_loguin { width: 967px; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left;} .body_logui { text-align: center; margin: 0; background-color: #E6E6FA; color: #000000; scrollbar-face-color: #EFEFEF; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #EFEFEF; scrollbar-darkshadow-color: #696969; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #A0A0A0; scrollbar-track-color: #D4D0C8;} .loguin_title { position:absolute;left:218px;top:121px;width:392px;height:33px;margin:0;padding:0;text-align:center;z-index:3; font-size:27px; color: #4B0082; font-family:Calibri; } .loguin_box { position:absolute;left:228px;top:169px;width:434px;height:126px;z-index:2; } .loguin_imputs { position:absolute;left:18px;top:17px;width:353px;height:53px;border:1px #C0C0C0 solid;background-color:transparent;color:#4B0082;font-family:Calibri;font-size:30px;z-index:0; } /* - - - LOGUIN NORMAL MOBILE - - - */ .sup_container_mob { width: 100%; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left;} .sup_body { text-align: center; margin: 0; background-color: #E6E6FA; color: #000000; scrollbar-face-color: #EFEFEF; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #EFEFEF; scrollbar-darkshadow-color: #696969; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #A0A0A0; scrollbar-track-color: #D4D0C8;} .loguin_container_mob { width: 94%; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left;} .loguin_body_mob { text-align: center; margin: 0; background-color: #E6E6FA; color: #000000; background-color: #FFFFFF; background: url(../sitecorp/js_index/bg_honeycomb.png); background-repeat: repeat; background-position: center center ; scrollbar-face-color: #EFEFEF; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #EFEFEF; scrollbar-darkshadow-color: #696969; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #A0A0A0; scrollbar-track-color: #D4D0C8; } .loguin_titlulo_mob { margin:0;padding:0;position:relative;width:100%;height:253px;text-align:center;z-index:3; font-size:67px;color:#717171; } .loguin_box_form { position:relative;width:100%;height:auto;z-index:2; } .loguin_imputs_mob { position:relative ; width:100% ; height:153px; border:1px #C0C0C0 solid;background-color:transparent;color:white;font-family:Calibri;font-size:60px;z-index:0 } .loguin_aviso_mob { width:100%;height:auto;background-color:#1dbfad; top: -10px; position: relative; } .loguin_submit_mob { position:relative;width:100%;height:129px; font-size:63px;z-index:1; } .log_box_forget { margin:0;padding:0;position:relative;width:100%;height:253px;text-align:center;z-index:3; font-size:67px; color:#717171; font-family:Calibri; } /* - - - FIM DO LOGUIN NORMAL MOBILE - - - */ /* - - - CONFIG ADD SUPER USER - - - */ .caus { position:relative; width:350px; height:300px; text-align:center; display: inline-block; z-index:10; } .logout_css {position:relative; width:100%;height:150px; margin: 10; padding:0; } .add_loja {position:relative; width:100%;height:350px; margin: 0; padding:0; font-size:50px; } .add_mini {position:relative; width:25%;height:350px; margin: 0; padding:0; font-size:50px; } .dash_acionista { width: 85%; height: 69px; overflow:hidden; background-color: #efff00; border: 10px solid black; border-left: 96px solid black; border-radius: 34px; padding: 10px; margin: 10px; display: inline-block; font: bold 46px Oswald, Arial Narrow, sans-serif; line-height: 1.2; -webkit-box-shadow: rgb(207 229 226) 1px 1px 20px 20px; } .dash_tit { width: 76%; height: 69px; background-color: #2d0631; border: 27px solid #420447; border-left: 96px solid #2d0631; border-right: 96px solid #2d0631; border-radius: 34px; padding: 10px; margin: 10px; display: inline-block; font: bold 58px Oswald, Arial, sans-serif; text-align: center; color: #c7b8cd; line-height: 1; -webkit-box-shadow: rgb(207 229 226) 1px 1px 20px 20px; } .act_indicador { width: 445px; background-color: Transparent; height: 73px; display: inline-block; } .bsc_indicador { width: 600px; background-color: Transparent; height: 73px; display: inline-block; } .act_number { width: 322px; background-color: #e0ed1e; height: 73px; float: right; display: inline; overflow: hidden; border-radius: 0 10px 10px 0; border-left: 14px solid #e7e009; } .act_number_up { border-radius: 0 10px 10px 0; border-left: 14px solid #07ab85; } .act_number_down { border-radius: 0 10px 10px 0; border-left: 14px solid #e11a1a; } .emandamento_m1 { background-color: #00ff924d; width: 77px; height: 70px; margin: 7px; border-bottom: 20px solid #5e0f9d; display: inline-block; float:left; } .emandamento_m2 { background-color: #ff000057; width: 77px; height: 70px; margin: 7px; border-bottom: 20px solid #5e0f9d; display: inline-block; float:left; } .emandamento_m3 { background-color: #dfcc0375; width: 77px; height: 70px; margin: 7px; border-bottom: 20px solid #5e0f9d; display: inline-block; float:left; } .emandamento_m4 { background-color: #39095959; width: 77px; height: 70px; margin: 7px; border-bottom: 20px solid #5e0f9d; display: inline-block; float:left; } .emandamento_free { background-color: #a600ff54; width: 77px; height: 70px; margin: 7px; border-bottom: 20px solid #5e0f9d; display: inline-block; float:left; } .emandamento_m1_d { background-color: #00ff924d; width: 10px; height: 10px; margin: 2px; border-bottom: 2px solid #5e0f9d; display: inline-block; float:left; } .emandamento_m2_d { background-color: #ff000057; width: 10px; height: 10px; margin: 2px; border-bottom: 2px solid #5e0f9d; display: inline-block; float:left; } .emandamento_m3_d { background-color: #dfcc0375; width: 10px; height: 10px; margin: 2px; border-bottom: 2px solid #5e0f9d; display: inline-block; float:left; } .emandamento_m4_d { background-color: #39095959; width: 10px; height: 10px; margin: 2px; border-bottom: 2px solid #5e0f9d; display: inline-block; float:left; } .emandamento_free_d { background-color: #a600ff54; width: 10px; height: 10px; margin: 2px; border-bottom: 2px solid #5e0f9d; display: inline-block; float:left; } /* SCORE CARD - SCORE CARD - SCORE CARD - SCORE CARD - SCORE CARD - SCORE CARD - SCORE CARD - SCORE CARD - */ .scorecard_a1 { width: 89%; height: 69px; background-color: #ff0047; border: 10px solid #a90606; border-left: 53px solid #a90606; border-radius: 34px; padding: 10px; margin: 10px; display: inline-block; font: bold 46px Oswald, Arial, sans-serif; line-height: 1.2; overflow:hidden; -webkit-box-shadow: rgb(207 229 226) 1px 1px 20px 20px; } .scorecard_a2 { width: 99%; background-color: Transparent; height: 73px; display: inline-block; } .sc_strip { position: relative; height: 87px; background-color: #994670; left: -10; border-radius: 10px; top: -9px; } .sc_obj { position: relative;z-index: 1000; width: 80%;background-color: transparent;height: 73px;display: inline-block;color: white;top: -88px;line-height: 1.5;overflow: hidden;} .sc_obj2 { position: relative;z-index: 1000; width: 15%;background-color: transparent;height: 73px;display: inline-block;color: white;top: -88px;line-height: 1.5;overflow: hidden;} .sc_desc { position: relative;z-index: 1000; width: 99%;background-color: transparent;height: auto; display: inline-block;color: white; line-height: 1.5;overflow: hidden;} .sc_red1 { background-color: #5a0101; } .sc_red2 { background-color: #5a0101; border-radius:15px;padding-left: 10; } .sc_user { width: 100%;; background-image: -webkit-linear-gradient(top, #5cc3ff 0%, #79d8fd 50%, #79d8fd 50%, #12b1ef 100%); } .sc_right { float:right } .sc_width { width:82%; } /* PROGRESSO - PROGRESS - BARRA DE PROGRESSO */ /* ************************************ PROGRESS ******************************************** */ .progress-bar { background-color: #1a1a1a; height: auto; width: auto; -webkit-border-radius: 5px; border-radius: 5px; } .progress-bar span { top:-5px; display: inline-block; height: 100%; background-color: #777; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-transition: width .4s ease-in-out; -moz-transition: width .4s ease-in-out; -ms-transition: width .4s ease-in-out; -o-transition: width .4s ease-in-out; transition: width .4s ease-in-out; } .blue span { background-color: #34c2e3; } .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-animation: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite; } .stripes2 span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-linear-gradient(135deg, #00000000 25%, #000000c2 25%, #000000c2 50%, #0a000000 50%, #00000000 75%, #000000 75%, #00000000 ); background-image: linear-gradient(135deg, #00000000 25%, #000000c2 25%, #000000c2 50%, #0a000000 50%, #00000000 75%, #000000 75%, #00000000 ) ; -webkit-animation: animate-stripes 3s linear infinite; } @-webkit-keyframes animate-stripes { 0% {background-position: 0 0;} 100% {background-position: 60px 0;} } /* ************************************ PROGRESS ******************************************** */ .progress_blue_red { color: #ffffff; background: #70c9e3; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#452c2c), color-stop(100%,#be3939)); background: -webkit-linear-gradient(top, #452c2c 0%,#be3939 100%); border: 1px solid #6fb1c7; } .progress_withe_greem { border: 1px solid #6fb1c7; color: #000000; background: #b1f3af; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1f3af), color-stop(100%,#d8f9d9)); background: -webkit-linear-gradient(top, #b1f3af 0%,#d8f9d9 100%); } .sc_box_user_tit_mob { height: 144px; } .bx_b1 { margin-left:auto; margin-right:auto; width:250px; height:50px; position: relative; filter: blur(2px); transition: opacity 0.3s ease-in-out; } .bx_b1_motion { animation: linear colors 5s infinite alternate; } .bx_b2 { position: relative; width:250px; height:50px; margin-left:auto; margin-right:auto; transition: opacity 0.3s ease-in-out; } .bx_b2_back { background: linear-gradient( 45deg, #ff0000, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000, #ff0000 ); } .bx_b2_motion { animation: swift_neow 5s infinite alternate; } .bx_b3 { position: relative; width:250px; height:50px; margin-left:auto; margin-right:auto; } .bx_b3_back { background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 ); } .bx_b3_motion { -webkit-animation: swift_gradient 5s linear 1s infinite ; } .bx_b4 { position: relative; width:250px; height:50px; margin-left:auto; margin-right:auto;filter: blur(0px); transition: opacity 0.3s ease-in-out; } .bx_b4_back { background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 ); } .bx_b4_motion { -webkit-animation: swift_gradient 5s ease-in 1s infinite ; } .bx_b5 { position: relative; margin-left:auto; margin-right:auto; width:250px; height:50px; filter: blur(0px); transition: opacity 0.3s ease-in-out; } .bx_b5_back { background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 ); } .bx_b5_motion { -webkit-animation: swift_gradient 5s ease-in 1s infinite alternate; } .bx_b6 { position: relative; margin-left:auto; margin-right:auto; width:250px; height:50px; filter: blur(0px); transition: opacity 0.3s ease-in-out; } .bx_b6_back { background: linear-gradient( 45deg, #ff0000, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000, #ff0000 ); } .bx_b6_motion { animation: swift_rotate 55s ease-in 1s infinite alternate; } .bx_b7 { position: relative; margin-left:auto; margin-right:auto; width:100px; height:100px; filter: blur(3px); transition: opacity 0.3s ease-in-out; } .bx_b7_back { background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 ); } .bx_b7_motion {-webkit-animation: swift_rotate 1s linear 1s infinite; } @keyframes swift_neow { 100% { background-position: -1000px 0; } } @keyframes swift_gradient { 100% { background-position: -1000px 0; } } @keyframes swift_rotate { 100% { transform: rotate(1407deg); } } .bt_score_a_mob { color: #FFFFFF; line-height: 49px; position: relative; z-index: 2001; float: left; text-align: center; /* top: 0px; */ width: 200px; height: 45px; padding: 9px; text-decoration: none; font-weight: bold; font-size: 46px; font-stretch: normal; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } /* SCORE CARD - SCORE CARD - SCORE CARD - SCORE CARD - SCORE CARD - SCORE CARD - SCORE CARD - SCORE CARD - */ /* ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - */ /* ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - */ .base_listagem_item { width: 90%; height:12.9px;; cursor :pointer; clear: both; font-size: 12px; display: block; margin: 10px 0px 20px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-right: 20px solid #95ff12ad; border-left: 3px solid white; overflow:hidden; background-color: #ffffff; color: #77777; padding: 10px 10px 10px 14px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .base_listagem_item:hover { border-left: 3px solid #117d8f; } .btn_guia_list { position: relative; width: 46px; height: 23px; cursor: pointer; top: -8px; float: right; margin-right: 2px; padding: 3px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; display: inline-block; font: bold 15px Oswald, Arial Narrow, sans-serif; color: #FFFFFF; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px rgba(255, 255, 255, .22); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .btn_guia_list:hover { background:-webkit-linear-gradient(top, #4919ffa6 0%, #c32626ed 100%); transition: all 2s; } .bred { background-color: #f37873; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601)); background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); } .bblue { background-color: #2c8681; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20aba4), color-stop(50%, #2c8681), color-stop(50%, hsla(177,69%,40%,1)), color-stop(100%, hsl(171, 69%, 44%))); background-image: -webkit-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); background-image: -moz-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); background-image: -ms-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); background-image: -o-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); } .btn_guia_list_zap { background: transparent url(../../GBI_CAITITE/sitecorp/imgs/zap.png); background-size: 30px 30px;} .top_nome { font-size:20px; } /* CONCILIAR DE UMA VêZ ESSA PARTE essa desgraça de listagem esta de varias formas nos arquivos individuais, junta essa porra maldito!!!!!!!!!!!!!!!!!!! */ /* CONCILIAR DE UMA VêZ ESSA PARTE essa desgraça de listagem esta de varias formas nos arquivos individuais, junta essa porra maldito!!!!!!!!!!!!!!!!!!! */ /* CONCILIAR DE UMA VêZ ESSA PARTE essa desgraça de listagem esta de varias formas nos arquivos individuais, junta essa porra maldito!!!!!!!!!!!!!!!!!!! */ /* CONCILIAR DE UMA VêZ ESSA PARTE essa desgraça de listagem esta de varias formas nos arquivos individuais, junta essa porra maldito!!!!!!!!!!!!!!!!!!! */ .alertbox { cursor :pointer; clear: both; font-size: 12px; display: block; margin: 10px 0px 20px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height:240px; overflow:hidden; background-color: #CCFFFF; background-image: url('viewer.png'); background-position: 10px; background-repeat: no-repeat; color: #666666; padding: 10px 10px 10px 14px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.45s ease; } .alertbox2 { cursor :pointer; clear: both; font-size: 12px; display: contents; margin: 10px 0px 20px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height:240px; overflow:hidden; background-color: #CCFFFF; background-position: 10px; background-repeat: no-repeat; color: #666666; padding: 10px 10px 10px 14px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.45s ease; } .one { background-color: orange ; height:45px; } .two { background-color: #CCFFFF ; } .tree { background-color: #EEE8CF; } .button_guia_m { background: #27cdc5; background: -moz-linear-gradient(top, hsla(177,68%,48%,1) 0%, hsla(177,69%,40%,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(177,68%,48%,1)), color-stop(100%,hsla(177,69%,40%,1))); background: -webkit-linear-gradient(top, hsla(177,68%,48%,1) 0%,hsla(177,69%,40%,1) 100%); background: -o-linear-gradient(top, hsla(177,68%,48%,1) 0%,hsla(177,69%,40%,1) 100%); background: -ms-linear-gradient(top, hsla(177,68%,48%,1) 0%,hsla(177,69%,40%,1) 100%); background: linear-gradient(top, hsla(177,68%,48%,1) 0%,hsla(177,69%,40%,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 ); border: 1px solid #20aba4; border-bottom: 1px solid #1fa29c; border: 1px solid hsla(177,68%,40%,1); border-bottom: 1px solid hsla(177,68%,38%,1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 30px; padding-left: 12px; padding-right: 12px; display: inline-block; text-align: center; font-size: 13px; font-weight: bold; color: #ffffff; text-shadow: 0px -1px rgba(0, 0, 0, 0.2);} .button_guia_m :hover { background: #31d7cf; background: -moz-linear-gradient(top, hsla(177,67%,52%,1) 0%, hsla(177,69%,44%,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(177,67%,52%,1)), color-stop(100%,hsla(177,69%,44%,1))); background: -webkit-linear-gradient(top, hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%); background: -o-linear-gradient(top, hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%); background: -ms-linear-gradient(top, hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%); background: linear-gradient(top, hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31d7cf', endColorstr='#23bcb4',GradientType=0 ); border: 1px solid #23bcb4; border-bottom: 1px solid #22b4ad; border: 1px solid hsla(177,68%,44%,1); border-bottom: 1px solid hsla(177,68%,42%,1); color: #ffffff;} .button_guia_m :active { background: #24bcb5; background: hsla(177,68%,44%,1); border: 1px solid hsla(177,68%,40%,1); border-top: 1px solid hsla(177,68%,34%,1); box-shadow: none;} .ondestou { background: #9966FF; background: hsla(#9966FF,68%,44%,1); border: 1px solid hsla(#9966FF,68%,40%,1); border-top: 1px solid hsla(#9966FF,68%,34%,2); box-shadow: none; float: none; text-color: #ffffff; border-radius : 10px; height:35px;} .ondestou_m { background: #9966FF; background: hsla(#9966FF,68%,44%,1); border: 1px solid hsla(#9966FF,68%,40%,1); border-top: 1px solid hsla(#9966FF,68%,34%,2); box-shadow: none; float: none; text-color: #ffffff; border-radius : 10px; height:118px;} .button_guia_m img, .button img.right { float: none; margin-right: -7px; margin-left: 5px; margin-top: -2px; vertical-align: middle;} .button_guia_m img.left { float: none; margin-right: 5px; margin-left: -7px; margin-top: -2px; vertical-align: middle;} /* criar um box publicitário aqui agora */ #superbox_ad_m { max-width: 100%; background: #96F; height:250px; } .button_link { display: inline-block; padding: 0 20px; text-align: center; text-decoration: none; font: bold 53px Oswald, Arial Narrow, sans-serif; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(255,255,255, .22); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .mibox { cursor :pointer; width:100%; height:20px; background-color: #CCFFFF; border:5px solid #F5FEFE; border-radius:15px; padding: 4px ; overflow:hidden; -webkit-transition: all 0.15s ease; -moz-transition: all 1.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 1.15s ease; } .mibox:hover { height:auto; background-color: #CCFFFF; border-radius:10px; -webkit-transition: all 0.15s ease; -moz-transition: all 1.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 1.15s ease; } .alertbox > .miboxactions, .miboxactionsblue { margin-top:0px !important; } .miboxactions { top: 3px ; cursor: pointer; float: left; line-height: 110px; margin-right: 5px; width: 93px; height: 121px; padding: 0 7px; border-radius: 50px 50px 50px 0px; background-color: #f37873; background-color: #f37873; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601)); background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); } .miboxactionsouro { background-color: #f37873; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1e718), color-stop(50%, #db504d), color-stop(50%, hsla(177,69%,40%,1)), color-stop(100%, hsl(171, 69%, 44%))); background-image: -webkit-linear-gradient(top, #d1e718 0%, #96a51f 50%, #849305 50%, #849305 100%); background-image: -moz-linear-gradient(top, #d1e718 0%, #96a51f 50%, #2c8681 50%, #849305 100%); background-image: -ms-linear-gradient(top, #d1e718 0%, #96a51f 50%, #2c8681 50%, #849305 100%); background-image: -o-linear-gradient(top, #d1e718 0%, #96a51f 50%, #2c8681 50%, #849305 100%); } .guia_blocodeacoes_m { position: relative; width:100%; height:250px; margin-top: 10px; } .guia_bt_acao_m { display: inline-block; text-align: center; text-decoration: none; font: bold 53px Oswald, Arial Narrow, sans-serif; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(255,255,255, .22); border-radius: 5px; box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); transition: all 0.15s ease; top: 3px; cursor: pointer; float: left; line-height: 110px; margin-right: 5px; width: 93px; height: 121px; padding: 0 7px; border-radius: 50px 50px 50px 0px; background-color: #f37873; background-color: #f37873; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601)); background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); } .guia_bt_ac_blue { background-color: #f37873; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20aba4), color-stop(50%, #db504d), color-stop(50%, hsla(177,69%,40%,1)), color-stop(100%, hsl(171, 69%, 44%))); background-image: -webkit-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); background-image: -moz-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); background-image: -ms-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); background-image: -o-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); } .guia_box_promo_m { /* bloquinho ermelho bonito */ position: relative; background-color: #eaabbb; background-image: -webkit-linear-gradient(top, #ecb6b6 0%, #ad0000 100px, #af3030 105px, #c97e7e30 0%); margin-left: auto; margin-right: auto; text-align: center; width: 95%; height: auto; border: 1px solid #ff0000; border-bottom: 50px solid #950000; border-radius: 20px 20px 72px 72px; display: block; } .guia_oficial_promo_m { /* bloquinho roxo muito bonito */ position:relative; background-color: #eaabbb; text-align:center; width:98%; height:auto; border: 3px solid #7800ab; border-bottom: 44px solid #7800ab; border-radius:20px 20px 72px 72px; background-image: -webkit-linear-gradient(top, #caa1f7 0%, #7800ab, #7800ab 105px, #f8eaff 0%); margin-left: auto; margin-right: auto; } .miboxactionsblue { background-color: #f37873; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20aba4), color-stop(50%, #db504d), color-stop(50%, hsla(177,69%,40%,1)), color-stop(100%, hsl(171, 69%, 44%))); background-image: -webkit-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); background-image: -moz-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); background-image: -ms-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); background-image: -o-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); } .miboxactions > button { width:20px; height:21px; border-radius:5px;} .miboxactions_ative { min-width:80px; height:13px !important; border-radius:8px;} .guia_ajustedetexto_bt_acao_m { font-size: 45px; line-height: 95px; } .guia_bloco_interno_m { /*m_y*/ position: relative; width: 98%; height: auto; padding: 5px; background-color: #bff6ff; background-image: -webkit-linear-gradient(top, #b6eceb 0%, #00ada8 100px, #30afab 105px, #7ec9c8 0%); box-shadow: #ffffff 0px 0px 29px 10px; margin-left:auto; margin-right:auto; top: 3px; font-size: 65px; color: black; line-height: 55px; text-shadow: -1px 0px 0px #000000; border: 1px solid #117d8f; border-radius: 50px; border-bottom: 19px solid #63b2bf; border-left: 6px solid #117d8f; } .border_ui { position: relative; display: block; top: -0%; left: -0%; z-index: 100; display: block; height: 200%; width: 200%; overflow: hidden; background-size: 200% auto; animation: shine 5s linear infinite; } @keyframes shine { to { background-position: 200% center; } } @keyframes invert_shine { to { background-position: -200% center; } } .b_free { background-color: #f7e7f6; } .b_free_plus { height: 204px; background-image: -webkit-linear-gradient(top, #b1eaff 0%, #b1eaff 50%, #b4e1e8 50%, #94e3ef 100%); box-shadow: 1px 1px 18px 6px rgb(255 255 255); } .b_basic { background-color: hsl(245deg 33% 54%); background-image: -webkit-linear-gradient(top, #e0def7 0%, #bfbbec 50%, #b4aef4 50%, #a6a3c7 100%); background-image: -moz-linear-gradient(top, #e0def7 0%, #bfbbec 50%, #b4aef4 50%, #a6a3c7 100%); background-image: -ms-linear-gradient(top, #e0def7 0%, #bfbbec 50%, #b4aef4 50%, #a6a3c7 100%); background-image: -o-linear-gradient(top, #e0def7 0%, #bfbbec 50%, #b4aef4 50%, #a6a3c7 100%); box-shadow: 1px 1px 18px 6px rgb(255 255 255); } .b_pro { background-color: #2c8681; background-image: -webkit-linear-gradient(top, #c5efef 0%, #81e0dc 50%, #64d7d2 50%, #a0fffb 100%); background-image: -moz-linear-gradient(top, #c5efef 0%, #81e0dc 50%, #64d7d2 50%, #a0fffb 100%); background-image: -ms-linear-gradient(top, #c5efef 0%, #81e0dc 50%, #64d7d2 50%, #a0fffb 100%); background-image: -o-linear-gradient(top, #c5efef 0%, #81e0dc 50%, #64d7d2 50%, #a0fffb 100%); box-shadow: 1px 1px 18px 6px rgb(255 255 255); } .b_ouro { background-color: #ea941c; background-image: -webkit-linear-gradient(top, #fff1aa 0%, #fffd9b 50%, #fffdb2 50%, #fffb5b 100%); background-image: -moz-linear-gradient(top, #fff1aa 0%, #fffd9b 50%, #fffdb2 50%, #fffb5b 100%); background-image: -ms-linear-gradient(top, #fff1aa 0%, #fffd9b 50%, #fffdb2 50%, #fffb5b 100%); background-image: -o-linear-gradient(top, #fff1aa 0%, #fffd9b 50%, #fffdb2 50%, #fffb5b 100%); box-shadow: 1px 1px 18px 6px rgb(255 255 255); } .b_miniblu { background-color: hsl(245deg 21% 82%); background-image: -webkit-linear-gradient(top, #ccffff 0%, #9dffff 50%, hsl(177deg 100% 87%) 50%, hsl(169deg 38% 57% / 84%) 100%); background-image: -moz-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); background-image: -ms-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); background-image: -o-linear-gradient(top, #20aba4 0%, hsla(177,69%,40%,1) 50%, #2c8681 50%, hsl(171, 69%, 44%) 100%); box-shadow: 2px 6px 18px 6px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); } .b_absolut { background-color: #fbfbfb; background-image: -webkit-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #e0e0e0 50%, #ffffff 100%); background-image: -moz-linear-gradient(top, #ffb9b7 0%, #e3908e 50%, #dca1a1 50%, #ff9693 100%); background-image: -ms-linear-gradient(top, #ffb9b7 0%, #e3908e 50%, #dca1a1 50%, #ff9693 100%); background-image: -o-linear-gradient(top, #ffb9b7 0%, #e3908e 50%, #dca1a1 50%, #ff9693 100%); box-shadow: 2px 6px 18px 6px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); } .b_absolut_bak{ background-color: #a20601; background-image: -webkit-linear-gradient(top, #ffb9b7 0%, #e3908e 50%, #dca1a1 50%, #ff9693 100%); background-image: -moz-linear-gradient(top, #ffb9b7 0%, #e3908e 50%, #dca1a1 50%, #ff9693 100%); background-image: -ms-linear-gradient(top, #ffb9b7 0%, #e3908e 50%, #dca1a1 50%, #ff9693 100%); background-image: -o-linear-gradient(top, #ffb9b7 0%, #e3908e 50%, #dca1a1 50%, #ff9693 100%); } .b_absolu2 { background-color: #a20601; background-image: -webkit-linear-gradient(121deg, 1 26.97%, 2 26.97%, 2 44.38%, 3 44.38%, 3 50%, 1 50%, 1 76.97%, 2 76.97%, 2 94.38%, 3 94.38%, 3 100%); background-image: -moz-linear-gradient(top, #ffdbda 0%, #dc8c8a 50%, #e66c6c 50%, #ffdbda 100%); background-image: -ms-linear-gradient(top, #ffdbda 0%, #dc8c8a 50%, #e66c6c 50%, #ffdbda 100%); background-image: -o-linear-gradient(top, #ffdbda 0%, #dc8c8a 50%, #e66c6c 50%, #ffdbda 100%); background-image: linear-gradient(121deg, #ec3d3d 26.97%, #f58d8d 26.97%, #bf4a4a 44.38%, #cc3838 44.38%, #e23a3a 50%, #e23a3a 50%, #fa697a 76.97%, #db6969 76.97%, #db6969 94.38%, #d15a5a 94.38%, #d15a5a 100%); background-size: 100% 67%; } .guia_tit { font-size:65px; position: relative; width: 100%; height: 67px; line-height: 55px; color:#000000; top: 3px; text-shadow: -1px 0px 0px #000000; } .guia_sub_tit { font-size:55px; line-height: 1.3; text-shadow: -1px 0px 0px #000000; width: 95%; text-align:center; } .promo_ativa { animation: estaempromocao 2s infinite; } .boxOfWar { position:relative; background-color: #eaabbb; border: 10px solid #ff3d00; border-bottom: 80px solid #ff3d00; width:99,5%;height:auto; border-radius:20px 20px 72px 72px; display:none; } .isglobal { background : #9c27b0 !important ; } @keyframes essaeglobal { 0% { background : #9c27b0 !important ; } 30% { background : #9966FF !important ; } 60% { background : #9966FF !important ; } 100% { background : #9c27b0 !important ; } } .isglobal_ativa { animation: essaeglobal 2s infinite; } /* Non-keyframe fallback animation */ .rain.end{ -moz-transition-property: background-position; -moz-transition-duration: 30s; -moz-transition-timing-function: linear; -webkit-transition-property: background-position; -webkit-transition-duration: 30s; -webkit-transition-timing-function: linear; -o-transition-property: background-position; -o-transition-duration: 30s; -o-transition-timing-function: linear; transition-property: background-position; transition-duration: 30s; transition-timing-function: linear; background-position: -5400px 0, -4600px 0, -3800px 0, -3000px 0; } /* Keyfram-licious animation */ @-webkit-keyframes colors { 0% {background-color: #39f;} 15% {background-color: #F246C9;} 30% {background-color: #4453F2;} 45% {background-color: #44F262;} 60% {background-color: #F257D4;} 75% {background-color: #EDF255;} 90% {background-color: #F20006;} 100% {background-color: #39f;} } .border,.rain{ -webkit-animation-direction: normal; -webkit-animation-duration: 20s; -webkit-animation-iteration-count: infinite; -webkit-animation-name: colors; -webkit-animation-timing-function: ease; } /* In-Active State Style */ .border.unfocus{ background: #333 !important; -moz-box-shadow: 0px 0px 15px rgba(255,255,255,.2); -webkit-box-shadow: 0px 0px 15px rgba(255,255,255,.2); box-shadow: 0px 0px 15px rgba(255,255,255,.2); -webkit-animation-name: none; } .rain.unfocus{ background: #000 !important; -webkit-animation-name: none; } .txt_443 { font-size:55px; line-height: 1.8; } .list_txt_title_443 { font-size:55px; line-height: 1.8; } .txt_444 { font-size:55px; line-height: 1.3; } .list_txt_title_444 { font-size:55px; line-height: 1.3; } .txt_445 { font-size:65px; position: relative; width: 100%; height: 95px; line-height: 55px; color:#000000; top: 3px; text-shadow: -1px 0px 0px #000000; } .list_txt_title_445 {font-size:65px; position: relative; width: 100%; height: 95px; line-height: 55px; color:#000000; top: 3px; text-shadow: -1px 0px 0px #000000; } .txt_apelo { font-size:65px; position: relative; width: 100%; height: auto; line-height: 67px; color:#000000; top: 3px; text-shadow: -1px 0px 0px #000000; } .txt_btn_dash { position: relative; width: 100%; height:100%; line-height: 1; padding: 6px; color: #000000; text-shadow: -1px 0px 0px #000000; } .padrao_fonte { font-family: 'Oswald', Arial Narrow !important; } /* ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - */ /* ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - ANUNCIO - */ /* PARA OS MENUS DE EXPLICAÇÃO SANFONADOS */ .ico_painel_tips_mob { font-size: 40px; line-height: 53px; position: relative; float: left; text-align: left; width: -webkit-fill-available; height: auto; min-height: 90px; color: #b3acac; background-color: #0c1216; top: 15px; border-radius: 25px; z-index: 1000; border: 2px solid #9b9b9ca6; cursor: pointer; opacity: 0.83; padding: 0px 14px 0px 14px; margin-bottom: 10px; color: #ffffff; background-color: #910303fa; height: 40px; overflow: hidden; } .ico_painel_h1_tips_mob { margin-top: -18px; } #ico_painel_h1_tips_mob { padding: 26px 1px 12px 1px; font-size: 65px; margin-top: 0em; line-height: 0.50; margin-top: -13px; line-height: 0.9; } .data_free {position: relative; width:140px; height:70px; margin-top: 10px; background-color:#000000; float:right; border-radius:50px; right:40px; line-height: 01.5; color: white;} .data_plus {position: relative; width:140px; height:70px; margin-top: 10px; background-color:#02e702; float:right; border-radius:50px; right:40px; line-height: 01.5; color: #000000;} .data_basic {position: relative; width:140px; height:70px; margin-top: 10px; background-color:#00b8ff; float:right; border-radius:50px; right:40px; line-height: 01.5; color: white;} .data_emp {position: relative; width:140px; height:70px; margin-top: 10px; background-color:#ff9900; float:right; border-radius:50px; right:40px; line-height: 01.5; color: #181217;} .data_hiper {position: relative; width:140px; height:70px; margin-top: 10px; background-color:#ff005e; float:right; border-radius:50px; right:40px; line-height: 01.5; color: white;} .data_super {position: relative; width:140px; height:70px; margin-top: 10px; background-color:#8b0000; float:right; border-radius:50px; right:40px; line-height: 01.5; color: #000000;} .marcador_free {position: relative; width:70px; height:70px; margin-top: 10px; background-color:#000000; float:right; border-radius:50px; right:40px;} .marcador_plus {position: relative; width:70px; height:70px; margin-top: 10px; background-color:#02e702; float:right; border-radius:50px; right:40px;} .marcador_basic {position: relative; width:70px; height:70px; margin-top: 10px; background-color:#00b8ff; float:right; border-radius:50px; right:40px;} .marcador_emp {position: relative; width:70px; height:70px; margin-top: 10px; background-color:#ff9900; float:right; border-radius:50px; right:40px;} .marcador_hiper {position: relative; width:70px; height:70px; margin-top: 10px; background-color:#ff005e; float:right; border-radius:50px; right:40px;} .marcador_super {position: relative; width:70px; height:70px; margin-top: 10px; background-color:#8b0000; float:right; border-radius:50px; right:40px;} .semdados { position: relative; width: 90%; text-align:center; color:black; font-size:100px; } /* ---------------------------------------------------- SUPERPAINEL DESKTOP E MOBILE -------------------------------------------------- ---------------------------------------------------- SUPERPAINEL DESKTOP E MOBILE -------------------------------------------------- ---------------------------------------------------- SUPERPAINEL DESKTOP E MOBILE adicionei o importante porque não tava respondendo no dash mas pode resetar isso ai -------------------------------------------------- */ .data_desk_free {position: relative; width:140px; height:70px; background-color:#000000 !important; float:right; border-radius:50px; right:40px; line-height: 01.5; color: white;} .data_desk_plus {position: relative; width:140px; height:70px; background-color:#02e702 !important; float:right; border-radius:50px; right:40px; line-height: 01.5; color: #000000;} .data_desk_basic {position: relative; width:140px; height:70px; background-color:#00b8ff !important; float:right; border-radius:50px; right:40px; line-height: 01.5; color: white;} .data_desk_emp {position: relative; width:140px; height:70px; background-color:#ff9900 !important; float:right; border-radius:50px; right:40px; line-height: 01.5; color: #181217;} .data_desk_hiper {position: relative; width:140px; height:70px; background-color:#ff005e !important; float:right; border-radius:50px; right:40px; line-height: 01.5; color: white;} .data_desk_super {position: relative; width:140px; height:70px; background-color:#8b0000 !important; float:right; border-radius:50px; right:40px; line-height: 01.5; color: #000000;} .marcador_desk_free { background-color:#000000 !important; border-radius:50px; } .marcador_desk_plus { background-color:#02e702 !important; border-radius:50px; color:#03022d ; } .marcador_desk_basic { background-color:#00b8ff !important; border-radius:50px; } .marcador_desk_emp { background-color:#ff9900 !important; border-radius:50px; } .marcador_desk_hiper { background-color:#ff005e !important; border-radius:50px; } .marcador_desk_super { background-color:#8b0000 !important; border-radius:50px; } .semdados { position: relative; width: 90%; text-align:center; color:black; font-size:100px; } .newprogress { position:relative; display:block; border:1px #e0004b solid; width:98%; height:10px; background-color: #352828; top:7px; border-radius:3px; overflow:hidden; } .progress_bar { width:58%; height:100%; background-color: #2d0d0d; } .newprogress_m { position:relative; display:block; border:1px #e0004b solid; width:98%; height:30px; background-color: #352828; top:7px; border-radius:3px; overflow:hidden; font-size: 4.15em; } .progress_bar_m { width:58%; height:100%; background-color: #2d0d0d; } /* botões superiores direito */ .newbtrender { position:relative; display:block; border:1px #e0004b solid; width:98%; height:auto; background-color: #352828; top:0px; border-radius:3px; overflow:hidden; margin-top: 15px; } .dash_4_bt { margin-top: 0; margin-bottom: 4px; border: 1px #00b7e0 solid; } .newbtrender { position:relative; display:block; border:1px #e0004b solid; width:98%; height:auto; background-color: #352828; top:0px; border-radius:3px; overflow:hidden; margin-top: 15px; } .dash_4_bt_m { margin-top: 0; margin-bottom: 4px; border: 1px #00b7e0 solid; } .ultimate_lojas { position:relative; display:block; border:1px #456967 solid; width:98%; height:10px; background-color: #503939; top:0px; border-radius:3px; overflow:hidden; font: bold 8px Arial Narrow; color: #00b784 ; padding-left:3px; margin-bottom: 2px; } .ultimate_lojas_m { position:relative; display:block; border:1px #456967 solid; width:98%; height:13px; background-color: #503939; top:0px; border-radius:3px; overflow:hidden; font: bold 38px Arial Narrow; color: #00b784 ; padding-left:3px; margin-bottom: 12px; } .ultimate_lojas.retorno { height:33px;} .ultimate_lojas_m { position:relative; display:block; border:1px #456967 solid; width:98%; height:30px; background-color: #503939; top:0px; border-radius:3px; overflow:hidden; font: bold 20px Arial Narrow; color: #00b784 ; padding-left:3px; margin-bottom: 12px; } .ultimate_lojas_m.retorno { height:33px;} .dash_quad { position:relative; display:inline-block; color: var(--gb-dash-quad-txt); text-shadow:0px 0px 3px #100202; padding:2px; width:70px; height:50px; border-radius: 1px; font: 16px Arial Narrow, Arial; text-align:center; margin-top: 8px; margin: 4px; cursor:pointer; } .dash_quad_global { width:22.5%; height:50px; } .dash_quad span { font-family: Oswald, sans-serif; line-height: 12px; color: #7fffe8;} .variaveis { --gb-bt-indice: red; --gb-dash-quad-txt:white; --gb-dash-quad-acoes:#fbc02deb; --gb-dash-quad-online: #46bd8c; --gb-dash-quad-pro: #320303e3; --gb-dash-quad-basic: #797973; --gb-dash-quad-free: #2196f3; --gb-dash-quad-more: #a270e3; --gb-dash-quad-job: #41ffed; --gb-dash-quad-start: #651e1e; } .acoes {background-color: var(--gb-dash-quad-acoes); } .online {background-color: var(--gb-dash-quad-online); } .pro {background-color: var(--gb-dash-quad-pro); } .basic {background-color: var(--gb-dash-quad-basic); } .free {background-color: var(--gb-dash-quad-free); } .job {background-color: var(--gb-dash-quad-job); } .start {background-color: var(--gb-dash-quad-start); } /* ---------------------------------------------------- FIM SUPERPAINEL -------------------------------------------------- ---------------------------------------------------- FIM SUPERPAINEL -------------------------------------------------- ---------------------------------------------------- FIM SUPERPAINEL -------------------------------------------------- ---------------------------------------------------- FIM SUPERPAINEL -------------------------------------------------- */ /* ----------------------------------------------------CHECKOUT -------------------------------------------------- */ .bt_pagamento { position: relative; background-color: #b98fd1; color: black; padding: 45px 20px 60px 20px; margin: 10px 10px 10px 10px; box-shadow: rgb(247 229 0 / 50%) -4px 2px 0px 5px; border: 0px solid #c1ff9b; border-left: 17px solid #5000df; width: 100%; height: auto; display: inline-block; border-radius: 15px; font-size: 70px; text-align: left; font-family: 'Oswald'; text-shadow: 3px 2px 4px #9469b7; } /* ---------------------------------------------------- DESKTOP-------------------------------------------------- ---------------------------------------------------- DESKTOP-------------------------------------------------- ---------------------------------------------------- DESKTOP-------------------------------------------------- */ .title_desk { width: 97%; font-size: 16px; padding: 9px 2px 8px 15px; border-radius: 50px 10px 50px 10px; font-family: 'Oswald', Arial Narrow; letter-spacing: 10px; } .desk_btn_rib2 { font-size: 20px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border-radius: 20px; text-decoration: none; position: relative; border: 0; transition: all 40ms linear; display: block; color: #626268; box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0px 1px 0 0 #BEBEBE, 0px 1px 2px 1px rgba(0, 0, 0, .2); background-color: #f9f9f9; } .desk_btn_rib2:hover { background-color: #93e2f8; transition: all 40ms linear; } .desk_btn_rib { padding: 15px 25px; font-size: 20px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border-radius: 20px; text-decoration: none; position: relative; border: 0; transition: all 40ms linear; margin-top: 50px; margin-left: 2px; margin-right: 2px; display: block; margin-bottom: 25px; color: #626268; box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0px 1px 0 0 #BEBEBE, 0px 1px 2px 1px rgba(0, 0, 0, .2); background-color: #f9f9f9; } .desk_bt_mini_mob { position: relative; width: 200px; height: 63px; background: #008c31d1; padding: 10px; display: inline-block; text-align: center; color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 15px; font-stretch: normal; line-height: 4px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; z-index: 2001; } .desk_ico_painel_tips_mob { font-size: 10px; position: relative; text-align: left; width: -webkit-fill-available; height: auto; /* min-height: 90px; */ color: #b3acac; background-color: #0c1216; /* top: 15px; */ border-radius: 20px; z-index: 1000; border: 2px solid #9b9b9ca6; cursor: pointer; opacity: 0.83; /* padding: 0px 14px 0px 14px; */ margin-bottom: 2px; color: #ffffff; background-color: #910303fa; height: 40px; overflow: hidden; padding: 5px 5px 5px 5px; } .desk_mn_dly_tit { position: relative; border: 0px solid #c1ff9b; width: 99%; height: auto; display: inline-block; border-radius: 5px; font-size: 15px; overflow: hidden; color: white; } .desk_mn_indentifier { position: relative; background-image: linear-gradient(32deg, #2acf4d, #2db3b3); border: 0px solid #c1ff9b; width: 180px; height: 40px; display: inline-block; border-radius: 15px; font-size: 15px; line-height: 31px; text-align: center; padding: 5px 5px 5px 5px; overflow: hidden; } .desk_bt_price_mob { background: #008c31d1; color: #FFFFFF; line-height: 24px; position: relative; z-index: 2001; text-align: center; width: 200px; height: 63px; padding: 3px; text-decoration: none; /* font-weight: bold; */ font-size: 15px; font-stretch: normal; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .desk_menu_op { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6); -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6); box-shadow: 1px 2px 2px rgba(0,0,0,0.6); -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; color: #ffffff; background: rgba(0,0,0,0.2); display: inline-block; padding: 5px 15px; outline: none; text-decoration: none; } .imput_desk { border-radius: 5px; border: 0px; -webkit-transition-duration: 0.20s; vertical-align: middle; touch-action: manipulation; transition: all 40ms linear; display: inline-block; margin:0px; padding: 0 3 0 3; } .btn_desk_chosen { min-width: 44px; min-height: 35px; font-size: 15; text-align: center; background-image: linear-gradient(360deg, #ffffff, #d0f3f3); } .dentrodobox { width:100%; height:100%; box-shadow: 0px -1px 0px rgb(0 0 0 / 11%), 0px -6px 5px 1px rgba(0, 0, 0, 0.4) inset, inset 0px -1px 0px 0px #ffffff; } .button_mb { background: #27cdc5; background: -moz-linear-gradient(top, hsla(177,68%,48%,1) 0%, hsla(177,69%,40%,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(177,68%,48%,1)), color-stop(100%,hsla(177,69%,40%,1))); background: -webkit-linear-gradient(top, hsla(177,68%,48%,1) 0%,hsla(177,69%,40%,1) 100%); background: -o-linear-gradient(top, hsla(177,68%,48%,1) 0%,hsla(177,69%,40%,1) 100%); background: -ms-linear-gradient(top, hsla(177,68%,48%,1) 0%,hsla(177,69%,40%,1) 100%); background: linear-gradient(top, hsla(177,68%,48%,1) 0%,hsla(177,69%,40%,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 ); border: 1px solid #20aba4; border-bottom: 1px solid #1fa29c; border: 1px solid hsla(177,68%,40%,1); border-bottom: 1px solid hsla(177,68%,38%,1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 30px; padding-left: 12px; padding-right: 12px; display: inline-block; text-align: center; font-size: 13px; font-weight: bold; color: #ffffff; text-shadow: 0px -1px rgba(0, 0, 0, 0.2); cursor:pointer; } .button_mb:active { background-color: darkblue; transform: scale(0.98); /* Dá um efeito de clique */ } .custom-btn { width: 130px; height: 40px; color: #fff; border-radius: 5px; padding: 10px 25px; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 900; font-style: normal; text-shadow: 0px -1px 0px rgba(0,0,0,0.4); text-decoration: none; background: transparent; cursor: pointer; position: relative; display: inline-block; box-shadow: inset 0px 1px 0px rgba(255,255,255,1),0px 1px 3px rgba(0,0,0,0.3); outline: none; border: 1px solid #ba6; } .custom-btn:active{ -webkit-transform: translateY(2px); transform: translateY(2px); } /* 1 */ .btn-1{ backface-visibility: hidden; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; background: linear-gradient(180deg,#fea 0%,#dc8 49%,#a95 51%,#dc8 100%); border-radius: 5px; } /* 2 */ .btn-2{ background: linear-gradient(top, #a95, #f2f2f2 25%, #ffffff 38%, #c5c5c5 63%, #f7f7f7 87%, #a95); background: -webkit-linear-gradient(top, #a95, #fea 25%, #ffffff 38%, #dc8 63%, #fea 87%, #a95); } /* 3 */ .btn-3{ background: -webkit-gradient(linear, left top, left bottom, from(#a95), to(#fea)); } /* 4 */ .btn-4{ color: #fff; background-image: -webkit-repeating-linear-gradient(left, rgba(255, 238, 170, 0) 0%, rgba(255, 238, 170, 0) 3%, rgba(255, 238, 170, .1) 3.75%), -webkit-repeating-linear-gradient(left, rgba(170, 153, 85, 0) 0%, rgba(170, 153, 85, 0) 2%, rgba(170, 153, 85, .03) 2.25%), -webkit-repeating-linear-gradient(left, rgba(255, 238, 170, 0) 0%, rgba(255, 238, 170, 0) .6%, rgba(255, 238, 170, .15) 1.2%), linear-gradient(180deg, #a95 0%, #fea 47%, #dc8 53%, #fea 100%); } /* 5 */ .btn-5{ backface-visibility: hidden; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; border-color: #7c7c7c; background: linear-gradient(180deg,#e6e6e6 0%,rgba(0, 0, 0, 0.25) 49%, rgba(38, 38, 38, 0.6) 51%,rgba(0, 0, 0, 0.25) 100%); border-radius: 5px; } /* 6 */ .btn-6{ border-color: #7c7c7c; background: linear-gradient(top, rgba(38, 38, 38, 0.8), #e6e6e6 25%, #ffffff 38%, #c5c5c5 63%, #f7f7f7 87%, rgba(38, 38, 38, 0.8)); background: -webkit-linear-gradient(top, rgba(38, 38, 38, 0.5), #e6e6e6 25%, #ffffff 38%, rgba(0, 0, 0, 0.25) 63%, #e6e6e6 87%, rgba(38, 38, 38, 0.4)); } /* 7 */ .btn-7{ border-color: #7c7c7c; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(#e6e6e6)); } /* 8 */ .btn-8{ border-color: #7c7c7c; background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%), -webkit-repeating-linear-gradient(left, hsla(0,0%, 0%,0) 0%, hsla(0,0%, 0%,0) 4%, hsla(0,0%, 0%,.03) 4.5%), -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%), linear-gradient(180deg, hsl(0,0%,78%) 0%, hsl(0,0%,90%) 47%, hsl(0,0%,78%) 53%, hsl(0,0%,70%)100%); } /* 9 */ .btn-9{ backface-visibility: hidden; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; border-color: #D9A3A9; background: linear-gradient(180deg,#FFE6E9 0%,#DDA6AE 49%, #B76E79 51%,#DDA6AE 100%); border-radius: 5px; } /* 10 */ .btn-10{ border-color: #D9A3A9; background: linear-gradient(top, #DDA6AE, #FFE6E9 25%, #ffffff 38%, #FFE6E9 63%, #f7f7f7 87%, rgba(38, 38, 38, 0.8)); background: -webkit-linear-gradient(top, #DDA6AE, #FFE6E9 25%, #ffefef 38%, #D9A3A9 63%, #FFE6E9 87%, #DDA6AE); } /* 11 */ .btn-11{ border-color: #D9A3A9; background: -webkit-gradient(linear, left top, left bottom, from(#D9A3A9), to(#FFE6E9)); } /* 12 */ .btn-12{ border-color: #D9A3A9; background-image: -webkit-repeating-linear-gradient(left, rgba(255, 230, 233,0) 0%, rgba(255, 230, 233,0) 3%, rgba(255, 230, 233,.1) 3.75%), -webkit-repeating-linear-gradient(left, rgba(183, 110, 121,0) 0%, rgba(183, 110, 121,0) 2%, rgba(183, 110, 121, .2) 2.25%), -webkit-repeating-linear-gradient(left, rgba(255, 230, 233,0) 0%, rgba(255, 230, 233,0) .6%, rgba(255, 230, 233,.3) 1.1%), linear-gradient(180deg, #D9A3A9 0%, rgba(255, 230, 233,1) 47%, #D9A3A9 53%, rgba(255, 230, 233,.7)100%); } /* 13 */ .btn-13{ backface-visibility: hidden; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; border-color: #111; color: white; background: linear-gradient(180deg,#555 0%,#222 49%, #000 51%,#222 100%); border-radius: 5px; box-shadow: inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 3px rgba(0,0,0,0.3); } /* 14 */ .btn-14{ box-shadow: inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 3px rgba(0,0,0,0.3); border-color: #111; color: #555; background: -webkit-linear-gradient(top, #000, #222 15%, #333 28%, #000 63%, #2f2f2f 87%, #000); } /* 15 */ .btn-15{ box-shadow: inset 0px 1px 0px rgba(255,255,255,.8),0px 1px 3px rgba(0,0,0,0.3); border-color: #111; color: #555; text-shadow: -1px -1px 1px rgba(0,0,0,1); background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333)); } /* 16 */ .btn-16{ box-shadow: inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 3px rgba(0,0,0,0.3); border-color: #111; color: #555; background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%), -webkit-repeating-linear-gradient(left, hsla(0,0%, 0%,0) 0%, hsla(0,0%, 0%,0) 4%, hsla(0,0%, 0%,.03) 4.5%), -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%), linear-gradient(180deg, hsl(0,0%,0%) 0%, hsl(0,0%,10%) 47%, hsl(0,0%,0%) 53%, hsl(0,0%,10%)100%); } /* 17 */ .btn-17{ backface-visibility: hidden; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; border-color: #111; color: #555; background:linear-gradient(180deg, #242424 0%, #141111 49%, #000 51%, #222 100%); border-radius: 5px; box-shadow: inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 3px rgba(0,0,0,0.3); } .topdasareas { width: 100%; height: 40px; background: #b5b5b5ba url(../images/bg-content-box.gif) top left repeat-x; margin-top: 1px; text-align: left; font-size: 18px; line-height: 2; } .topdasareas:before { position: absolute; content: ""; top: 0px; left: 10%; width: 158px; height: 3px; background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 50%, rgba(255,255,255,0) 100% ); z-index: 1; } .topdasareas:after { position: absolute; content: ""; top: -9px; left: calc(17% + 16px); width: 13px; height: 1px; background-color: #fff; box-shadow: 0 0 20px 20px rgb(255 255 255 / 99%); z-index: 1; } .topdasareassimples { width: 100%; height: 40px; background: #b5b5b5ba url(../images/bg-content-box.gif) top left repeat-x; margin-top: 1px; text-align: left; font-size: 18px; line-height: 2; } .areadebotoes_titulo { float:left; width: auto; padding-left:5px; display:inline-block; text-shadow: -5px 1px 6px #717171; } .areadebotoesactions{ position: relative; top: 6px; float: right; width: auto; height: 34px; display: inline-block; padding-right: 3px; overflow: hidden; } .side_bar_item { color: #31344b; text-decoration: none; display: block; margin-top: 12px; font-size: 18px; font-weight: 400; padding: 10px 25px; border-radius: 6px; box-shadow: -3px -3px 7px #ffffff, 3px 3px 5px #ceced1; position: relative; transition: all 0.2s ease; } .side_bar_item:hover { box-shadow: inset -3px -3px 7px #ffffff, inset 3px 3px 5px #ceced1; color: #3498db; } .reverse_side_bar_item { box-shadow: inset -3px -3px 7px #ffffff, inset 3px 3px 5px #ceced1; color: #3498db; } .reverse_side_bar_item_leve { box-shadow: inset 0px 0px 3px #ceced1; color: #3498db; } .get_location_imputs { position: relative; width: 100%; height: 100%; padding-left: 10; border-width: 0px; border: 4px solid #5ec1c380; border-radius: 40px; background-color: #0ebbbbbd; color: #FFFFFF; font-family: Oswald, Arial Narrow; font-size: 17px; text-align: center; display: inline-block; margin-left: auto; margin-right: auto; } /* LISTAGENS */ .notif { height: auto; color: #181818; position: relative; border-radius: 4px; line-height: 14px; font-size: 12px; cursor: pointer; margin-top: 10px; overflow: hidden; padding: 6px 6px 6px 10px; background-color: rgba(255, 255, 255, 0.14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.08); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.2)) ; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.2)) ; } .notif_item { position:relative; margin-top: 0px; width: 40px; height: 37px;padding: 0px; display: inline-block; color: #181818; border-radius: 4px; line-height: 14px; font-size: 12px; cursor: pointer; overflow: hidden; background-color: rgba(255, 255, 255, 0.14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.08); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.2)) ; } .div_data_name { background-color: #252525; color: white; text-align: left; height: 15px; border-radius: 20px; padding: 0 5px; margin-top: 3px; } .div_data_tip { float: left; position: relative; top: 1px; border: 2.44px solid transparent; width: 20%; height: auto; display: inline-block; } .div_data_tip_items { float: left; font-size: 10; text-align: left; position: relative; padding-left: 2px; top: 1px; border-left: 6px solid #fb00ff; margin-bottom: 0.85px; width: 96%; height: auto; border-radius: 3px 3px 3px 3px; display: inline-block; overflow:hidden; box-shadow: rgb(255 255 255 / 28%) 4px 0px 4px -1px, rgb(255 255 255 / 30%) 0px 0px 63px 1px, rgba(10, 37, 64, 0.35) 0px 0px 6px 0px inset; } .div_gride_tip { /* float: left; */ font-size: 10; line-height: 2.5; text-align: left; position: relative; padding-left: 2px; /* top: 1px; */ margin-bottom: 0.85px; width: 12%; height: 25px; display: inline-block; overflow: hidden; box-shadow: rgb(255 255 255 / 28%) 4px 0px 4px -1px, rgb(255 255 255 / 30%) 0px 0px 63px 1px, rgba(10, 37, 64, 0.35) 0px 0px 6px 0px inset; } .div_gride_bt { /* float: left; */ font-size: 10; line-height: 4.5; text-align: center; position: relative; padding-left: 2px; /* top: 1px; */ margin-bottom: 0.85px; width: 12%; height: 50px; border-radius: 4px; display: inline-block; overflow: hidden; box-shadow: inset rgb(255 255 255 / 28%) 4px 0px 4px -1px, inset rgb(255 255 255 / 30%) 0px 0px 63px 1px, rgba(10, 37, 64, 0.35) 0px 0px 6px 0px; } .div_gride_bt:hover { box-shadow: inset rgb(255 255 255 / 28%) 4px 0px 4px -1px, inset rgb(255 255 255 / 30%) 0px 0px 63px 1px, rgba(10, 37, 64, 0.35) 0px 0px 6px 0px, rgba(10, 37, 64, 0.35) 0px 0px 6px 0px, rgb(124 230 231 / 31%) -2px 6px 3px 0px,rgb(255 255 255 / 35%) 3px -4px 1px 0px, rgb(243 249 255 / 35%) 3px -3px 1px 0px, rgb(255 255 255) 3px -1px 3px 0px; } .div_gride_bt:active { transform: scale(0.95); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } .gridcenter{ position: relative; width:95%; height:4px; } .table_do_task { color: red ; border-collapse: collapse; border: 1px solid #f10000; } .table_bt_action { width: 16px; height: 16px; border-radius: 15px; background: transparent url(./ico/ver.bmp); background: transparent url(./ico/x.png); background-repeat: round; cursor: pointer; background-color:#45b3b2; } /* outra listagem nº2 */ .ltm_01_div { position:relative; width:150px; height:29px; background-color:transparent; line-height:2.5; text-align:left; padding-left: 5px ; overflow: hidden; } .ltm_02_div { position:relative; width:150px; height:29px; background-color:transparent; line-height:2.5; text-align:left; padding-left: 5px ; overflow: hidden; } .list_02_div { position: relative; width: 100%; height: 30px; background-color: #ffffff; display: -webkit-inline-box; display: -webkit-inline-box; border-radius: 9px 9px 0 0; } .list_03_div { position: relative; width: 100%; height: 30px; background-color: #252b2a; display: -webkit-inline-box; border-radius: 6px; color: white; } .block_12345 { position: relative; margin-left: auto; margin-right: auto; width: 98.81%; height: 96%; top: 2%; background-color: #d7ddd9; } .block_123456 { position: relative; margin-left: auto; margin-right: auto; width: 100%; height: 100%; background-color: #d7ddd9; } .suport_dash_bt { display: inline-block; font-size: 25px; text-align: center; height: 200px; color: black; overflow: hidden; margin-left: auto; margin-right: auto; cursor: pointer; } /* outra listagem nº3 */ .bsc_n_div { color: white; text-align:left; height: 15px; padding: 0; margin-top: 3px; } .bsc_n_div:hover { -webkit-box-shadow: 0px 0px 4px 1.3px rgb(25 179 172);} .bsc_n_div:active { -webkit-box-shadow: 0px 0px 4px 1.3px rgb(25 179 172);} .bsc_n_div:target { -webkit-box-shadow: 0px 0px 4px 1.3px rgb(25 179 172);} .bsc_nome { width:20%;height: 100%; display: inline-block ; float: left; padding-left: 5px; } .bsc_nome_center { width:16%;height: 100%; display: inline-block ; padding-left: 5px; text-align:center; } .bsc_nome_l { width:20%;height: 100%; display: inline-block ; float: left; padding-left: 5px; text-align:center; } .bsc_flag { padding: 0 10 0 10; width: auto; height: 100%; display: inline-block; float: left; border-radius: 4px; } .flags_green { background-color: #a6fb00; color:black } .flags_blue { background-color: #08d4dd; color:white } .flags_hardgreen { background-color: #0bd565; color:0bd565 } .flags_pink { background-color: #e108cf; color:white } .flags_roxo { background-color: #8308e0; color:white } .flags_yellon { background-color: #efff00; color:black } .flags_black { background-color: black; color:white } .bsc_sevi { padding: 0 10 0 10; width: 12%; height: 100%; display: inline-block; float: left; border-radius: 4px; background-color: #e178e921 } .bsc_resp { padding: 0 10 0 10; width: 55px; height: 100%; display: inline-block; float: left; border-radius: 4px } .bsc_city { padding: 0 10 0 10; width: 25px; height: 100%; display: inline-block; float: left; border-radius: 4px } .bsc_bt_div { padding: 0 10 0 10; width: auto; height: 100%; display: inline-block; float: right; border-radius: 4px; } .bsc_bt_close { float: right; height: 20px; line-height: 1.5; box-shadow: 0 0px 2px 0px rgb(105 0 0), 0px 0px 0px 9px rgb(28 2 2 / 50%), inset 1px 0px 0px 1px rgb(33 0 26); background-image: -webkit-linear-gradient(top, #fd3b41 0%, #cf0d14 50%, #bb0007 50%, #cd181d 100%); } .bsc_bt_close_mini { float: right; height: 14px; line-height: 1.2; box-shadow: 0 0px 2px 0px rgb(105 0 0), inset 1px 0px 2px 0px rgb(33 0 26), 1px 0px 9px 1px rgb(33 0 26); background-image: -webkit-linear-gradient(top, #fd3b41 0%, #cf0d14 50%, #bb0007 50%, #cd181d 100%);} .bsc_bt_ind_mini { padding:0px 2px 0px 2px; margin:0px; min-width: 22px; height: 15px; font-size:8px ; border-radius: 5px; overflow: hidden; } .bsc_bt2_ind_mini { padding:0px 2px 0px 2px; margin:0px; min-width: 22px; height: 14px; font-size:12px ; border-radius: 5px; overflow: hidden; line-height: 0; } .bsc_bt_act { min-width: 18px; height: 14px; margin:0px; font-size:8.590px ; border-radius: 5px; border: 0; box-shadow: 0 0px 2px 0px rgb(255 255 255), 0 1px 2px 3px rgba(0, 0, 0, 0.5); } .bsc_bt_act_mini { padding:0px 2px 0px 2px; margin:0px; min-width: 22px; height: 18px; font-size:8px ; border-radius: 5px; overflow: hidden; } .bsc_bt_act2{ min-width: 18px; height: 14px; margin:0px; font-size:8.590px ; border-radius: 5px; border: 0; box-shadow: 0 0px 2px 0px rgb(255 255 255), 0 1px 2px 3px rgba(0, 0, 0, 0.5); color: white; text-shadow: 2px 2px 3px #000000; } .bsc_bt_ico{ min-width: 16px; height: 16px; margin:0px 3px 0px 3px; font-size:8.590px ; border-radius: 15px; border: 0; box-shadow: -2px -0.5px 3px 0px rgb(255 255 255), 0 1px 2px 3px rgba(0, 0, 0, 0.5); color: white; text-shadow: 2px 2px 3px #000000; } .bsc_bt_ico_edit { background: transparent url(../../GBI_CAITITE/sitecorp/imgs/icon_edit.gif); background-size: 16px 16px;} .bsc_bt_ico_ouvir { background: transparent url(../../GBI_CAITITE/sitecorp/imgs/ouvir.jpg); background-size: 16px 16px;} .bsc_bt_ico_config { background: transparent url(../../GBI_CAITITE/sitecorp/imgs/table_icon_10.gif); background-size: 16px 16px;} .bsc_bt_ico_zap { background: transparent url(../../GBI_CAITITE/sitecorp/imgs/zap.png); background-size: 16px 16px;} .bsc_mini_bt_ico{ min-width: 12.99px; height: 12.99px; margin:2px 3px 0px 3px; font-size:6.590px ; border-radius: 15px; border: 0; box-shadow: -2px -0.5px 3px 0px rgb(255 255 255), 0 1px 2px 3px rgba(0, 0, 0, 0.5); color: white; text-shadow: 2px 2px 3px #000000; } .bsc_mini_bt_ico_edit { background: transparent url(../../GBI_CAITITE/sitecorp/imgs/icon_edit.gif); background-size: 12.99px 12.99px;} .bsc_mini_bt_ico_ouvir { background: transparent url(../../GBI_CAITITE/sitecorp/imgs/ouvir.jpg); background-size: 12.99px 12.99px;} .bsc_mini_bt_ico_config { background: transparent url(../../GBI_CAITITE/sitecorp/imgs/table_icon_10.gif); background-size: 12.99px 12.99px;} .bsc_mini_bt_ico_zap { background: transparent url(../../GBI_CAITITE/sitecorp/imgs/zap.png); background-size: 12.99px 12.99px;} .bt_action{ background:transparent url('../sitecorp/img_sp/ico/x.png');background-repeat:round;cursor:pointer;} .ban{background:transparent url('../sitecorp/img_sp/ico/ban.png');background-repeat:round;cursor:pointer;} .show{background:transparent url('../sitecorp/img_sp/ico/show.png');background-repeat:round;cursor:pointer;} .ver{background:transparent url('../sitecorp/img_sp/ico/ver.bmp');background-repeat:round;cursor:pointer;} .edi{background:transparent url('../sitecorp/img_sp//ico/config.png');background-repeat:round;cursor:pointer;} .del{background:transparent url('../sitecorp/img_sp//ico/d.png');background-repeat:round;cursor:pointer;} .bsc_over {} .bsc_over:hover {background-color: #02162b6b; box-shadow: 0px 0px 0 8px #02162b6b; transition: 0.5s; } .bt_bsc_mob { background: #008c31d1; position: relative; z-index: 2001; text-align: center; width: 200px; height: 70px; text-decoration: none; font-weight: bold; font-stretch: normal; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .bsc_ind_bx0 { background-image: -webkit-linear-gradient(top, #6b6b6b 0%, #444544 50%, #1a1a1a 50%, #000000 100%); cursor:pointer; border: 0.55px solid #f9f9f9; color: white; } /* preto */ .bsc_ind_bx1 { background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #efebeb 50%, #ffffff 100%); cursor:pointer; border: 0.55px solid #ffffff; color: black; } /* branco */ .bsc_ind_bx2 { background-image: -webkit-linear-gradient(top, #95f4a1 0%, #7fd98b 50%, #5ecb6c 50%, #60d76f 100%); cursor:pointer; border: 0.55px solid #c5d4db; } /* verde */ .bsc_ind_bx3 { background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%); cursor:pointer; border: 0.55px solid #015189f2; color: white; } /* azuzim */ .bsc_ind_bx4 { background-image: -webkit-linear-gradient(top, #d1fb30 0%, #90ab29 50%, #7e9d09 50%, #475903 100%); cursor:pointer; border: 0.55px solid #c5d4db; } /* verde abacate */ .bsc_ind_bx5 { background-image: -webkit-linear-gradient(top, #fd3b41 0%, #cf0d14 50%, #bb0007 50%, #cd181d 100%); cursor:pointer; border: 0.55px solid #cb070e; color: white; } /* vermelho */ .bsc_ind_bx6 { margin-top: 0px;width: 200px;height: 22px;padding: 0px;display: inline-block; line-height: 5px;text-align: left; } .bsc_ind_bx6_txt { color: white; overflow: hidden; width: 190px; height: 30px; line-height: 2; } .bsc_ind_bx6_bt { margin:0px;min-width: 62px;height: 21px;font-size: 12px;border-radius: 5px; float: right; overflow: hidden; border: 0px; } .bsc_ind_bx7 { background-image: -webkit-linear-gradient(top, #08bda973 0%, #27b1a2cf 50%, #1ea999de 50%, #24b4a3 100%); cursor:pointer; border: 0.55px solid #6bc375; color: white; } /* esverdiado */ .bsc_ind_bx8 { background-image: -webkit-linear-gradient(top, #7313e58c 0%, #7313e5a3 50%, #7313e5cf 50%, #7313e599 100%); cursor: pointer; border: 0.55px solid #9944ff; color: #ffffff; } /* roxinho */ .bsc_ind_bx0:active { transform: scale(0.95); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } /*efeito click*/ .bsc_ind_bx1:active { transform: scale(0.95); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } .bsc_ind_bx2:active { transform: scale(0.95); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } .bsc_ind_bx3:active { transform: scale(0.95); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } .bsc_ind_bx4:active { transform: scale(0.95); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } .bsc_ind_bx5:active { transform: scale(0.95); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } .bsc_ind_bx7:active { transform: scale(0.95); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } .bsc_ind_bx8:active { transform: scale(0.95); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } .bsc_mini_number { padding:0px 2px 0px 2px; margin:0px; min-width: 22px; height: 18px; font-size:8px ; border-radius: 5px; overflow: hidden; } .barrinha { position: relative; width: 59%; height: 83%;float: left; border-radius: 5px; box-shadow: inset 1px -1px 0px 1px rgb(75 2 2); top: 1.1px; background-color: white; background-image: linear-gradient(247deg, #eafb00ab, #5ee9e9, #eafb00ab ); background-size: 200% auto; -webkit-animation: invert_shine 2s infinite; } .audio_player { height: 15px; width: 300px; } .audio_player::-webkit-media-controls-enclosure { width: 200px; height: 16px; border-radius: 5px; background-color: #00f0fb; } .audio_player::-webkit-media-controls-play-button { background-color: #00c0c9; max-width: 10px !important; height:15px; border-radius: 5%; } .audio_player::-webkit-media-controls-timeline{ background-color: #10d2ecfa; max-width: 30px; font-size:12px; height:4px; border-radius: 5%; } .audio_player::-webkit-media-controls-volume-slider{ background-color: #636cd6; max-width: 80%; height:1px; border-radius: 50%; } .audio_player::-webkit-media-controls-current-time-display{ max-width: 20px; font-size:12px; height:15px; border-radius: 50%; } .audio_player::-webkit-media-controls-time-remaining-display{ display:none; } .barra_dados_name { position: relative; width: 96%; height: auto; display: inline-block; float: left; top: 1px; overflow: hidden; border-left: 6px solid #9856ad; border-left: 6px solid #fb00ff; border-radius: 3px 3px 3px 3px; padding-left: 2px; margin-bottom: 0.85px; color: black; text-shadow: 0 0 1px #4b0000; font-size: 10; text-align: left; box-shadow: rgb(255 255 255 / 28%) 4px 0px 4px -1px, rgb(255 255 255 / 30%) 0px 0px 63px 1px, rgba(10, 37, 64, 0.35) 0px 0px 6px 0px inset; background-image: linear-gradient(247deg, #e5cef7, #5ee9e9, #e5cef7); background-size: 200% auto; -webkit-animation: shine 2s infinite; transition: 0.5s; } .barra_dados_name:hover { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255);} /* --------------- ********************** >>>>>>>>>>>>>>>>>>>> MEGA BOSSTER <<<<<<<<<<<<<<<<<<<<< ************************** ----------------- --------------- ********************** >>>>>>>>>>>>>>>>>>>> MEGA BOSSTER <<<<<<<<<<<<<<<<<<<<< ************************** ----------------- --------------- ********************** >>>>>>>>>>>>>>>>>>>> MEGA BOSSTER <<<<<<<<<<<<<<<<<<<<< ************************** ----------------- --------------- ********************** >>>>>>>>>>>>>>>>>>>> MEGA BOSSTER <<<<<<<<<<<<<<<<<<<<< ************************** ----------------- */ /* **************************************************************** SWIFT SWIFT **************************************************************** */ /* **************************************************************** SWIFT SWIFT **************************************************************** */ .swift_box { position: relative; width: 77px; height: 32px; border: 2px solid #06516d8a; background-color: #1d211d6e; color: #2779AA; font-size: 53px; z-index: 5; border-radius: 20px; cursor: pointer; transition: .4s; display: inline-block; } .swift_btt { position: relative; width: 100%; height: 32px; border: 2px solid #06516d8a; background-color: #1d211d6e; color: #2779AA; font-size: 53px; z-index: 5; border-radius: 20px; cursor: pointer; transition: .4s; display: inline-block; overflow: hidden; } .swift_btt_press { position: relative;min-width: 18px;margin:0px;height: 94%;font-size:15.590px;border-radius: 5px;display: inline-block;line-height: 1.9;overflow: hidden; background-color:#67676782; } .swift_btt_press_txt { position: relative;min-width: 18px;margin:0px;height: 76%;font-size:15.590px;border-radius: 5px;display: inline-block;line-height: 0.9;overflow: hidden; } .swift_glob { position: relative; width: 30px; height: 30px; border: 1px solid #040435b5; background-color: #f2ff02; border-radius: 50px; transition: .4s; display: inline-block; } .swift_glob_text { position: relative; font-size: 16px;width: 100px;height: 36px;display: inline-block;overflow: hidden; display: inline-block; } /* **************************************************************** SWIFT SWIFT **************************************************************** */ /* **************************************************************** SWIFT SWIFT **************************************************************** */ /* **************************************************************** FUNDOS PERSONALIZADOS BACKS **************************************************************** */ .backs_transparent { background-color: transparent !important; } .backs_black { background-color: black !important; } .backs_white { background-color: white !important; color:black; } .backs_aliceblue { background-color: #d3d3d3 !important; } /* quase branco - aliceblue */ .backs_aquarine { background-color: #7fffd4 !important; } /* azul wysiwyg - aquarine */ .backs_beije { background-color: #f5f5dc !important; } /* beje bonito - beije */ .backs_greenyellow { background-color: #adff2f !important; color: #310202; text-shadow: 0 -1px 1px rgb(30 1 1 / 25%); } /* verde cor dessa fonte ai - greenyellow */ .backs_escuro { background-color: #444548 !important; } /* escuro classic */ .backs_marron { background-color: #919191 !important; } /* marron */ .back_blue { background-color: #a20601 !important; background-image: -webkit-linear-gradient(#376fe0, #2463de) !important; color:white !important; } .back_sep { background-image: -webkit-linear-gradient(#b8b7b8bf, #f1f1f196) !important; color:white !important; } .back_verde { background-image: -webkit-linear-gradient(#19c9c6de, #19c9c6de) !important; color:black !important; } /* GRADIENTES */ .backs_ef_black { background-image: -webkit-linear-gradient(top, #6d7a75 0%, #475a53 50%, #30443d 50%, #000000 100%) !important; color:white; } .backs_ef_black2 { background-image: -webkit-linear-gradient(top, #6d7a75 0%, #141615 50%, #121615 50%, #000000 100%) !important; color:white; } .backs_ef_verde { background-image: -webkit-linear-gradient(top, #639b8d 0%, #08503e 50%, #01382a 50%, #01382a 100%) !important; color:white; } .backs_ef_marron { background-image: -webkit-linear-gradient(top, #777877 0%, #363636 50%, #363636 50%, #383838 100%) !important; color:white; } .backs_ef_white1 { background-image: -webkit-linear-gradient(top, #cdcdcd 0%, #c7c0c0 50%, #c7c0c0 50%, #ffffff 100%) !important; color:black; } .backs_ef_red { background-image: -webkit-linear-gradient(top, #6e463f 0%, #742315 50%, #871a07 50%, #1c0400 100%) !important; color:white; } .backs_ef_on { background-image: -webkit-linear-gradient(top, #3f6e45 0%, #48b155 50%, #12ab25 50%, #00f51e 100%) !important; color:white; } .backs_ef_off { background-image: -webkit-linear-gradient(top, #86af8b 0%, #a3bba5 50%, #a6b9a8 50%, #a6b9a8 100%) !important; color:white; } .backs_vidro_red_com_tr { background: -webkit-linear-gradient(top, #be50504f 0%,#672d2d5e 100%) !important; color:white; } .backs_vidro_red_com_tr2 { background: -webkit-linear-gradient(top, #c31616cf 0%,#4f1111d9 100%) !important; } /* fa_resumo */ .backs_vidro_red_com_forte { background: -webkit-linear-gradient(top, #f06565de 0%,#d30505c2 100%) !important; color:white; } .backs_amarelo_contato_zap{ background: url(../facilita/images/2.png) no-repeat 300px -40px, -webkit-linear-gradient(top, #ffec14 0%,#c5d000 100%); background-size: 158px 158px; color:black; } .backs_midias_insta{ background: url(../facilita/images/1.png) no-repeat 260px 0px, -webkit-linear-gradient( top, #000000 0%, #000000 30%, #480348 32%, #480348 63%, #000000 43%, #000000 27%, #000000 100%); background-size: 222px 223px; color: black; } .backs_midias_zap{ background: url(../facilita/images/2.png) no-repeat 260px 0px, -webkit-linear-gradient( top, #000000 0%, #000000 30%, #480348 32%, #480348 63%, #000000 43%, #000000 27%, #000000 100%); background-size: 222px 223px; color: black; } .backs_midias_face{ background: url(../facilita/images/3.png) no-repeat 260px 0px, -webkit-linear-gradient( top, #000000 0%, #000000 30%, #480348 32%, #480348 63%, #000000 43%, #000000 27%, #000000 100%); background-size: 222px 223px; color: black; } .backs_midias_you{ background: url(../facilita/images/4.png) no-repeat 260px 0px, -webkit-linear-gradient( top, #000000 0%, #000000 30%, #480348 32%, #480348 63%, #000000 43%, #000000 27%, #000000 100%); background-size: 222px 223px; color: black; } .backs_vermelho_real_m{ color:white !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC0000), color-stop(100%,#F10659)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #CC0000 0%,#F10659 100%); /* Chrome10+,Safari5.1+ */ } .thoughtbotgreen-limpo { background-image: -webkit-linear-gradient(top, #81ee2e 0%, #88d668 50%, #67b500 50%, #008909 100%); cursor: pointer; } .thoughtbotgreen-limpo:hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601)); background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); cursor: pointer; } .thoughtbotgreen-limpo:active { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00)); background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); } .minimal-indent-limpo { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf)); } .minimal-indent-limpo:hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf)); } .minimal-indent-limpo :active { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf)); } .backs_tags_blues { background-color: #73d0f1; background-image: -webkit-linear-gradient(#aae5f7, #73d0f1); color: #41788c;text-shadow: 1px 1px 1px #bfeafb; } .backs_tags_roxo { color: white; background-color: #9800ab; background: -webkit-linear-gradient(top, #690276 0%,#9f02b3 100%); background-image: -webkit-linear-gradient(#690276, #9f02b3); text-shadow: 1px 1px 1px #f5fcff; } .backs_range { background-image: linear-gradient(32deg, #2acf4d, #2db3b3); color: white;} .backs_gradente0 {background: linear-gradient(50deg, #ffffff, #ffffff, #a5f9844a, #4bffe152, #ffffff5c, #8d4bd54a, #7da9d54a, #ffffff, #ffffff);} .backs_verde_grad {background: -webkit-linear-gradient(top, #27cec51f 0%, #00746e5c 100%); } .backs_verde_grad_1 { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73f19a), to(#aaf7c2)) !important ; background-image: -webkit-linear-gradient(#aaf7b0, #73f184) !important ; text-shadow: 1px 1px 1px #bffbd1; } .backs_verde_grad_1:hover { border: 1px solid #4690ad; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaf7c2), to(#73f19a)) !important ; background-image: -webkit-linear-gradient(#73f184, #aaf7b0) !important ; background-color: #73f1a0 !important ; } .backs_globais_b1_grad { background: linear-gradient(324deg, #ffffff, #ffffff, #ead5ff, #ead5ff, #e1cbf8, #e1cbf8, #e1cbf8, #ffffff); -webkit-box-shadow:0px 1px 0px 1px rgba(170, 77, 27, 0.2) inset, 0px 0px 9px 1px #fff, 0px 0px 1px 1px rgba(188, 188, 188, 0.4) } .backs_globais_b2_grad { background: linear-gradient(50deg, #ffffff, #ffffff, #a5f9844a, #4bffe152, #ffffff5c, #8d4bd54a, #7da9d54a, #ffffff, #ffffff) ; -webkit-box-shadow:0px 1px 0px 1px rgba(170, 77, 27, 0.2) inset, 0px 0px 9px 1px #fff, 0px 0px 1px 1px rgba(188, 188, 188, 0.4) } .backs_globais_b3_grad { background: linear-gradient(50deg, #e2a9f7, #cd99e1) ; -webkit-box-shadow:0px 1px 0px 1px rgba(170, 77, 27, 0.2) inset, 0px 0px 9px 1px #fff, 0px 0px 1px 1px rgba(188, 188, 188, 0.4) } .backs_globais_b4_grad { background: linear-gradient(4deg, #8456a2, #34134a); -webkit-box-shadow:0px 1px 0px 1px rgba(170, 77, 27, 0.2) inset, 0px 0px 9px 1px #fff, 0px 0px 1px 1px rgba(188, 188, 188, 0.4) } .backs_globais_r1_grad { background: linear-gradient(50deg, #ffffff, #ffffff, #a5f9844a, #4bffe152, #ffffff5c, #8d4bd54a, #7da9d54a, #ffffff, #ffffff) ; -webkit-box-shadow:0px 1px 0px 1px rgba(170, 77, 27, 0.2) inset, 0px 0px 9px 1px #fff, 0px 0px 1px 1px rgba(188, 188, 188, 0.4) } .backs_globais_r2_grad { background: linear-gradient(50deg, #ffffff, #ffffff, #a5f9844a, #4bffe152, #ffffff5c, #8d4bd54a, #7da9d54a, #ffffff, #ffffff) ; -webkit-box-shadow:0px 1px 0px 1px rgba(170, 77, 27, 0.2) inset, 0px 0px 9px 1px #fff, 0px 0px 1px 1px rgba(188, 188, 188, 0.4) } .backs_globais_r3_grad { background: linear-gradient(50deg, #ffffff, #ffffff, #a5f9844a, #4bffe152, #ffffff5c, #8d4bd54a, #7da9d54a, #ffffff, #ffffff) ; -webkit-box-shadow:0px 1px 0px 1px rgba(170, 77, 27, 0.2) inset, 0px 0px 9px 1px #fff, 0px 0px 1px 1px rgba(188, 188, 188, 0.4) } .backs_globais_r4_grad { background: linear-gradient(50deg, #ffffff, #ffffff, #a5f9844a, #4bffe152, #ffffff5c, #8d4bd54a, #7da9d54a, #ffffff, #ffffff) ; -webkit-box-shadow:0px 1px 0px 1px rgba(170, 77, 27, 0.2) inset, 0px 0px 9px 1px #fff, 0px 0px 1px 1px rgba(188, 188, 188, 0.4) } .backs_globais_r5_grad { background: linear-gradient(50deg, #ffffff, #ffffff, #a5f9844a, #4bffe152, #ffffff5c, #8d4bd54a, #7da9d54a, #ffffff, #ffffff) ; -webkit-box-shadow:0px 1px 0px 1px rgba(170, 77, 27, 0.2) inset, 0px 0px 9px 1px #fff, 0px 0px 1px 1px rgba(188, 188, 188, 0.4) } .backs_globais_r6_grad { background: -webkit-linear-gradient(top, #0a0212 0%, #181117 47%, #0c080b 15%, #0b080c 100%), url(../facilita/images/2.png) no-repeat 0px 1px !important; -webkit-box-shadow:0px 1px 0px 0px rgb(241 241 241 / 25%) inset, 0px 0px 3px 1px #6917178a !important !important; } .backs_rad_0 { background-image:linear-gradient(59deg, #34353200 0%, #34353200 25%, #ffffff0d 26%, #ffffff00 75%, #69edfa00 76%, #69edfa00 100%); } /* leve branco a esquerda, 0 a direita*/ .backs_rad_1 { background-image:linear-gradient(59deg, #34353200 0%, #34353200 25%, #04040429 26%, #ffffff00 75%, #69edfa00 76%, #69edfa00 100%); } /* leve black a esquerda, 0 a direita*/ .backs_rad_2 { background-image:linear-gradient(59deg, #34353200 0%, #34353200 25%, #01ff5d24 26%, #ffffff00 75%, #69edfa00 76%, #69edfa00 100%); } /* leve verde a esquerda, 0 a direita*/ .backs_rad_3 { background-image:linear-gradient(59deg, #34353200 0%, #34353200 25%, #ff010124 26%, #ffffff00 75%, #69edfa00 76%, #69edfa00 100%); } /* leve vermelho a esquerda, 0 a direita*/ .backs_rad_4 { background-image:linear-gradient(59deg, #34353200 0%, #34353200 25%, #ff010159 26%, #ffffff00 75%, #69edfa00 76%, #69edfa00 100%); } /* forte vermelho a esquerda, 0 a direita*/ .backs_rad_5 { background-image:linear-gradient(59deg, #34353200 0%, #34353200 25%, #0000007a 26%, #ffffff00 75%, #69edfa00 76%, #69edfa00 100%); } /* forte black a esquerda, 0 a direita*/ .backs_rad_6 { background-image:linear-gradient(59deg, #34353200 0%, #34353200 25%, ##3b056b 26%, ##3b056b 75%, #69edfa00 76%, #69edfa00 100%); } /* back roxo a esquerda e a direita - nunca vou usar isso*/ /* **************************************************************** FIM FIM FIM FIMFIM FIM FIM **************************************************************** */ /* ************** BORDA ESQUERDA PERSONALIZADAS BORDERS BORDER BORDA PERSONALIZADA BORDAS PERSONALIZADAS *********************** */ .left_border_red { border-color: #720000 !important; } .left_border_blue {border-color: #002b72 !important;} .left_border_green {border-color: #2b7200 !important;} .left_border_aqua {border-color: aqua !important;} .left_border_ sky {border-color: #54d2ff !important;} .left_border_ 001 {} .left_border_ 001 {} .left_border_ 001 {} .left_border_ 001 {} .left_border_ 001 {} .left_border_ 001 {} .left_border_ 001 {} .left_border_ 001 {} .left_border_ 001 {} .left_border_rave { border: 5px solid transparent; background: linear-gradient(white, white) padding-box, linear-gradient(172deg, rgb(163 13 13) 0%, #060606cc 20%, #0a555deb 48%, #0a555deb 49%, #000000cc 100%) border-box; } /* cria uma borda gradiente usando o bacground */ /* ************************************************************************ FIM FIM FIM FIMFIM FIM FIM ************************************************************************** */ /* **************************************************************** ANIMAÇÕES **************************************************************** */ /* como funciona? crie os keyframes de 0 a 100% e dê um nome a ele. anime cada propriedade dentro dos colchetes de 0 a 100% crie o elemento div e dentro da class chame a animação que criou */ @keyframes estaempromocao { 0% { border-right:40px solid #f70404; border-radius: 40px; } 30% { border-right:40px solid #37a79d; border-radius: 40px; } 60% { border-right:40px solid #00b97d; border-radius: 40px; } 100% { border-right:40px solid #f70404; border-radius: 40px; } } @keyframes ativeessa { 0% { border-right:15px solid #04f70b; border-radius: 20px; } 30% { border-right:15px solid #076e65; border-radius: 20px; } 60% { border-right:15px solid #076e65; border-radius: 20px; } 100% { border-right:15px solid #04f70b; border-radius: 20px; } } .dados_pub { border-left :150px solid #a20601; animation: dados_pub 1s linear infinite; } @keyframes dados_pub { 0% { border-left :150px solid #a20601; background-color: #a20601; } 45% { border-left :150px solid #a20601; background-color: #fd0000; } 65% { border-left :150px solid #a20601; background-color: #f7211a; } 100% { border-left :150px solid #a20601; background-color: #a20601; } } .me_corrija {background-color: red ; animation: me_corrija 1s cubic-bezier(0, 0, 0.37, 1.08) infinite; } @keyframes me_corrija { 0% { background-color: #e43c24de ; } 30% { background-color: #e05542d4 ; } 60% { background-color: #e05542d4 ; } 100% { background-color: #e43c24de ; } } @keyframes fa_list_wave { 0% { border-left :22px solid #094344; } 30% { border-left :22px solid #0fb8bc; } 60% { border-left :22px solid #0fb8bc; } 100% { border-left :22px solid #094344; } } @keyframes border_morphin { 0% { border: 11px solid #01a7a7; border-radius: 27% 7% 7% 7% / 27% 7% 7% 7%; } 25% { border: 11px solid #01a7a7; border-radius: 7% 27% 7% 7% / 7% 27% 7% 7%; } 50% { border: 11px solid #01a7a7; border-radius: 7% 7% 27% 7% / 7% 7% 27% 7%; } 75% { border: 11px solid #01a7a7; border-radius: 7% 7% 7% 27% / 7% 7% 7% 27%; } 100% { border: 11px solid #01a7a7; border-radius: 27% 7% 7% 7% / 27% 7% 7% 7%; } } /* **************************************************************** FIM FIM FIM FIMFIM FIM FIM **************************************************************** */ /* **************************************************************** BOX EFEITO 3D CAIXA SOMBRA SHADOWS E BLUR **************************************************************** */ .cx_fx_sombra { box-shadow: rgb(84 78 2 / 52%) -2px 36px 55px 11px; } /* esfumaçado - sombra */ .cx_fx_caixa { box-shadow: rgb(171 199 159 / 52%) -12px 20px 0px 0px ; } /* caixa */ .cx_fx_caixa2 { box-shadow: inset rgb(159 159 199 / 92%) -3px 6px 0px 0px; } /* caixa */ .desk_shad_0 { box-shadow:rgb(84 78 2 / 52%) 0px 1px 8px 0px } /* esfumaçado - sombra */ .desk_shad_1 { box-shadow:rgb(84 78 2 / 52%) 0px 1px 8px 0px } /* esfumaçado - sombra */ .desk_shad_2 { box-shadow: #4eab8e7a 0px 1px 4px 0px;; } /* esfumaçado - sombra esverdiado */ /* **************************************************************** FIM FIM FIM FIMFIM FIM FIM **************************************************************** */ /* FORMA DE USAR: class="progress-bar color_green stripes" */ .color_orange { background: -webkit-linear-gradient(top, #03a4af 0%,#03a4af 100%); width: 100%; } .color_orange span { background-color: #bf5604; } .color_roxo { background: -webkit-linear-gradient(top, #03a4af 0%,#03a4af 100%); width: 100%; } .color_roxo span { background-color: #7313e5; } .color_red { background: -webkit-linear-gradient(top, #03a4af 0%,#03a4af 100%); width: 100%; } .color_red span { background-color: #870202; } .color_green { background: -webkit-linear-gradient(top, #03a4af 0%,#03a4af 100%); width: 100%; } .color_green span { background-color: #13e593; } .color_white { background: -webkit-linear-gradient(top, #03a4af 0%,#03a4af 100%); width: 100%; obs:ta em progress essa classe; } .color_white span { background-color: #e5e5e5; } .color_ciano { background: -webkit-linear-gradient(top, #03a4af 0%,#03a4af 100%); width: 100%; } .color_ciano span { background-color: #67dddb; } .color_yellow { background: -webkit-linear-gradient(top, #03a4af 0%,#03a4af 100%);width: 100%; } .color_yellow span { background-color: #dae305; } .back_progress_grad_001 { background-image: linear-gradient(140deg, #7b3232 25%, #5597a7 50%, #199d09) !important; } .back_progress_grad_001 span { background-image: linear-gradient(135deg, #1adddd 25%, #df0a9e 25%, #df0a9e 50%, #1adddd 50%, #8ee5e5 75%, #df0a9e 75%, #df0a9e) !important; position: sticky; z-index: 1000;} .back_progress_grad_003 { position: relative; margin: 1.2px; width: 10%; height: 85%; background-color: #313330 !important; color: white; display: inline-block; border-radius: 5px; box-shadow: inset 0px 0px 3px 1px rgb(43 21 21) !important; } .back_progress_grad_002 span { background-image: linear-gradient(140deg, #16f716 25%, #14d5c3 50%, #16f716); } .bt_config_one { min-width: 18px; margin:0px; height: 18px; font-size:8.590px ; border-radius: 5px; } @-webkit-keyframes glowing_imput { 0% { background-position: 200% 0; } 100% { background-position: 0 200%; } } @keyframes shine6 { to { background-position: 200% center; } } @keyframes reverse_shine6 { to { background-position: -200% center; } } .imput_desk_1 { -webkit-box-shadow: 1px 0px 0px rgb(73 149 185 / 60%), 0px 0px 1px 2px rgb(73 149 185 / 60%), 0px 0px 0px 1px rgb(224 233 237) !important; background-image: linear-gradient(32deg, #f7f7f7, #dfffff) !important; } .imput_desk_1:hover { -webkit-box-shadow: 1px 2px 2px rgb(73 149 185 / 60%), 0px 0px 11px 2px rgb(73 149 185 / 60%), 0px 0px 0px 1px rgb(224 233 237) !important; background-image: linear-gradient(32deg, #f7f7f7, #dfffff) !important; } .imput_desk_1:active { -webkit-box-shadow: 1px 3px 3px rgb(73 149 185 / 60%), 0px 0px 11px 2px rgb(73 149 185 / 60%), 0px 0px 0px 1px rgb(224 233 237) !important; background-image: linear-gradient(32deg, #f7f7f7, #dfffff) !important; } .imput_desk_2 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image:linear-gradient(314deg, #260202, #260202, #4e0a0a, #4e0a0a, #260202, #260202) !important; background-size: 200% auto; -webkit-animation:glowing_imput linear 5s infinite; } .imput_desk_3 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image:linear-gradient(45deg, #9600ffa1, #9600ffa1, #9600ffa1, #9600ffa1, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #9600ffa1, #9600ffa1, #9600ffa1, #9600ffa1) !important; transition: opacity 0.3s ease-in-out; background-size: 200% auto; -webkit-animation:glowing_imput 2s linear infinite; } .imput_desk_4 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(247deg, #38fb307a, #7ae3e3, #7ae3e3, #38fb307a) !important; background-size: 200% auto; -webkit-animation:shine 2s infinite; } .imput_desk_4_1 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(247deg, #38fb307a, #38fb307a, #38fb307a, #7ae3e3, #7ae3e3, #38fb307a, #38fb307a, #38fb307a) !important; background-size: 200% auto; -webkit-animation:reverse_shine6 2s infinite; } .imput_desk_5 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient( 45deg, #ffffff, #ffffff, #ffffff, #a5f9844a, #00ffd552, #ffffff5c, #7a00ff4a, #fb96e559, #ffffff, #ffffff, #ffffff ) !important; background-size: 200% auto; -webkit-animation:shine6 10s linear infinite; } .imput_desk_5_1 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(45deg, #ffffff, #ffffff, #ffffff, #a5f9844a, #00ffd552, #ffffff5c, #ccedf3, #efd2e9, #ffffff, #ffffff, #ffffff) !important; background-size: 200% auto; -webkit-animation:reverse_shine6 10s linear infinite; } .imput_desk_6 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient( 45deg, #ffffff,#ffffff, #ffffff, #ffffff, #a5f9844a, #00ffd552, #ffffff5c, #7a00ff4a, #7da9d54a, #ffffff, #ffffff , #ffffff , #ffffff ) !important; background-size: 200% auto; -webkit-animation:shine6 10s linear infinite; } .imput_desk_6_1 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient( 45deg, #ffffff, #ffffff, #ffffff, #ffffff,#a5f9844a, #00ffd552, #ffffff5c, #7a00ff4a, #7da9d54a, #ffffff, #ffffff , #ffffff ) !important; background-size: 200% auto; -webkit-animation:reverse_shine6 10s linear infinite; } .imput_desk_7 { -webkit-filter: blur(1px); transition: opacity 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(32deg, #f7f7f7, #dfffff) !important; } .imput_desk_8 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(247deg, #38fb307a,#38fb307a, #7ae3e3, #7ae3e3, #38fb307a, #38fb307a) !important ; background-size: 200% auto; -webkit-animation:invert_shine 2s linear infinite; } @-webkit-keyframes shine8 { 0% { -webkit-box-shadow: -4px -5px 2px 1px rgb(6 170 233 / 26%), 0px 5px 4px 2px rgb(255 255 255) !important; } 20% { -webkit-box-shadow: 3px -4px 2px 1px rgb(6 170 233 / 26%), 0px 5px 4px 2px rgb(255 255 255) !important; } 40% { -webkit-box-shadow: 3px 4px 2px 1px rgb(6 170 233 / 26%), 0px 5px 4px 2px rgb(255 255 255) !important; } 60% { -webkit-box-shadow: -4px 4px 2px 1px rgb(6 170 233 / 26%), 0px 5px 4px 2px rgb(255 255 255) !important; } 100% { -webkit-box-shadow: -5px -3px 2px 1px rgb(6 170 233 / 26%), 0px 5px 4px 2px rgb(255 255 255) !important; } /* Começa de um jeito em 0%, vai a 40% vai a 89% e até o 100% tem que voltar para o mesmo jeito do começo, isso é loop */ } .imput_desk_9 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(32deg, #f7f7f7, #dfffff) !important; } .imput_desk_10 { background-image: linear-gradient(32deg, #f7f7f7, #dfffff) !important; } .imput_desk_11 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image:linear-gradient(247deg, #e5cef7, #5ee9e9, #e5cef7) !important; background-size: 200% auto; -webkit-animation:shine 2s infinite; } .imput_desk_11_1 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image:linear-gradient(247deg, #e5cef7, #5ee9e9, #e5cef7) !important; background-size: 200% auto; -webkit-animation:invert_shine 2s infinite; } .imput_desk_12 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(251deg, #30d4fb,#30d4fb, #ffffff, #ffffff, #30d4fb, #30d4fb) !important; background-size: 200% auto; -webkit-animation: shine 4s linear infinite; } .imput_desk_12_1 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(251deg, #30d4fb,#30d4fb, #ffffff, #ffffff, #30d4fb, #30d4fb) !important; background-size: 200% auto; -webkit-animation: invert_shine 4s linear infinite; } .imput_desk_14 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(251deg, #30d4fb,#30d4fb, #ffffff, #ffffff, #30d4fb, #30d4fb) !important; background-size: 200% auto; -webkit-animation: shine 4s linear infinite; } .imput_desk_14_1 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(251deg, #30d4fb,#30d4fb, #ffffff, #ffffff, #30d4fb, #30d4fb) !important; background-size: 200% auto; -webkit-animation: invert_shine 4s linear infinite; } .imput_desk_15 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient( 164deg, rgb(206 92 241 / 80%) 0%, rgb(206 92 241 / 80%) 20%, rgb(206 92 241 / 80%) 48%, rgb(196 75 233 / 80%) 49%, #a60ed5cc 100% ) !important; background-size: 202% auto; -webkit-animation: invert_shine 4s linear infinite; } .imput_desk_16 { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(56deg, #fbfbfba6 0%, #fbfbfba6 10%, #fbfbfba6 14.8%, #c5c8c975 15%, #c5c8c9c7 16%, #ffffffa1 16.2%, #ffffff73 26%, #f9f9f9d4 26.2%, #f9f9f942 34%, #ffffff73 34.2%, #ffffff75 48%, #c5c8c9a8 48.2%, #ffffff73 34.2%, #ffffff75 48%, #c5c8c9a8 48.2%, #c5c8c99e 55%, #ffffff73 55.2%, #ffffff78 62%, #c5c8c999 62.2%, #c5c8c90d 70%, #ffffff73 70.2%, #ffffff73 74%, #ededed61 74.2%, #c5c8c9a6 81%, #ffffff73 81.2%, #ffffff70 89%, #ededed4f 89.2%, #fbfbfba6 90%, #fbfbfba6 95%, #fbfbfba6 100%) !important; background-size: 202% auto; -webkit-animation: invert_shine 40s linear infinite; } .top_001 { border-bottom:0.75px; } .top_002 { background: linear-gradient( 180deg, rgb(6 6 6 / 77%) 0%, #060606d4 20%, #000000cc 48%, #000000cc 49%, #1c1c1ccc 92%, #c9c9c9cc 98%, #000000cc 100% ) !important; color:#d9d9d9 !important; } .top_003 { background: linear-gradient( 180deg, #ffffffd1 0%, #6febdad1 2%, #6febdad1 48%, #6febdad1 49%, #1ed5bcd1 98%, #218f80d1 94%, #ffffffd1 100% ) !important; color:#656565 !important; } .top_004 { background: linear-gradient( 180deg, #ffffffd1 0%, #dadf03d1 20%, #dadf03d1 48%, #dadf03d1 49%, #dadf03d1 98%, #949703d1 94%, #ffffffd1 100% ) !important; color:#656565 !important; } .top_005 { background: linear-gradient( 180deg, #c8c3c9c7 0%, #ffffffd1 11%, #ffffffcc 14%,#ffffffcc 47%, rgb(233 229 229 / 83%) 91%, rgb(255 255 255) 98%, rgb(255 255 255) 94%, #c8c3c9 100% ) !important; color:#656565 !important; } .top_006 { background: linear-gradient( 180deg, #57e5e5cc 2%, #6fe0e1cc 13%,#6fe0e1cc 40%, #07a2a3cc 91%, #38f3f3cc 98%, #028d8dcc 97%, #fdfdfdcc 102% ) !important; } .top_007 { background-image: -webkit-linear-gradient(top, #caa1f7 0%, #7800ab 27px, #79428b 36px, #f3d7ff 38px) !important; color:#ffffff !important; } .top_008 { background: linear-gradient( 180deg, #ffffffd1 0%, #dadf03d1 20%, #dadf03d1 48%, #dadf03d1 39%, #b8bb3dd1 80%, #c8cb3cd1 99%, #a3a700d1 97%, #fdfdfdcc 100% ) !important; color:#656565 !important; } .top_009 { background: linear-gradient( 172deg, #d5d5d5cc 1%, #ffffffcc 12%, #ffffffcc 42%, #ffffffcc 18%, #fff6ffcc 44%, #efefefcc 44%, #cdcdcdcc 93%, #ffffffcc 96%, #ffffffcc 100% ) !important; color:#656565 !important; } .top_010 { background: linear-gradient( 172deg, rgb(6 6 6) 0%, #060606cc 20%, #101010cc 48%, #000000cc 49%, #000000cc 100% ) !important; color: white !important; } .top_011 { background: linear-gradient( 172deg, rgb(229 107 107 / 80%) 0%, rgb(229 107 107 / 80%) 20%, rgb(229 107 107 / 80%) 48%, #db1d1d99 49%, #db1d1d99 100% ) !important; color:#e5e5e5 !important; } .top_012 { background: linear-gradient( 172deg, rgb(206 92 241 / 80%) 0%, rgb(206 92 241 / 80%) 20%, rgb(206 92 241 / 80%) 48%, rgb(196 75 233 / 80%) 49%, #a60ed5cc 100% ) !important; color:#e5e5e5 !important; } .top_013 { background: linear-gradient( 180deg, #e6dde9cc 0%, #e6dde9cc 20%, #e6dde9cc 48%, #cdcdcdcc 49%, #e6dde9cc 100% ) !important; } .top_014 { background: linear-gradient( 180deg, rgb(6 6 6 / 77%) 0%, #060606d4 20%, #101010cc 48%, #000000cc 49%, #000000cc 100% ) !important; color:#e5e5e5 !important; } .top_015 { background: linear-gradient( 180deg, #570404c4 0%, #570404c4 20%, #4d0404c2 48%, #590505d4 49%, #570404c4 100% ) !important; color:#e5e5e5 !important; } .top_016 { background: linear-gradient( 180deg, #49085dcc 0%, rgb(195 5 253 / 80%) 10%, #c93ff3cc 47%, #b91fe7cc 48%, #b91fe7cc 91%, #6d028dcc 100% ) !important; color:#e5e5e5 !important; } .top_017 { position: relative; top: -1px; color: #d5cbcb; font-size: 13px; line-height: 39px; border-radius: 3px 3px 0 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06); background-color: rgb(49 49 49); background-image: -webkit-linear-gradient(top, #393333fa, #656161cf) ; } .dashdo017 { background-image: -webkit-linear-gradient(top, #393333fa, #656161cf) !important; } .top_018 { background: linear-gradient( 180deg, #49085dcc 0%, rgb(195 5 253 / 80%) 10%, #c93ff3cc 47%, #b91fe7cc 48%, #b91fe7cc 91%, #6d028dcc 100% ) !important; color:#e5e5e5 ; } .top_019 { background: linear-gradient( 180deg, #49085dcc 0%, rgb(195 5 253 / 80%) 10%, #c93ff3cc 47%, #b91fe7cc 48%, #b91fe7cc 91%, #6d028dcc 100% ) !important; color:#e5e5e5 ; } .top_020 { background: linear-gradient( 180deg, #49085dcc 0%, rgb(195 5 253 / 80%) 10%, #c93ff3cc 47%, #b91fe7cc 48%, #b91fe7cc 91%, #6d028dcc 100% ) !important; color:#e5e5e5 ; } .top_021 { background: linear-gradient(181deg, rgb(197 28 94 / 81%), #c51c5e) !important; color:#e5e5e5 ; } .efeito_vidro { background-color: #ffffff; background-image: linear-gradient( 56deg, #c5c8c9 16%, #c5c8c9 15%, #ffffff78 16.2%, #ffffff73 26%, #f9f9f9 26.2%, #f9f9f9 34%, #ffffff73 34.2%, #ffffff75 48%, #c5c8c9 48.2%, #c5c8c9 55%, #ffffff73 55.2%, #ffffff78 62%, #c5c8c9 62.2%, #c5c8c9 70%, #ffffff73 70.2%, #ffffff73 74%, #c5c8c9 74.2%, #c5c8c9 81%, #ffffff73 81.2%, #ffffff70 89%, #c5c8c9 89.2%, #c5c8c9 100% ) !important; } .lindo_efeito_vidro { background-color: #ffffff; background-image: linear-gradient(172deg, rgb(6 6 6) 0%, #060606cc 20%, #101010cc 48%, #000000cc 49%, #000000cc 100%), linear-gradient(186deg, rgb(103 19 19) 0%, #ad1313eb 20%, #101010cc 48%, #000000cc 49%, #df0d0d 100%) !important; } /* vermelho e preto */ .efeito_vidro2 { background-color: #ffffff; background-image: linear-gradient( 56deg, #c5c8c975 15%, #c5c8c9c7 16%, #ffffffa1 16.2%, #ffffff73 26%, #f9f9f9d4 26.2%, #f9f9f942 34%, #ffffff73 34.2%, #ffffff75 48%, #c5c8c9a8 48.2%, #ffffff73 34.2%, #ffffff75 48%, #c5c8c9a8 48.2%, #c5c8c99e 55%, #ffffff73 55.2%, #ffffff78 62%, #c5c8c999 62.2%, #c5c8c90d 70%, #ffffff73 70.2%, #ffffff73 74%, #ededed61 74.2%, #c5c8c9a6 81%, #ffffff73 81.2%, #ffffff70 89%, #ededed4f 89.2%, #fbfbfba6 100% ) !important; } .efeito_vidro3 { background-image:linear-gradient(250deg, #00e1f6ad 0%, #31b2bead 10%, #0fcee0ad 10.1%, #00b6c7ad 15%, #0cadbcad 15.1%, #0fcee0ad 19%, #0cadbcad 19.1%, #0f95a1ad 30%, #0f95a1ad 30.1%, #0f95a1ad 35%, #0f95a1ad 35.1%, #0f95a1ad 40%, #0f95a1ad 40.1%, #0f95a1ad 45%, #0f95a1ad 45.1%, #0f95a1ad 49.1%, #0cadbcad 49.2%, #0cadbcad 52.1%, #1dc6d5ad 52.2%, #1dc6d5ad 58.1%, #17abb8ad 58.2%, #17abb8ad 62.1%, #0fcee0ad 62.2%, #0fcee0ad 80%, #44097733 80.1%, #44097733 85.1%, #0fcee0ad 85.2%, #0fcee0ad 100%) !important; } .efeito_vidro_4 { background-color: #ffffff33; background-image: linear-gradient( 72deg, #c5c8c975 15%, #c5c8c9c7 16.1%, #ffffffa1 16.2%, #ffffff73 26.1%, #f9f9f9d4 26.2%, #f9f9f942 34.1%, #ffffff73 34.2%, #ffffff75 48.1%, #c5c8c9a8 48.2%, #ffffff75 48.1%, #c5c8c9a6 48.2%, #c5c8c9a6 55.1%, #ffffff73 55.2%, #ffffff75 58.1%, #ebebeb61 58.2%, #ebebeb61 63.1%, #ffffff73 63.2%, #ffffff75 65.1%, #ebebeb61 65.2%, #ebebeb61 68.1%, #ffffff73 68.2%, #ffffff73 74.1%, #ebebeb61 74.2%, #ebebeb61 76.1%, #ffffff73 76.2%, #ffffff73 78.1%, #ebebeb61 78.2%, #ebebeb61 81.1%, #ffffff73 81.2%, #ffffff73 87.1%, #ebebeb61 87.2%, #ebebeb61 89.1%, #ffffff73 89.2%, #ffffff73 93.1%, #ebebeb61 93.2%, #ebebeb61 97.1%, #ffffff73 97.2%, #ffffff73 98.1%, #052e3b12 98.2%, #052e3b12 100% ) !important; } .backing_1 { position: absolute; width: 100%; height: 100%; top: 0; /* background-color: #00ffff54; */ z-index: 0; /* -webkit-filter: blur(10px); */ filter: blur(1px); } .backing_2 { position: absolute; width: 100%; height: 100%; top: 0; background-color: #00ffffbf; z-index: 0; /* -webkit-filter: blur(10px); */ filter: blur(16px); } .backing_3 { position: absolute; width: 100%; height: 100%; top: 0; /* background-color: #00ffff54; */ z-index: 0; /* -webkit-filter: blur(10px); */ filter: blur(1px); } .backing_4 { position: absolute; width: 100%; height: 100%; top: 0; z-index: 0; } .backing_img_1 { background: url(../../GBI_CAITITE/sitecorp/m/bg_honeycomb.png) repeat fixed 0% 0% !important; } .backing_img_2 { background: url(../../GBI_CAITITE/sitecorp/m/bg_honeycomb.png) repeat fixed 0% 0% !important; } .backing_img_3 { background: url(../../GBI_CAITITE/sitecorp/m/bg_honeycomb.png) repeat fixed 0% 0% !important; } .backing_img_4 { background: url(../../GBI_CAITITE/sitecorp/home_img/x04.jpg) repeat 0% 0% !important;} .backing_img_5 { background: #ffffff24; backdrop-filter: blur(0.3rem) !important; } .backing_img_6 { background: linear-gradient(180deg, #ffffff33 0%, rgb(249 249 249 / 21%) 10%, #f2d2fb3b 47%, #e7c1f138 48%, #a89aab33 91%, #fefefe30 100%) !important; color:#e5e5e5 ; backdrop-filter: blur(0.5rem) !important; box-shadow: 1px 1px 18px 6px rgb(255 255 255);} .backing_img_7 { background:linear-gradient(167deg, #55879d42 0%, #55879d57 48%, #4c7d9370 49%, #52839952 100%) !important; color:#656565 !important; backdrop-filter: blur(0.5rem) !important;} .backing_img_8 { background: linear-gradient(180deg, #ffffffcc 0%, rgb(249 249 249 / 80%) 10%, #f2d2fbcc 47%, #e7c1f1cc 48%, #a89aabcc 91%, #fefcffcc 100%) !important; color:#e5e5e5 ; backdrop-filter: blur(0.5rem) !important;} .backing_img_9 { background: linear-gradient(180deg, #ffffffcc 0%, rgb(249 249 249 / 80%) 10%, #f2d2fbcc 47%, #e7c1f1cc 48%, #a89aabcc 91%, #fefcffcc 100%) !important; color:#e5e5e5 ; backdrop-filter: blur(0.5rem) !important;} .imgbacks { background-color: #ffffff; background: url(../../GBI_CAITITE/sitecorp/home_img/bck.jpg) repeat fixed 0% 0% !important; } .border_roxo { border-left: 3px solid #96078d !important; } .border_red { border-left: 3px solid #d55164 !important; } .border_super_red { border-left: 3px solid #5c0000 !important; } .border_greem { border-left: 3px solid #56a867 !important; } .border_ciano { border-left: 3px solid #0b8a8d !important; } .border_way { border-left: 3px solid #b551d5 !important; } .border_wave { border-left: 3px solid ;} .border_roxo_m { border-left: 17px solid #96078d !important; } .border_red_m { border-left: 17px solid #d55164 !important; } .border_super_red_m { border-left: 17px solid #5c0000 !important; } .border_greem_m { border-left: 17px solid #56a867 !important; } .border_ciano_m { border-left: 17px solid #0b8a8d !important; } .border_way_m { border-left: 17px solid #b551d5 !important; } .border_wave_m { border-left: 17px solid ;} .opac_005{ opacity: 0.05; } .opac_015{ opacity: 0.15; } .opac_025{ opacity: 0.25; } .opac_035{ opacity: 0.35; } .opac_045{ opacity: 0.45; } .opac_055{ opacity: 0.55; } .opac_065{ opacity: 0.65; } .opac_075{ opacity: 0.75; } .opac_085{ opacity: 0.85; } .opac_095{ opacity: 0.95; } .brd_nn { border: 2px solid #ff0000; } .brd_ok { border: 2px solid #1a0437; } .brd_st { border: 2px solid #00ffb8; } .border_l_0{ border-left :0px; !important } .border_r_0{ border-right :0px; !important } .top2px { top: 2px !important ; } .top3px { top: 3px !important ; } .top4px { top: 4px !important ; } .top5px { top: 5px !important ; } .top6px { top: 6px !important ; } .top7px { top: 7px !important ; } .top8px { top: 8px !important ; } .top9px { top: 9px !important ; } .top10px { top: 10px !important ; } .top20px { top: 20px !important ; } .top30px { top: 30px !important ; } .top40px { top: 40px !important ; } .top50px { top: 50px !important ; } .top60px { top: 60px !important ; } .top70px { top: 70px !important ; } .top80px { top: 80px !important ; } .padd0px { padding: 0px !important ; } .padd1px { padding: 1px !important ; } .padd2px { padding: 2px !important ; } .padd3px { padding: 3px !important ; } .padd4px { padding: 4px !important ; } .padd5px { padding: 5px !important ; } .padd6px { padding: 6px !important ; } .padd7px { padding: 7px !important ; } .padd8px { padding: 8px !important ; } .padd9px { padding: 9px !important ; } .padd10px { padding: 10px !important ; } .padd11px { padding: 11px !important ; } .padd20px { padding: 20px !important ; } .padd30px { padding: 30px !important ; } .padd40px { padding: 40px !important ; } .padd50px { padding: 50px !important ; } .padd60px { padding: 60px !important ; } .padd70px { padding: 70px !important ; } .padd80px { padding: 80px !important ; } .line01{ line-height: 0.1 !important ; } .line02{ line-height: 0.2 !important ; } .line03{ line-height: 0.3 !important ; } .line04{ line-height: 0.4 !important ; } .line05{ line-height: 0.5 !important ; } .line06{ line-height: 0.6 !important ; } .line07{ line-height: 0.7 !important ; } .line08{ line-height: 0.8 !important ; } .line09{ line-height: 0.9 !important ; } .line10{ line-height: 1.0 !important ; } .line11{ line-height: 1.1 !important ; } .line12{ line-height: 1.2 !important ; } .line13{ line-height: 1.3 !important ; } .line14{ line-height: 1.4 !important ; } .line15{ line-height: 1.5 !important ; } .line16{ line-height: 1.6 !important ; } .line17{ line-height: 1.7 !important ; } .line18{ line-height: 1.8 !important ; } .line19{ line-height: 1.9 !important ; } .line20{ line-height: 2 !important ; } .line21{ line-height: 2.1 !important ; } .line22{ line-height: 2.2 !important ; } .line23{ line-height: 2.3 !important ; } .line24{ line-height: 2.4 !important ; } .line25{ line-height: 2.5 !important ; } .line26{ line-height: 2.6 !important ; } .line27{ line-height: 2.7 !important ; } .line28{ line-height: 2.8 !important ; } .line29{ line-height: 2.9 !important ; } .line30{ line-height: 3 !important ; } .line31{ line-height: 3.1 !important ; } .line32{ line-height: 3.2 !important ; } .line33{ line-height: 3.3 !important ; } .line34{ line-height: 3.4 !important ; } .line35{ line-height: 3.5 !important ; } .line36{ line-height: 3.6 !important ; } .line37{ line-height: 3.7 !important ; } .line38{ line-height: 3.8 !important ; } .line39{ line-height: 3.9 !important ; } .line40{ line-height: 4 !important ; } .line45{ line-height: 4.5 !important ; } .line260{ line-height: 26px !important ; } .line50{ line-height: 5 !important ; } .line55{ line-height: 5.5 !important ; } .line60{ line-height: 6 !important ; } .line65{ line-height: 6.5 !important ; } .line70{ line-height: 7 !important ; } .line75{ line-height: 7.5 !important ; } .line100{ line-height: 10 !important ; } .line120{ line-height: 12 !important ; } .line150{ line-height: 15 !important ; } .line180{ line-height: 18 !important ; } .line200{ line-height: 20 !important ; } .line20px{ line-height: 20px !important ; } .mgn_00 { margin: 0px; } .marg1px { margin: 1px !important ; } .marg2px { margin: 2px !important ; } .marg3px { margin: 3px !important ; } .marg4px { margin: 4px !important ; } .marg5px { margin: 5px !important ; } .marg6px { margin: 6px !important ; } .marg7px { margin: 7px !important ; } .marg8px { margin: 8px !important ; } .marg9px { margin: 9px !important ; } .marg10px { margin: 10px !important ; } .marg20px { margin: 20px !important ; } .marg30px { margin: 30px !important ; } .marg40px { margin: 40px !important ; } .marg50px { margin: 50px !important ; } .marg60px { margin: 60px !important ; } .marg70px { margin: 70px !important ; } .marg80px { margin: 80px !important ; } .mgn_t00 { margin-top: 0px; } .margt1px {margin-top: 1px !important ; } .margt2px {margin-top: 2px !important ; } .margt3px {margin-top: 3px !important ; } .margt4px {margin-top: 4px !important ; } .margt5px {margin-top: 5px !important ; } .margt6px {margin-top: 6px !important ; } .margt7px {margin-top: 7px !important ; } .margt8px {margin-top: 8px !important ; } .margt9px {margin-top: 9px !important ; } .margt10px { margin-top: 10px !important ; } .margt20px { margin-top: 20px !important ; } .margt30px { margin-top: 30px !important ; } .margt40px { margin-top: 40px !important ; } .margt50px { margin-top: 50px !important ; } .margt60px { margin-top: 60px !important ; } .margt70px { margin-top: 70px !important ; } .margt80px { margin-top: 80px !important ; } .mg05px_l { margin-left:5px !important ; } .mg10px_l { margin-left:10px !important ; } .mg15px_l { margin-left:15px !important ; } .mg20px_l { margin-left:20px !important ; } .mg23px_l { margin-left:23px !important ; } .mg25px_l { margin-left:25px !important ; } .mg30px_l { margin-left:30px !important ; } .mg35px_l { margin-left:35px !important ; } .mg40px_l { margin-left:40px !important ; } .mg45px_l { margin-left:45px !important ; } .mg50px_l { margin-left:50px !important ; } .width_39 { width: 39px; } .width_40 { width: 40px; } .width_41 { width: 41px; } .width_42 { width: 42px; } .width_43 { width: 43px; } .width_44 { width: 44px; } .width_45 { width: 45px; } .width_46 { width: 46px; } .width_47 { width: 47px; } .width_48 { width: 48px; } .width_49 { width: 49px; } .width_50 { width: 50px; } .width_51 { width: 51px; } .width_100 { width:100px; } .width_150 { width:150px; } .width_200 { width:200px; } .width_250 { width:250px; } .width_300 { width:300px; } .width_350 { width:350px; } .width_400 { width:400px; } .width_450 { width:450px; } .wauto { width:auto !important ; } .w5 { width:5% !important ; } .w10 { width:10% !important ; } .w11 { width:11% !important ; } .w12 { width:12% !important ; } .w13 { width:13% !important ; } .w14 { width:14% !important ; } .w15 { width:15% !important ; } .w16 { width:16% !important ; } .w17 { width:17% !important ; } .w18 { width:18% !important ; } .w19 { width:19% !important ; } .w20 { width:20% !important ; } .w23 { width:23% !important ; } .w24 { width:24% !important ; } .w25 { width:25% !important ; } .w27 { width:27% !important ; } .w30 { width:30% !important ; } .w31 { width:30% !important ; } .w32 { width:32% !important ; } .w33 { width:33% !important ; } .w35 { width:35% !important ; } .w40 { width:40% !important ; } .w41 { width:41% !important ; } .w42 { width:42% !important ; } .w43 { width:43% !important ; } .w44 { width:44% !important ; } .w45 { width:45% !important ; } .w46 { width:46% !important ; } .w47 { width:47% !important ; } .w48 { width:48% !important ; } .w49 { width:49% !important ; } .w50 { width:50% !important ; } .w51 { width:51% !important ; } .w52 { width:52% !important ; } .w53 { width:53% !important ; } .w54 { width:54% !important ; } .w55 { width:55% !important ; } .w56 { width:56% !important ; } .w57 { width:57% !important ; } .w58 { width:58% !important ; } .w59 { width:59% !important ; } .w60 { width:60% !important ; } .w65 { width:65% !important ; } .w69 { width:69% !important ; } .w70 { width:70% !important ; } .w71 { width:71% !important ; } .w72 { width:72% !important ; } .w73 { width:73% !important ; } .w74 { width:74% !important ; } .w75 { width:75% !important ; } .w76 { width:76% !important ; } .w77 { width:77% !important ; } .w78 { width:78% !important ; } .w79 { width:79% !important ; } .w80 { width:80% !important ; } .w85 { width:85% !important ; } .w90 { width:90% !important ; } .w92 { width:92% !important ; } .w93 { width:93% !important ; } .w95 { width:95% !important ; } .w96 { width:96% !important ; } .w97 { width:97% !important ; } .w98 { width:98% !important ; } .w99 { width:99% !important ; } .w100 { width:100% !important ; } .w150 { width:150% !important ; } .w5px { width:5px !important ; min-width:5px !important ; overflow: hidden; } .w10px { width:10px !important ; min-width:10px !important ; overflow: hidden; } .w12px { width:12px !important ; min-width:12px !important ; overflow: hidden; } .w15px { width:15px !important ; min-width:15px !important ; overflow: hidden; } .w18px { width:18px !important ; min-width:18px !important ; overflow: hidden; } .w20px { width:20px !important ; min-width:20px !important ; overflow: hidden; } .w30px { width:30px !important ; min-width:30px !important ; overflow: hidden; } .w40px { width:40px !important ; min-width:40px !important ; overflow: hidden; } .w50px { width:50px !important ; min-width:50px !important ; overflow: hidden; } .w60px { width:60px !important ; min-width:60px !important ; overflow: hidden; } .w65px { width:65px !important ; min-width:65px !important ; overflow: hidden; } .w61px { width:61px !important ; min-width:61px !important ; overflow: hidden; } .w70px { width:70px !important ; min-width:70px !important ; overflow: hidden; } .w75px { width:75px !important ; min-width:75px !important ; overflow: hidden; } .w80px { width:80px !important ; min-width:80px !important ; overflow: hidden; } .w90px { width:90px !important ; min-width:90px !important ; overflow: hidden; } .w100px { width:100px !important ; min-width:100px !important ; overflow: hidden; } .w110px { width:110px !important ; min-width:110px !important ; overflow: hidden; } .w120px { width:120px !important ; min-width:120px !important ; overflow: hidden; } .w130px { width:130px !important ; min-width:130px !important ; overflow: hidden; } .w140px { width:140px !important ; min-width:140px !important ; overflow: hidden; } .w150px { width:150px !important ; min-width:150px !important ; overflow: hidden; } .w192px { width:192px !important ; min-width:192px !important ; overflow: hidden; } .w200px { width:200px !important ; min-width:200px !important ; overflow: hidden; } .w250px { width:250px !important ; min-width:250px !important ; overflow: hidden; } .w300px { width:300px !important ; min-width:300px !important ; overflow: hidden; } .w320px { width:320px !important ; min-width:320px !important ; overflow: hidden; } .w350px { width:350px !important ; min-width:350px !important ; overflow: hidden; } .w360px { width:360px !important ; min-width:360px !important ; overflow: hidden; } .w380px { width:380px !important ; min-width:380px !important ; overflow: hidden; } .w390px { width:390px !important ; min-width:390px !important ; overflow: hidden; } .w400px { width:400px !important ; min-width:400px !important ; overflow: hidden; } .w450px { width:450px !important ; min-width:450px !important ; overflow: hidden; } .w500px { width:500px !important ; min-width:500px !important ; overflow: hidden; } .w550px { width:550px !important ; min-width:550px !important ; overflow: hidden; } .w800px { width:800px !important ; min-width:800px !important ; overflow: hidden; } .px400 { width:400px !important ; min-width:400px !important ; overflow: hidden; } .px300 { width:300px !important ; min-width:300px !important ; overflow: hidden; } .px200 { width:200px !important ; min-width:200px !important ; overflow: hidden; } .px170 { width:170px !important ; min-width:170px !important ; overflow: hidden; } .px150 { width:150px !important ; min-width:150px !important ; overflow: hidden; } .px100 { width:100px !important ; min-width:100px !important ; overflow: hidden; } .px50 { width:50px !important ; min-width:50px !important ; overflow: hidden; } .px40 { width:40px !important ; min-width:40px !important ; overflow: hidden; } .px30 { width:30px !important ; min-width:30px !important ; overflow: hidden; } .px14 { width:14px !important ; min-width:14px !important ; overflow: hidden; } /*1:1*/ .hauto { height:auto !important ; min-height: auto; } .h_auto { height:auto !important ; min-height: auto; } .h2px { height:2px !important ; min-height: 2px; } .h3px { height:3px !important ; min-height: 3px; } .h4px { height:4px !important ; min-height: 4px; } .h5px { height:5px !important ; min-height: 5px; } .h6px { height:6px !important ; min-height: 6px; } .h7px { height:7px !important ; min-height: 7px; } .h8px { height:8px !important ; min-height: 8px; } .h9px { height:9px !important ; min-height: 9px; } .h10px { height:10px !important ; min-height: 10px; } .h11px { height:11px !important ; min-height: 11px; } .h12px { height:12px !important ; min-height: 12px; } .h12_9px { height: 12.9px ; min-height: 12.9px; } .h13px { height:13px !important ; min-height: 13px; } .h14px { height:14px !important ; min-height: 14px; } .h15px { height:15px !important ; min-height: 15px; } .h16px { height:16px !important ; min-height: 16px; } .h17px { height:17px !important ; min-height: 17px; } .h18px { height:18px !important ; min-height: 18px; } .h19px { height:19px !important ; min-height: 19px; } .h20px { height:20px !important ; min-height: 20px; } .h21px { height:21px !important ; min-height: 21px; } .h22px { height:22px !important ; min-height: 22px; } .h23px { height:23px !important ; min-height: 23px; } .h24px { height:24px !important ; min-height: 24px; } .h25px { height:25px !important ; min-height: 25px; } .h26px { height:26px !important ; min-height: 26px; } .h27px { height:27px !important ; min-height: 27px; } .h28px { height:28px !important ; min-height: 28px; } .h29px { height:29px !important ; min-height: 29px; } .h30px { height:30px !important ; min-height: 30px; } .h33px { height:33px !important ; min-height: 33px; } .h35px { height:35px !important ; min-height: 35px; } .h36px { height:36px !important ; min-height: 36px; } .h40px { height:40px !important ; min-height: 40px; } .h45px { height:45px !important ; min-height: 45px; } .h50px { height:50px !important ; min-height: 50px; } .h53px { height:53px !important ; min-height: 53px; } .h55px { height:55px !important ; min-height: 55px; } .h60px { height:60px !important ; min-height: 60px; } .h65px { height:65px !important ; min-height: 65px; } .h70px { height:70px !important ; min-height: 70px; } .h75px { height:75px !important ; min-height: 75px; } .h77px { height:77px !important ; min-height: 77px; } .h80px { height:80px !important ; min-height: 80px; } .h81px { height:81px !important ; min-height: 81px; } .h85px { height:85px !important ; min-height: 85px; } .h90px { height:90px !important ; min-height: 90px; } .h95px { height:95px !important ; min-height: 95px; } .h97px { height:97px !important ; min-height: 97px; } .h98px { height:98px !important ; min-height: 98px; } .h100px { height:100px !important ; min-height: 100px; } .h105px { height:105px !important ; min-height: 105px; } .h110px { height:110px !important ; min-height: 110px; } .h120px { height:120px !important ; min-height: 120px; } .h130px { height:130px !important ; min-height: 130px; } .h133px { height:133px !important ; min-height: 133px; } .h150px { height:150px !important ; min-height: 150px; } .h160px { height:160px !important ; min-height: 160px; } .h170px { height:170px !important ; min-height: 170px; } .h180px { height:180px !important ; min-height: 180px; } .h190px { height:190px !important ; min-height: 190px; } .h200px { height:200px !important ; min-height: 200px; } .h250px { height:250px !important ; min-height: 250px; } .h259px { height:259px !important ; min-height: 259px; } .h300px { height:300px !important ; min-height: 300px; } .h330px { height:330px !important ; min-height: 330px; } .h350px { height:350px !important ; min-height: 350px; } .h380px { height:380px !important ; min-height: 380px; } .h400px { height:400px !important ; min-height: 400px; } .h500px { height:500px !important ; min-height: 500px; } .h600px { height:600px !important ; min-height: 600px; } .h700px { height:700px !important ; min-height: 700px; } .h10 { height:10% !important ; min-height: 10%; } .h15 { height:15% !important ; min-height: 15%; } .h20 { height:20% !important ; min-height: 20%; } .h23 { height:23% !important ; min-height: 23%; } .h25 { height:25% !important ; min-height: 25%; } .h30 { height:30% !important ; min-height: 30%; } .h33 { height:33% !important ; min-height: 33%; } .h35 { height:35% !important ; min-height: 35%; } .h40 { height:40% !important ; min-height: 40%; } .h45 { height:45% !important ; min-height: 45%; } .h50 { height:50% !important ; min-height: 50%; } .h53 { height:53% !important ; min-height: 53%; } .h55 { height:55% !important ; min-height: 55%; } .h60 { height:60% !important ; min-height: 60%; } .h65 { height:65% !important ; min-height: 65%; } .h70 { height:70% !important ; min-height: 70%; } .h75 { height:75% !important ; min-height: 75%; } .h77 { height:77% !important ; min-height: 77%; } .h80 { height:80% !important ; min-height: 80%; } .h85 { height:85% !important ; min-height: 85%; } .h90 { height:90% !important ; min-height: 90%; } .h95 { height:95% !important ; min-height: 95%; } .h97 { height:97% !important ; min-height: 97%; } .h98 { height:98% !important ; min-height: 98%; } .h100 { height:100% !important ; min-height: 100%; } .h100% { height:100% !important ; min-height: 100%; } .ft10px { font-size: 10px !important ; } .ft11px { font-size: 11px !important ; } .ft12px { font-size: 12px !important ; } .ft12_99px { font-size: 12.99px !important ; } .ft13px { font-size: 13px !important ; } .ft14px { font-size: 14px !important ; } .ft15px { font-size: 15px !important ; } .ft16px { font-size: 16px !important ; } .ft17px { font-size: 17px !important ; } .ft18px { font-size: 18px !important ; } .ft19px { font-size: 19px !important ; } .ft20px { font-size: 20px !important ; } .ft22px { font-size: 22px !important ; } .ft23px { font-size: 23px !important ; } .ft25px { font-size: 25px !important ; } .ft28px { font-size: 28px !important ; } .ft30px { font-size: 30px !important ; } .ft31px { font-size: 31px !important ; } .ft32px { font-size: 32px !important ; } .ft33px { font-size: 33px !important ; } .ft34px { font-size: 34px !important ; } .ft35px { font-size: 35px !important ; } .ft36px { font-size: 36px !important ; } .ft37px { font-size: 37px !important ; } .ft38px { font-size: 38px !important ; } .ft39px { font-size: 39px !important ; } .ft40px { font-size: 40px !important ; } .ft41px { font-size: 41px !important ; } .ft42px { font-size: 42px !important ; } .ft43px { font-size: 43px !important ; } .ft44px { font-size: 44px !important ; } .ft45px { font-size: 45px !important ; } .ft46px { font-size: 46px !important ; } .ft47px { font-size: 47px !important ; } .ft48px { font-size: 48px !important ; } .ft49px { font-size: 49px !important ; } .ft50px { font-size: 50px !important ; } .ft53px { font-size: 53px !important ; } .ft55px { font-size: 55px !important ; } .ft60px { font-size: 60px !important ; } .ft63px { font-size: 63px !important ; } .ft65px { font-size: 65px !important ; } .ft67px { font-size: 67px !important ; } .ft70px { font-size: 70px !important ; } .ft80px { font-size: 80px !important ; } .ft85px { font-size: 85px !important ; } .no_shadowns{ box-shadow:none !important ; } .roxo_shadowns{ -webkit-box-shadow:-1px 9px 16px 1px #62017c; } .shadowns_001{ -webkit-box-shadow: 0px 0px 4px 1px #ffffff; } /* white */ .shadowns_002{ -webkit-box-shadow: 0px 0px 4px 1px #161616 ; } /* black */ .shadowns_003{ -webkit-box-shadow: 0px 0px 4px 1px #c7bebe; } /* black leve*/ .shadowns_004{ -webkit-box-shadow: inset 0px 0px 3px 1px #c7bebe; } /* interna */ .shadowns_005{ -webkit-box-shadow: inset -11px -10px 21px 5px rgb(255 255 255), inset 0 6px 6px 1px rgba(255, 255, 255, 0.9), inset 0 -8px 0px 0 rgba(0, 0, 0, 0.25); } .shadowns_006{ box-shadow: 0px -3px 9px 0px #ffffff, 5px 5px 5px #5e687942; } .shadowns_007{ box-shadow: inset 5px -4px 4px #ffffffb3, inset 7px 3px 9px #5e68794d; } .shadowns_008{ box-shadow: inset 1px 1px 0px #ffffffb3, inset -2px 4px 0px #5e68794d, -2px 4px 0px #5e68794d, -3px 6px 6px 0px #5e68794d; } .shadowns_009{ -webkit-box-shadow: inset -2px 2px 0px 1px #afafaf, -2px 3px 1px 0px #8b8b8b00, 2px 0px 3px 0px #bfbfbf, -13px 4px 6px 0 #ffe7e700 } .shadowns_010{ -webkit-box-shadow: 0px 0px 4px 1px #63a8b3; } /* blue ciano leve e curto*/ .shadowns_011{ -webkit-box-shadow: 0px 0px 4px 1px #c7bebe; } .shadowns_012{ -webkit-box-shadow: 0px 0px 4px 1px #c7bebe; } .shadowns_013{ -webkit-box-shadow: 0px 0px 4px 1px #c7bebe; } .shadowns_014{ -webkit-box-shadow: 0px 0px 4px 1px #c7bebe; } .txt_shadowns_01{ text-shadow: 1px 1px 1px #000000, 1px 1px 1px #000000; } /* preto */ .txt_shadowns_02{ text-shadow: 1px 1px 1px #ffffff, 1px 1px 1px #ffffff; } /* branco */ .txt_shadowns_03{ text-shadow: 1px 1px 0.5px #afd42f; } /* verde 1.5 de range */ .txt_shadowns_04{ text-shadow: 1px 1px 1px #bffbd1; } /* verde */ .txt_shadowns_05{ text-shadow: 1px 1px 11px #000000; } /* verde */ .txt_shadowns_06{ text-shadow: 1px -59px 58.5px #0affb957, 1px 50px 66.5px #09e5da; } /* duas cores */ .txt_shadowns_07{ text-shadow: 1px 1px 1px #bffbd1; } /* verde */ .txt_shadowns_08{ text-shadow: 1px 1px 1px #bffbd1; } /* verde */ .txt_shadowns_09{ text-shadow: 1px 1px 1px #bffbd1; } /* verde */ .radius_05{ border-radius: 5px !important ; } .radius_10{ border-radius: 10px !important ; } .radius_15{ border-radius: 15px !important ; } .radius_20{ border-radius: 20px !important ; } .radius_25{ border-radius: 25px !important ; } .radius_30{ border-radius: 30px !important ; } .radius_35{ border-radius: 35px !important ; } .radius_40{ border-radius: 40px !important ; } .radius_45{ border-radius: 45px !important ; } .radius_50{ border-radius: 50px !important ; } .radius_55{ border-radius: 55px !important ; } .radius_60{ border-radius: 60px !important ; } .radius_65{ border-radius: 65px !important ; } .radius_70{ border-radius: 70px !important ; } .radius_75{ border-radius: 75px !important ; } .radius_80{ border-radius: 80px !important ; } .radius_85{ border-radius: 85px !important ; } .radius_90{ border-radius: 90px !important ; } .ov_fh { overflow: hidden; } .overflow_h { overflow: hidden; } .ov_scr { overflow: scroll; } .no_padding { padding:0px !important ; } .no_margin { margin:0px !important ; } .no_border { border:0px !important ; } .no_shadow { -webkit-box-shadow: none !important ; box-shadow: none !important ; } .no_txtshadow { text-shadow:none !important ; } .no_bold { font-weight: normal; !important ; } .fistcase { text-transform: lowercase; } .fistcase::first-letter { text-transform: uppercase; } .inlineblock { display: inline-block !important ; } .color_black { color:black !important ; } .color_whitee { color:white !important ; } /* o 1 ja ta em progress bar */ .transparent_inblack { background-color: transparent !important; color: white; border: none; } .transparent_inwhite { background-color: transparent !important; color: black; border: none } .clicavel:active { -webkit-box-shadow: 0px 0px 2px 1px rgb(6 170 233 / 26%), 0px 0px 11px 2px rgb(255 255 255) !important; background-image: linear-gradient(164deg, rgb(206 92 241 / 80%) 0%, rgb(206 92 241 / 80%) 20%, rgb(206 92 241 / 80%) 48%, rgb(196 75 233 / 80%) 49%, #a60ed5cc 100%) !important; background-size: 202% auto; -webkit-animation: invert_shine 4s linear infinite; transform: scale(0.98); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } /* Dá um efeito de clique */ .clicavel:hover { transform: scale(1.07); cursor:pointer; } /* Dá um efeito de clique */ .clicavel_black:active { -webkit-box-shadow: 0px 0px 6px 0px rgb(2 65 89), 0px 0px 4px 0px rgb(255 255 255) !important; background-image: linear-gradient(164deg, rgb(53 40 57 / 80%) 0%, rgb(53 40 57 / 80%) 20%, rgb(53 40 57 / 80%) 48%, #251b28cc 49%, #201e21cc 100%) !important; background-size: 202% auto; -webkit-animation: invert_shine 4s linear infinite; transform: scale(0.98); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } /* Dá um efeito de clique */ .clicavel_black:hover { transform: scale(1.07); cursor:pointer; } /* Dá um efeito de clique */ .pdd_t_21 { padding-top: 21px; } /* ************************************ Floats ******************************************** */ .orient_l { float:left!important; } .orient_r { float:right!important; } .orient_c { float:none!important; ; margin-left:auto!important; margin-right: auto!important; align-items: center!important; } .centerthis { margin-left: auto !important ; margin-right: auto !important ; } .center_it { margin-left:auto !important; margin-right: auto !important; align-items: center !important; } /* a usando em algum lugar */ .txt_center { text-align:center !important ; } .txt_l { text-align:left !important ; } .txt_r { text-align:right !important ; } .inlinebox { display: -webkit-inline-box; } .draggable { position: absolute !important ; cursor: move !important ; } .preloader .custom-loader { width: 75px; height: 75px; border-radius: 50%; background-color: transparent; border: 2px solid white; border-top: 2px solid var(--ygency-primary-color); border-bottom: 2px solid var(--ygency-primary-color); -webkit-animation: 1s preloader linear infinite; animation: 1s preloader linear infinite; } .preloader .custom-loader { width: 75px; height: 75px; border-radius: 50%; background-color: transparent; border: 2px solid white; border-top: 2px solid var(--ygency-primary-color); border-bottom: 2px solid var(--ygency-primary-color); -webkit-animation: 1s preloader linear infinite; animation: 1s preloader linear infinite; } /* .preloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--ygency-dark-color); background-repeat: no-repeat; background-position: center center; } .preloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--ygency-dark-color); background-repeat: no-repeat; background-position: center center; } */ /* ----------------------------------------------------FIM DA CONFIGURAÇÃO GLOBAL-------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------- */