/* -------------------------------------------------------------------------------- */ /* __ __ __ / /_ ____ __ _______/ /___ __/ /__ / __ \/ __ \/ / / / ___/ __/ / / / / _ \ / /_/ / /_/ / /_/ (__ ) /_/ /_/ / / __/ /_.___/\____/\__,_/____/\__/\__, /_/\___/ /____/ */ /* -------------------------------------------------------------------------------- */ /* ========================================================= Pergamum - v10.0 ========================================================= * BouStyle * by Bourscheid, Ricardo * 2020 */ /* -------------------------------------------------------------------------------- */ /* --- SCROLLBAR --- */ /* Works on Firefox */ * { /*scrollbar-width: thin;*/ scrollbar-color: rgba(0,0,0,.5) rgba(0,0,0,.1); } /* Works on Chrome, Edge, and Safari */ *::-webkit-scrollbar { /*width: 10px;*/ } *::-webkit-scrollbar-track { background: rgba(0,0,0,.1); } *::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.5); border-radius: 20px; border: 3px solid rgba(0,0,0,.1); cursor: pointer; } /* --- BUTTONS --- */ .bktema.branco.btnstema.hover { color: rgba(var(--temaTxt), 1); } .bkroxo.btnsroxo.branco.hover.hpreto { background-color: rgba(var(--buttonRoxo), 1); box-shadow: 0 14px 26px -12px rgba(var(--buttonRoxo), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--buttonRoxo), 0.2); color: rgba(var(--buttonRoxoTxt), 1); } .bkverde.btnsverde.branco.hover { background-color: rgba(var(--buttonVerde), 1); box-shadow: 0 14px 26px -12px rgba(var(--buttonVerde), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--buttonVerde), 0.2); color: rgba(var(--buttonVerdeTxt), 1); } .bklaranja.btnslaranja.branco.hover { background-color: rgba(var(--buttonLaranja), 1); box-shadow: 0 14px 26px -12px rgba(var(--buttonLaranja), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--buttonLaranja), 0.2); color: rgba(var(--buttonLaranjaTxt), 1); } .bkvermelho.btnsvermelho.branco.hover { background-color: rgba(var(--buttonVermelho), 1); box-shadow: 0 14px 26px -12px rgba(var(--buttonVermelho), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--buttonVermelho), 0.2); color: rgba(var(--buttonVermelhoTxt), 1); } .bkazul.btnsazul.branco.hover { background-color: rgba(var(--buttonAzul), 1); box-shadow: 0 14px 26px -12px rgba(var(--buttonAzul), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--buttonAzul), 0.2); color: rgba(var(--buttonAzulTxt), 1); } .bkdark70.btnscinza.branco.hover { background-color: rgba(var(--buttonPreto), 1); box-shadow: 0 14px 26px -12px rgba(var(--buttonPreto), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--buttonPreto), 0.2); color: rgba(var(--buttonPretoTxt), 1); } .bkmagenta.btnsmagenta.branco.hover { background-color: rgba(var(--buttonMagenta), 1); box-shadow: 0 14px 26px -12px rgba(var(--buttonMagenta), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--buttonMagenta), 0.2); color: rgba(var(--buttonMagentaTxt), 1); } .bktiffany.btnstiffany.branco.hover { background-color: rgba(var(--buttonTifanny), 1); box-shadow: 0 14px 26px -12px rgba(var(--buttonTifanny), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--buttonTifanny), 0.2); color: rgba(var(--buttonTifannyTxt), 1); } /* --- .BUTTONS --- */ /* --- LOTTIE --- */ #LottieTeste:hover #lottie-hover-animation { opacity: 1 !important; transition: opacity 0.3s; } /* --- .LOTTIE --- */ /* --- IFRAME --- */ /* iframe { width: 100%; min-height: 650px; border: none; resize: both; cursor: ne-resize; } .resize-icon { position: absolute; bottom: 5px; right: 5px; font-size: 18px; cursor: se-resize; user-select: none; } .resize-icon:active iframe{ resize: auto; } */ /* --- .IFRAME --- */ /* -- GLOBAL -- */ body { overflow-x:hidden; font-family: 'Roboto', serif !important; left:0px; padding: 0px !important; } body.sombraTopo:before { content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 999; } body.sombraTopo:after { content: ""; position: fixed; bottom: -10px; left: -10px; width: 110%; height: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 999; } /* -- .GLOBAL -- */ /* -- CHATBOT -- */ .chatbotIframe .card { background-color: rgb(76 76 76); padding: 0px 8px; box-shadow: inset 0 0 7px 5px #071b2b5c, 0 12px 20px 2px rgb(168 202 245 / 93%); min-height: 100vh; } /* --.CHATBOT -- */ /* -- CORES TEMAS FIXOS -- */ .agata { color: rgb(0, 0, 0); } .ambar { color: rgb(210, 155, 0); } .ametista { color: rgb(66, 9, 95); } .cristal { color: rgb(111, 111, 113); } .esmeralda { color: rgb(7, 74, 49); } .oceanus { color: rgb(48, 150, 255); } .rose { color: rgb(235, 158, 158); } .rubi { color: rgb(172, 35, 51); } .safira { color: rgb(0, 51, 102); } .topazio { color: rgb(208, 77, 0); } .bkagata { background-color: rgb(0, 0, 0); } .bkagata10 { background-color: rgba(0, 0, 0, 0.1); } .bkagata20 { background-color: rgba(0, 0, 0, 0.2); } .bkagata30 { background-color: rgba(0, 0, 0, 0.3); } .bkagata40 { background-color: rgba(0, 0, 0, 0.4); } .bkagata50 { background-color: rgba(0, 0, 0, 0.5); } .bkagata60 { background-color: rgba(0, 0, 0, 0.6); } .bkagata70 { background-color: rgba(0, 0, 0, 0.7); } .bkagata80 { background-color: rgba(0, 0, 0, 0.8); } .bkagata90 { background-color: rgba(0, 0, 0, 0.9); } .bkambar { background-color: rgb(210, 155, 0); } .bkambar10 { background-color: rgba(210, 155, 0, 0.1); } .bkambar20 { background-color: rgba(210, 155, 0, 0.2); } .bkambar30 { background-color: rgba(210, 155, 0, 0.3); } .bkambar40 { background-color: rgba(210, 155, 0, 0.4); } .bkambar50 { background-color: rgba(210, 155, 0, 0.5); } .bkambar60 { background-color: rgba(210, 155, 0, 0.6); } .bkambar70 { background-color: rgba(210, 155, 0, 0.7); } .bkambar80 { background-color: rgba(210, 155, 0, 0.8); } .bkambar90 { background-color: rgba(210, 155, 0, 0.9); } .bkametista { background-color: rgb(66, 9, 95); } .bkametista10 { background-color: rgba(66, 9, 95, 0.1); } .bkametista20 { background-color: rgba(66, 9, 95, 0.2); } .bkametista30 { background-color: rgba(66, 9, 95, 0.3); } .bkametista40 { background-color: rgba(66, 9, 95, 0.4); } .bkametista50 { background-color: rgba(66, 9, 95, 0.5); } .bkametista60 { background-color: rgba(66, 9, 95, 0.6); } .bkametista70 { background-color: rgba(66, 9, 95, 0.7); } .bkametista80 { background-color: rgba(66, 9, 95, 0.8); } .bkametista90 { background-color: rgba(66, 9, 95, 0.9); } .bkcristal { background-color: rgb(111, 111, 113); } .bkcristal10 { background-color: rgba(111, 111, 113, 0.1); } .bkcristal20 { background-color: rgba(111, 111, 113, 0.2); } .bkcristal30 { background-color: rgba(111, 111, 113, 0.3); } .bkcristal40 { background-color: rgba(111, 111, 113, 0.4); } .bkcristal50 { background-color: rgba(111, 111, 113, 0.5); } .bkcristal60 { background-color: rgba(111, 111, 113, 0.6); } .bkcristal70 { background-color: rgba(111, 111, 113, 0.7); } .bkcristal80 { background-color: rgba(111, 111, 113, 0.8); } .bkcristal90 { background-color: rgba(111, 111, 113, 0.9); } .bkesmeralda { background-color: rgb(7, 74, 49); } .bkesmeralda10 { background-color: rgba(7, 74, 49, 0.1); } .bkesmeralda20 { background-color: rgba(7, 74, 49, 0.2); } .bkesmeralda30 { background-color: rgba(7, 74, 49, 0.3); } .bkesmeralda40 { background-color: rgba(7, 74, 49, 0.4); } .bkesmeralda50 { background-color: rgba(7, 74, 49, 0.5); } .bkesmeralda60 { background-color: rgba(7, 74, 49, 0.6); } .bkesmeralda70 { background-color: rgba(7, 74, 49, 0.7); } .bkesmeralda80 { background-color: rgba(7, 74, 49, 0.8); } .bkesmeralda90 { background-color: rgba(7, 74, 49, 0.9); } .bkoceanus { background-color: rgb(48, 150, 255); } .bkoceanus10 { background-color: rgba(48, 150, 255, 0.1); } .bkoceanus20 { background-color: rgba(48, 150, 255, 0.2); } .bkoceanus30 { background-color: rgba(48, 150, 255, 0.3); } .bkoceanus40 { background-color: rgba(48, 150, 255, 0.4); } .bkoceanus50 { background-color: rgba(48, 150, 255, 0.5); } .bkoceanus60 { background-color: rgba(48, 150, 255, 0.6); } .bkoceanus70 { background-color: rgba(48, 150, 255, 0.7); } .bkoceanus80 { background-color: rgba(48, 150, 255, 0.8); } .bkoceanus90 { background-color: rgba(48, 150, 255, 0.9); } .bkrose { background-color: rgb(235, 158, 158); } .bkrose10 { background-color: rgba(235, 158, 158, 0.1); } .bkrose20 { background-color: rgba(235, 158, 158, 0.2); } .bkrose30 { background-color: rgba(235, 158, 158, 0.3); } .bkrose40 { background-color: rgba(235, 158, 158, 0.4); } .bkrose50 { background-color: rgba(235, 158, 158, 0.5); } .bkrose60 { background-color: rgba(235, 158, 158, 0.6); } .bkrose70 { background-color: rgba(235, 158, 158, 0.7); } .bkrose80 { background-color: rgba(235, 158, 158, 0.8); } .bkrose90 { background-color: rgba(235, 158, 158, 0.9); } .bkrubi { background-color: rgb(172, 35, 51); } .bkrubi10 { background-color: rgba(172, 35, 51, 0.1); } .bkrubi20 { background-color: rgba(172, 35, 51, 0.2); } .bkrubi30 { background-color: rgba(172, 35, 51, 0.3); } .bkrubi40 { background-color: rgba(172, 35, 51, 0.4); } .bkrubi50 { background-color: rgba(172, 35, 51, 0.5); } .bkrubi60 { background-color: rgba(172, 35, 51, 0.6); } .bkrubi70 { background-color: rgba(172, 35, 51, 0.7); } .bkrubi80 { background-color: rgba(172, 35, 51, 0.8); } .bkrubi90 { background-color: rgba(172, 35, 51, 0.9); } .bksafira { background-color: rgb(0, 51, 102); } .bksafira10 { background-color: rgba(0, 51, 102, 0.1); } .bksafira20 { background-color: rgba(0, 51, 102, 0.2); } .bksafira30 { background-color: rgba(0, 51, 102, 0.3); } .bksafira40 { background-color: rgba(0, 51, 102, 0.4); } .bksafira50 { background-color: rgba(0, 51, 102, 0.5); } .bksafira60 { background-color: rgba(0, 51, 102, 0.6); } .bksafira70 { background-color: rgba(0, 51, 102, 0.7); } .bksafira80 { background-color: rgba(0, 51, 102, 0.8); } .bksafira90 { background-color: rgba(0, 51, 102, 0.9); } .bktopazio { background-color: rgb(208, 77, 0); } .bktopazio10 { background-color: rgba(208, 77, 0, 0.1); } .bktopazio20 { background-color: rgba(208, 77, 0, 0.2); } .bktopazio30 { background-color: rgba(208, 77, 0, 0.3); } .bktopazio40 { background-color: rgba(208, 77, 0, 0.4); } .bktopazio50 { background-color: rgba(208, 77, 0, 0.5); } .bktopazio60 { background-color: rgba(208, 77, 0, 0.6); } .bktopazio70 { background-color: rgba(208, 77, 0, 0.7); } .bktopazio80 { background-color: rgba(208, 77, 0, 0.8); } .bktopazio90 { background-color: rgba(208, 77, 0, 0.9); } /* -- .CORES TEMAS FIXOS -- */ /* -- CARACTERES ESPECIAIS -- */ .obrigatorio:after { content: "(*)"; margin-left: 2px; font-size: 1rem !important; } /* -- .CARACTERES ESPECIAIS -- */ /* --- FONTES - TAMANHO --- */ /* - rem - */ .s07r { font-size: 0.7rem !important; } .s08r { font-size: 0.8rem !important; } .s09r { font-size: 0.9rem !important; } .s1r { font-size: 1rem !important; } .s11r { font-size: 1.1rem !important; } .s12r { font-size: 1.2rem !important; } .s13r { font-size: 1.3rem !important; } .s14r { font-size: 1.4rem !important; } .s15r { font-size: 1.5rem !important; } .s16r { font-size: 1.6rem !important; } .s17r { font-size: 1.7rem !important; } .s18r { font-size: 1.8rem !important; } .s19r { font-size: 1.9rem !important; } .s2r { font-size: 2rem !important; } .s3r { font-size: 3rem !important; } .s4r { font-size: 4rem !important; } .s5r { font-size: 5rem !important; } .s6r { font-size: 6rem !important; } /* - px - */ .s6 { font-size: 6px !important; } .s7 { font-size: 7px !important; } .s8 { font-size: 8px !important; } .s9 { font-size: 9px !important; } .s10 { font-size: 10px !important; } .s11 { font-size: 11px !important; } .s12 { font-size: 12px !important; } /* s1313 a o 13px mesmo */ .s1313 { font-size: 13px !important; } /* o s13 esta com o valor de 14px pq no meio do processo apenas foi devido o tamanho q antes era 12px */ .s13 { font-size: 14px !important; } .s14 { font-size: 14px !important; } .s15 { font-size: 15px !important; } .s16 { font-size: 16px !important; } .s17 { font-size: 17px !important; } .s18 { font-size: 18px !important; } .s19 { font-size: 19px !important; } .s20 { font-size: 20px !important; } .s21 { font-size: 21px !important; } .s22 { font-size: 22px !important; } .s23 { font-size: 23px !important; } .s24 { font-size: 24px !important; } .s25 { font-size: 25px !important; } .s26 { font-size: 27px !important; } .s27 { font-size: 27px !important; } .s28 { font-size: 28px !important; } .s30 { font-size: 30px !important; } .s35 { font-size: 35px !important; } .s40 { font-size: 40px !important; } .s50 { font-size: 50px !important; } .s60 { font-size: 60px !important; } .s70 { font-size: 70px !important; } .s80 { font-size: 80px !important; } .s90 { font-size: 90px !important; } .s100 { font-size: 100px !important; } .s110 { font-size: 110px !important; } .s120 { font-size: 120px !important; } .s130 { font-size: 130px !important; } .s140 { font-size: 140px !important; } .s150 { font-size: 150px !important; } /* --- .FONTES - TAMANHOS --- */ /* --- LINE HEIGHT --- */ .lh13 { line-height: 13px; } .lh14 { line-height: 14px; } .lh15 { line-height: 15px; } .lh16 { line-height: 16px; } .lh17 { line-height: 17px; } .lh18 { line-height: 18px; } .lh19 { line-height: 19px; } .lh20 { line-height: 20px; } /* --- .LINE HEIGHT --- */ /* --- FONTES DA AJUDA --- */ .corrigeAjuda .s1, .corrigeAjuda .s2, .corrigeAjuda .s3, .corrigeAjuda .s4, .corrigeAjuda .s5, .corrigeAjuda .s6, .corrigeAjuda .s7, .corrigeAjuda .s8, .corrigeAjuda .s9, .corrigeAjuda .s10, .corrigeAjuda .s11, .corrigeAjuda .s12, .corrigeAjuda .s13, .corrigeAjuda .s14, .corrigeAjuda .s15, .corrigeAjuda .s16, .corrigeAjuda .s17, .corrigeAjuda .s18, .corrigeAjuda .s19, .corrigeAjuda .s20, .corrigeAjuda .s21, .corrigeAjuda .s22, .corrigeAjuda .s23, .corrigeAjuda .s24{ font-size: inherit !important; } /* --- .FONTES DA AJUDA --- */ /* --- FONTES - ESTILOS --- */ .italico { font-style: italic; } .f100 .z-radio-content, .f100 { font-weight: 100 !important; } .f300 .z-radio-content, .f300 { font-weight: 300 !important; } .f400 .z-radio-content, .f400 { font-weight: 400 !important; } .f500 .z-radio-content, .f500 { font-weight: 500 !important; } .f700 .z-radio-content, .f700 { font-weight: 700 !important; } .f900 .z-radio-content, .f900 { font-weight: 900 !important; } .z-radio-content /* --- .FONTES - ESTILOS --- */ /* --- CORES --- */ .azul { color: #3399FF !important; } .text-azul { color: #3399FF !important; } .verde { color: #419F42 !important; } .tiffany { color: #087CA2 !important; } .obrigatorio:after, .vermelho { color: #F00 !important; } .amarelo { color: #fdc00d !important; } .laranja { color: #ff7f24 !important; } .roxo { color: #8D419F !important; } .magenta { color: #e20a7b !important; } .lilas { color: #C96AF8 !important; } .piscina { color: #11C8C0 !important; } .orange { color: #EB8F3F !important; } .musgo { color: #91B387 !important; } .ceu { color: #53b5d5 !important; } .rosa { color: #F66BB2 !important; } .neon { color: #EEE177 !important; } .tree { color: rgba(147, 224, 106, 1) !important; } .preto { color: #000000 !important; } .preto10 { color: rgba(0,0,0,.1) !important; } .preto20 { color: rgba(0,0,0,.2) !important; } .preto30 { color: rgba(0,0,0,.3) !important; } .preto40 { color: rgba(0,0,0,.4) !important; } .preto50 { color: rgba(0,0,0,.5) !important; } .preto60 { color: rgba(0,0,0,.6) !important; } .preto70 { color: rgba(0,0,0,.7) !important; } .preto80 { color: rgba(0,0,0,.8) !important; } .preto90 { color: rgba(0,0,0,.9) !important; } .branco { color: #FFF !important; } .branco10 { color: rgba(255, 255, 255, 0.10); } .branco20 { color: rgba(255, 255, 255, 0.20); } .branco30 { color: rgba(255, 255, 255, 0.30); } .branco40 { color: rgba(255, 255, 255, 0.40); } .branco50 { color: rgba(255, 255, 255, 0.50); } .branco60 { color: rgba(255, 255, 255, 0.60); } .branco70 { color: rgba(255, 255, 255, 0.70); } .branco80 { color: rgba(255, 255, 255, 0.80); } .branco90 { color: rgba(255, 255, 255, 0.90); } .cinza { color: #c0c0c0; } .cinza2 { color: #9d9d9d; } /* --- .CORES --- */ /* --- BG --- */ /* - cores - */ .bkazul { background-color: #3399FF ; transition: All 0.4s ease } .bkverde { background-color: #419F42 ; transition: All 0.4s ease } .bktiffany { background-color: #087CA2 ; transition: All 0.4s ease } .bkvermelho { background-color: #F00 ; transition: All 0.4s ease } .bklaranja { background-color: #ff7f24 ; transition: All 0.4s ease } .bkroxo { background-color: #8D419F ; transition: All 0.4s ease } .bkpreto { background-color: #000000 ; transition: All 0.4s ease } .bkpretoDark { background-color: #262626; transition: All 0.4s ease } .bkamarelo { background-color: #fdc00d ; transition: All 0.4s ease } .bkpergamum { background-color: #003366 ; transition: All 0.4s ease } .bkbranco { background-color: #FFF ; transition: All 0.4s ease } .bkcinza { background-color: #c0c0c0 ; transition: All 0.4s ease } .bkcinza2 { background-color: #f2f2f2 ; transition: All 0.4s ease } .bkcinza3 { background-color: #3a3a3a ; transition: All 0.4s ease } .bkmagenta { background-color: #e20a7b ; transition: All 0.4s ease } .bkamarelo { background-color: #f0ad4e ; transition: All 0.4s ease } /* - pretos - */ .bkdark2 { background-color: rgba( 0, 0, 0, 0.02); transition: All 0.4s ease } .bkdark5 { background-color: rgba( 0, 0, 0, 0.05); transition: All 0.4s ease } .bkdark10 { background-color: rgba( 0, 0, 0, 0.10) !important; transition: All 0.4s ease } .bkdark20 { background-color: rgba( 0, 0, 0, 0.20); transition: All 0.4s ease } .bkdark30 { background-color: rgba( 0, 0, 0, 0.30); transition: All 0.4s ease } .bkdark40 { background-color: rgba( 0, 0, 0, 0.40); transition: All 0.4s ease } .bkdark50 { background-color: rgba( 0, 0, 0, 0.50); transition: All 0.4s ease } .bkdark60 { background-color: rgba( 0, 0, 0, 0.60); transition: All 0.4s ease } .bkdark70 { background-color: rgba( 0, 0, 0, 0.70); transition: All 0.4s ease } .bkdark80 { background-color: rgba( 0, 0, 0, 0.80); transition: All 0.4s ease } .bkdark90 { background-color: rgba( 0, 0, 0, 0.90); transition: All 0.4s ease } /* - brancos - */ .bklight10 { background-color: rgba(255, 255, 255, 0.10); transition: All 0.4s ease } .bklight20 { background-color: rgba(255, 255, 255, 0.20); transition: All 0.4s ease } .bklight30 { background-color: rgba(255, 255, 255, 0.30); transition: All 0.4s ease } .bklight40 { background-color: rgba(255, 255, 255, 0.40); transition: All 0.4s ease } .bklight50 { background-color: rgba(255, 255, 255, 0.50); transition: All 0.4s ease } .bklight60 { background-color: rgba(255, 255, 255, 0.60); transition: All 0.4s ease } .bklight70 { background-color: rgba(255, 255, 255, 0.70); transition: All 0.4s ease } .bklight80 { background-color: rgba(255, 255, 255, 0.80); transition: All 0.4s ease } .bklight90 { background-color: rgba(255, 255, 255, 0.90); transition: All 0.4s ease } /* - neutro - */ .bknone { background-color: rgba(0, 0, 0, 0); transition: All 0.4s ease } .bkzero { background-color: transparent !important; transition: All 0.4s ease } /* - modulos - */ .bklilas { background-color: rgba(201, 106, 248, 1); } .bkpiscina { background-color: rgba(17, 200, 192, 1); } .bkorange { background-color: rgba(235, 143, 63, 1); } .bkmusgo { background-color: rgba(145, 179, 135,1); } .bkceu { background-color: rgba(83, 181, 213, 1); } .bkrosa { background-color: rgba(246, 107, 178, 1); } .bkneon { background-color: rgba(238, 225, 119, 1); } .bktree { background-color: rgba(147, 224, 106, 1); } .dash.bkDashDark { background-color: #100c2a; } /* --- .BG --- */ /* --- BG ESPECIAIS --- */ .erro_500 { background-image: url(../img/erro_500.jpg); background-repeat: no-repeat; background-position: center; height: 100vh; background-size: cover; } .erro_404 { background-image: url(../img/erro_404.jpg); background-repeat: no-repeat; background-position: center; height: 100vh; background-size: cover; } .erro_negado { background-image: url(../img/erro_negado.jpg); background-repeat: no-repeat; background-position: center; height: 100vh; background-size: cover; } .erro_manutencao { background-image: url(../img/erro_manutencao.jpg); background-repeat: no-repeat; background-position: center; height: 100vh; background-size: cover; } .bg_card { background-size: cover; background-repeat: no-repeat; background-position: center center; } /* --- .BG ESPECIAIS --- */ /* --- SOMBRAS --- */ .sombra { box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2); } .sroxo, .btnsroxo { box-shadow: 0 14px 26px -12px rgba(141, 65, 159, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(141, 65, 159, 0.2); } .scinza, .btnscinza { box-shadow: 0 14px 26px -12px rgba(208, 208, 208, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(210, 210, 210, 0.2); } .scinza2, .btnscinza2 { box-shadow: 1px 4px 9px 0px rgba(208, 208, 208, 0.42) } .sazul, .btnsazul { box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); } .svermelho, .btnsvermelho { box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); } .sverde, .btnsverde { box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); } .stiffany, .btnstiffany { box-shadow: 0 12px 20px -10px rgba(8, 124, 162, 0.28), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(8, 124, 162, 0.2); } .slaranja, .btnslaranja { box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); } .smagenta, .btnsmagenta { box-shadow: 0 12px 20px -10px rgba(226, 10, 123, 0.28), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(212, 0, 92, 0.2); } .spreto, .btnspreto { box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.28), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .sceu, .btnsceu { box-shadow: 0 12px 20px -10px rgba(var(--ceu), 0.28), 0 4px 23px 0px rgba(var(--ceu), 0.12), 0 8px 10px -5px rgba(var(--ceu), 0.2); } .spiscina, .btnspiscina { box-shadow: 0 12px 20px -10px rgba(var(--piscina), 0.28), 0 4px 23px 0px rgba(var(--piscina), 0.12), 0 8px 10px -5px rgba(var(--piscina), 0.2); } .sorange, .btnsorange { box-shadow: 0 12px 20px -10px rgba(235, 143, 63, 0.28), 0 4px 23px 0px rgba(235, 143, 63, 0.12), 0 8px 10px -5px rgba(235, 143, 63, 0.2); } .srosa, .btnsrosa { box-shadow: 0 12px 20px -10px rgba(var(--rosa), 0.28), 0 4px 23px 0px rgba(var(--rosa), 0.12), 0 8px 10px -5px rgba(var(--rosa), 0.2); } .sneon, .btnsneon { box-shadow: 0 12px 20px -10px rgba(var(--neon), 0.28), 0 4px 23px 0px rgba(var(--neon), 0.12), 0 8px 10px -5px rgba(var(--neon), 0.2); } .stree, .btnstree { box-shadow: 0 12px 20px -10px rgba(var(--tree), 0.28), 0 4px 23px 0px rgba(var(--tree), 0.12), 0 8px 10px -5px rgba(var(--tree), 0.2); } /* --- SOMBRAS --- */ /* --- TEXT SHADOWS --- */ .textsazul { text-shadow: 0px 10px 10px rgba(var(--azul) ,1); } .textsverde { text-shadow: 0px 10px 10px rgba(var(--verde) ,1); } .textstiffany { text-shadow: 0px 10px 10px rgba(var(--tiffany) ,1); } .textsvermelho { text-shadow: 0px 10px 10px rgba(var(--vermelho) ,1); } .textslaranja { text-shadow: 0px 10px 10px rgba(var(--laranja) ,1); } .textsroxo { text-shadow: 0px 10px 10px rgba(var(--roxo) ,1); } .textsmagenta { text-shadow: 0px 10px 10px rgba(var(--magenta) ,1); } .textspreto { text-shadow: 0px 10px 10px rgba(var(--preto) ,1); } .textsbranco { text-shadow: 0px 10px 10px rgba(var(--branco) ,1); } .textsamarelo { text-shadow: 0px 10px 10px rgba(var(--amarelo) ,1); } .textscinza { text-shadow: 0px 10px 10px rgba(var(--cinza) ,1); } .textscinza2 { text-shadow: 0px 10px 10px rgba(var(--cinza2) ,1); } .textsnone { text-shadow: none; } /* --- TEXT SHADOWS --- */ /* --- BORDAS - CORES --- */ .b-azul, .b-text-azul { border-color: #3399FF !important; } .b-verde { border-color: #419F42 !important; } .b-verde50 { border-color: rgb(65 159 66 / 50%) !important; } .b-tiffany { border-color: #087CA2 !important; } .b-tiffany50 { border-color: rgb(8 124 162 / 50%) !important; } .b-vermelho { border-color: #ff0000 !important; } .b-laranja { border-color: #ff7f24 !important; } .b-roxo { border-color: #8D419F !important; } .b-magenta { border-color: #e20a7b !important; } .b-magenta50 { border-color: rgb(226 10 123 / 50%) !important; } .b-preto { border-color: #000000 !important; } .b-branco { border-color: rgba(255, 255, 255, 1) !important; } .b-branco10 { border-color: rgba(255, 255, 255, 0.1) !important; } .b-branco20 { border-color: rgba(255, 255, 255, 0.2) !important; } .b-branco30 { border-color: rgba(255, 255, 255, 0.3) !important; } .b-branco50 { border-color: rgba(255, 255, 255, 0.5) !important; } .b-branco70 { border-color: rgba(255, 255, 255, 0.7) !important; } .b-amarelo { border-color: #fdc00d !important; } .b-cinza { border-color: #aeaeae !important; } .b-cinza2 { border-color: #dddfe6 !important; } .b-none, .b-none:hover { border-style: none; } .b-lilas { border-color: #C96AF8; } .b-piscina { border-color: #11C8C0; } .b-orange { border-color: #EB8F3F; } .b-musgo { border-color: #91B387; } .b-ceu { border-color: #53b5d5; } .b-rosa { border-color: #F66BB2; } .b-neon { border-color: #EEE177; } .b-tree { border-color: rgba(147, 224, 106, 1); } /* --- .BORDAS - CORES --- */ /* --- BORDAS - TIPOS --- */ .b-solid { border-style: solid !important; } .b-dotted { border-style: dotted !important; } .b-dashed { border-style: dashed !important; } .b-solid-bottom { border-style: none none solid none; } .b-dotted-bottom { border-style: none none dotted none; } .b-dashed-bottom { border-style: none none dashed none; } .b-solid-top { border-style: solid none none none; } .b-dotted-top { border-style: dotted none none none; } .b-dashed-top { border-style: dashed none none none; } .b-solid-left { border-style: none none none solid ; } .b-dotted-left { border-style: none none none dotted; } .b-dashed-left { border-style: none none none dashed; } .b-solid-right { border-style: none solid none none; } .b-dotted-right { border-style: none dotted none none; } .b-dashed-right { border-style: none dashed none none; } /* --- .BORDAS - TIPOS --- */ /* --- BORDAS - ESPESSURAS --- */ .b-w1 { border-width: 1px !important; } .b-w2 { border-width: 2px; } .b-w3 { border-width: 3px; } .b-w4 { border-width: 4px; } .b-w5 { border-width: 5px; } .b-w10 { border-width: 10px; } /* --- BORDAS - ESPESSURAS --- */ /* --- TEXTOS - ALINHAMENTO (*) - USAR PREFERENCIALMENTE O BOOTSTRAP / ESTA PARTE PODE SER DESCONTINUADA --- */ .txt-center { text-align: center; } .txt-left { text-align: left; } .txt-right { text-align: right; } .txt-justify { text-align: justify; } .align-RL { text-align: right; } .align-CL { text-align: center; } .align-LC { text-align: left; } .align-RC { text-align: right; } .l-1 { margin-left: -17px; } .l-2 { margin-left: -2px; } .l1 { margin-left: 1px; } .l5 { margin-left: 5px; } .l10 { margin-left: 10px; } .l15 { margin-left: 15px; } .l20 { margin-left: 20px; } .l30 { margin-left: 30px; } .l40 { margin-left: 40px; } .r1 { margin-right: 1px; } .r2 { margin-right: 2px; } .r5 { margin-right: 5px; } .r10 { margin-right: 10px; } .r20 { margin-right: 20px; } .r30 { margin-right: 30px; } .t1 { margin-top: 1px; } .t5 { margin-top: 5px; } .t8 { margin-top: 8px; } .t-30 { margin-top: -30px; } .t-20 { margin-top: -20px; } .t-15 { margin-top: -15px; } .t-10 { margin-top: -10px; } .t-5 { margin-top: -5px; } .t-3 { margin-top: -3px; } .t-2 { margin-top: -2px; } .t-1 { margin-top: -1px; } .t0 { margin-top: 0px; } .t2 { margin-top: 2px; } .t3 { margin-top: 3px; } .t5 { margin-top: 5px; } .t10 { margin-top: 10px; } .t15 { margin-top: 15px; } .t20 { margin-top: 20px; } .t25 { margin-top: 25px; } .t30 { margin-top: 30px; } .t40 { margin-top: 40px; } .t45 { margin-top: 45px; } .t100 { margin-top: 100px; } .b-20 { margin-bottom: -20px; } .b-15 { margin-bottom: -15px; } .b-10 { margin-bottom: -10px; } .b0 { margin-bottom: 0px; } .b5 { margin-bottom: 5px; } .b10 { margin-bottom: 10px; } .b20 { margin-bottom: 20px; } .b30 { margin-bottom: 30px; } /* --- .TEXTOS - ALINHAMENTO --- */ /* -- TAMANHOS FIXO */ .wh15 { width: 15px; height: 15px; } .wh20 { width: 20px; height: 20px; } .wh25 { width: 25px; height: 25px; } .wh28 { width: 27px; height: 27px; } .wh30 { width: 30px; height: 30px; } .wh35 { width: 35px; height: 35px; } .wh40 { width: 40px; height: 40px; } .wh45 { width: 45px; height: 45px; } .wh50 { width: 50px; height: 50px; } .wh55 { width: 55px; height: 55px; } .wh60 { width: 60px; height: 60px; } .wh65 { width: 65px; height: 65px; } .wh70 { width: 70px; height: 70px; } .wh75 { width: 75px; height: 75px; } .wh80 { width: 80px; height: 80px; } .wh85 { width: 85px; height: 85px; } .wh90 { width: 90px; height: 90px; } .wh95 { width: 95px; height: 95px; } .wh100 { width: 100px; height: 100px; } .w100 { width: 100px; } .whcard { max-width: 165px; max-height: 165px; } .wh80 { width: 80px; } .wp100 { width: 100%; } .w-48 { width: 48% !important; } .boxChat{ max-height: 300px; overflow-y: scroll; padding: 1rem; border: 1px solid rgba(255,255,255,.3);} .boxChat { scrollbar-color: rgba(255,255,255,.5) rgba(255,255,255,.2); } .boxChat::-webkit-scrollbar-track { background: rgba(255,255,255,.2); } .boxChat::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.8); border: 3px solid rgba(255,255,255,.2); } .boxChatManual{ max-height: 80vh; overflow-y: scroll; } /* - alturas - */ .h10 { height: 10px; } .h15 { height: 15px; } .h20 { height: 20px; } .h25 { height: 25px; } .h30 { height: 30px; } .h35 { height: 35px; } .h40 { height: 40px; } .h45 { height: 45px; } .h50 { height: 50px; } .h100 { height: 100px; } /* - alturas m�nimas - */ .hm300m { min-height:300px; } .painelGrafico .z-tabs-content{ display: flex !important; justify-content: center !important; } .painelGrafico .z-tabbox-top>.z-tabs .z-tab:first-child.z-tab-selected { -webkit-box-shadow: 1px 1px 0 #FFFFFF; -moz-box-shadow: 1px 1px 0 #FFFFFF; -o-box-shadow: 1px 1px 0 #FFFFFF; -ms-box-shadow: 1px 1px 0 #FFFFFF; box-shadow: 1px 1px 0 #FFFFFF; } .painelGrafico .z-tab.z-tab-selected { border-bottom: 3px; border-radius: 5px; background-color: rgba(var(--preto), .8) !important; } .painelGrafico .z-tab.z-tab-selected.b-amarelo { border-bottom: 5px solid #fdc00d !important; } .painelGrafico .z-tab.z-tab-selected.b-piscina { border-bottom: 5px solid #11C8C0 !important; } .painelGrafico .z-tab.z-tab-selected.b-orange { border-bottom: 5px solid #EB8F3F !important; } .painelGrafico .z-tab.z-tab-selected.b-ceu { border-bottom: 5px solid #53b5d5 !important; } .painelGrafico .z-tab.z-tab-selected.b-rose { border-bottom: 5px solid #eb9e9e !important; } .painelGrafico .z-tab { border-radius: 5px !important; background-color: rgba(var(--preto), .5) !important; background-image: none; border: 5px solid rgb(255 255 255 / 0%) !important; box-shadow: 0 0px 8px rgb(0 0 0 / 10%) !important; font-size: 16px; } .painelGrafico .z-tab.z-tab-selected .z-tab-text { color:#FFF; font-weight: 900;} .painelGrafico .z-tab-text { color:#FFF; } /* -- .TAMANHOS FIXO */ /* --- HOVER --- */ .hover:hover { color: #FFF !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hazul:hover { background-color: #3399FF !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hverde:hover { background-color: #419F42 !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .htiffany:hover { background-color: #087CA2 !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hvermelho:hover { background-color: #F00 !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hlaranja:hover { background-color: #ff7f24 !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hroxo:hover { background-color: #8D419F !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hpreto:hover { background-color: #000000 !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hamarelo:hover { background-color: #fdc00d !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hbranco:hover { background-color: #FFF !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hcinza:hover { background-color: #c0c0c0 !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hcinza2:hover { background-color: rgba(192, 192, 192, 0.20) !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hmagenta:hover { background-color: #e20a7b !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hamarelo:hover { background-color: #f0ad4e !important; -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hlilas:hover { background-color: rgba(201, 106, 248, .3); -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hpiscina:hover { background-color: rgba(17, 200, 192, .3); -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .horange:hover { background-color: rgba(235, 143, 63, .3); -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hmusgo:hover { background-color: rgba(145, 179, 135, .3); -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hceu:hover { background-color: rgba(83, 181, 213, .3); -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hrosa:hover { background-color: rgba(246, 107, 178, .3); -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .hneon:hover { background-color: rgba(238, 225, 119, .3); -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } .htree:hover { background-color: rgba(147, 224, 106, .3); -webkit-transition: All 0.8s ease; transition: All 0.8s ease; } /* --- .HOVER --- */ /* --- PADDING - 4 LADOS (*) - USAR PREFERENCIALMENTE O BOOTSTRAP / ESTA PARTE PODE SER DESCONTINUADA --- */ .pad0 { padding: 0px !important } .pad1 { padding: 1px !important } .pad2 { padding: 2px !important } .pad5 { padding: 5px !important } .pad10 { padding: 10px !important } .pad15 { padding: 15px !important } .pad20 { padding: 20px !important } .pad30 { padding: 30px !important } .pad40 { padding: 40px !important } .pad50 { padding: 50px !important } /* --- PADDING - 4 LADOS --- */ /* --- CURSOR --- */ .click { cursor: pointer; } .noclick { cursor: no-drop; } /* --- .CURSOR --- */ /* -- DINAMICOS -- */ .dinamico { display: none; } .dinamicoInverso { display: block; } /* -- .DINAMICOS -- */ /* --- OPACIDADE --- */ .op0 { opacity: 0 !important; } .op1 { opacity: 0.1 !important; } .op2 { opacity: 0.2 !important; } .op3 { opacity: 0.3 !important; } .op4 { opacity: 0.4 !important; } .op5 { opacity: 0.5 !important; } .op6 { opacity: 0.6 !important; } .op7 { opacity: 0.7 !important; } .op8 { opacity: 0.8 !important; } .op9 { opacity: 0.9 !important; } .op10 { opacity: 1 !important; } /* --- .OPACIDADE --- */ /* --- FX --- */ .op0 { opacity: 0 !important; } .op1 { opacity: 0.1 !important; } .op2 { opacity: 0.2 !important; } .op3 { opacity: 0.3 !important; } .op5 { opacity: 0.5 !important; } .op7 { opacity: 0.7 !important; } .op10 { opacity: 1 !important; } .fxcinza { filter: grayscale(1); } .fxclassico { filter: hue-rotate(282deg) brightness(3.5); } /* --- .FX --- */ /* --- LINK --- */ .nolink, .nolink:hover { text-decoration: none !important; } .link, .link:hover { text-decoration: underline !important; } .riscado { text-decoration: line-through; } /* --- LINK --- */ /* --- BORDAS ARREDONDADAS --- */ .rad1 { border-radius: 1px; } .rad2 { border-radius: 2px; } .rad3 { border-radius: 3px; } .rad5 { border-radius: 5px; } .rad10 { border-radius: 10px; } .rad15 { border-radius: 15px; } .rad20 { border-radius: 20px; } .rad20p { border-radius: 20%; } .rad50p { border-radius: 50%; } /* --- BORDAS ARREDONDADAS --- */ /* ---- button DISABLED ---- */ button:disabled { background: rgba(0,0,0,0.05) !important; color: rgba(0,0,0,0.3) !important; cursor: no-drop; box-shadow: none; text-decoration: line-through; } button:disabled:hover { background: rgba(0,0,0,0) !important; color: rgba(0,0,0,0.5) !important; cursor: no-drop; box-shadow: none; } .bkzero button:disabled { background: rgba(0,0,0,0) !important; color: rgba(0,0,0,0.3) !important; cursor: no-drop; box-shadow: none; text-decoration: line-through; } .bkzero button:disabled:hover { background: rgba(0,0,0,0) !important; color: rgba(0,0,0,0.5) !important; cursor: no-drop; box-shadow: none; } .ajuda { width: calc(100% - 40px) !important; } .ajuda2 { width: calc(100% - 50px) !important; } /* ---- .button ---- */ /* --- DASHBOARD --- */ .dash .menu{ list-style:none; /* border:1px solid #c0c0c0; float:left; */ } .dash .menu li { color: #FFF; } .dash .menu li a{ color:#333; text-decoration:none; padding:5px 10px; display:block; } .dash .menu li a:hover{ background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; } .imgDash1, .imgDash2, .imgDash3, .imgDash4 { background-image: url("../img/dash_1.svg;"); background-size: 90%; background-position: center; background-repeat: no-repeat; } .imgDash1 { background-image: url("../img/dash_1.svg;"); } .imgDash2 { background-image: url("../img/dash_2.svg;"); } .imgDash3 { background-image: url("../img/dash_3.svg;"); } .imgDash4 { background-image: url("../img/dash_4.svg;"); } .imgDash1:hover, .imgDash2:hover, .imgDash3:hover, .imgDash4:hover { transform: scale(1.5); opacity: 1 !important; } /* --- .DASHBOARD --- */ /* -------------------------------------------------------------------------------- */ /* --- MEDIAS QUERY --- */ @media (min-width: 576px) { /*...*/ } @media only screen and (max-width: 768px) { /*...*/ } @media only screen and (max-width: 991px) { .dinamico { display: inline-block; } .dinamicoInverso { display: none; } .align-RL { text-align: left; } .align-CL { text-align: left; } .align-LC { text-align: center; } .align-RC { text-align: center; } } @media (min-width: 992px) { /*...*/ } @media (min-width: 1200px) { /*...*/ } /* LOADING */ .z-loading-indicator { /* background-color: #00f; */ } .z-loading { top: 0px !important; left: 0px !important; right: 0px !important; bottom: 0px !important; position: fixed !important; background-color: rgba(var(--preto), .8); display: flex; align-content: center; border: none; } .z-loading-indicator, .z-apply-loading-indicator { /* color: #363636; border: 1px solid #cfcfcf; background: #fff; white-space: nowrap; */ background: transparent; color: #FFF; font-size: 24px; font-weight: 300; height: 100vh; align-content: center; text-align: center; border: none; width: 100%; } .z-apply-loading-icon, .z-loading-icon, .z-renderdefer { width: 32px; height: 32px; background: transparent no-repeat center; /* background-image: url(/psa/zkau/web/f56183e2/zul/img/misc/progress.gif); */ /* background-image: url(../img/infinite-spinner.svg); */ background-image: url(../img/infinite-square.svg); } /* .LOADING */ /* --- .MEDIAS QUERY --- */ /* -------------------------------------------------------------------------------- */ /* --- INTERNACIONALIZACAO --- */ .bandeira_BR { color: #419F42; } .bandeira_BR:before { border-left: 3px solid #fdc00d; border-right: 3px solid #419F42; content: ""; margin: 0 3px 0 0; } .bandeira_EN { color: #087CA2; } .bandeira_EN:before { border-left: 3px solid #F00; border-right: 3px solid #087CA2; content: ""; margin: 0 3px 0 0; } .bandeira_ES { color: #F00; } .bandeira_ES:before { border-left: 3px solid #F00; border-right: 3px solid #fdc00d; content: ""; margin: 0 3px 0 0; } .bandeira_CA { color: #F00; } .bandeira_CA:before { border-left: 3px solid #fdc00d; border-right: 3px solid #F00; content: ""; margin: 0 3px 0 0; } .bandeira_IT { color: #419F42; } .bandeira_IT:before { border-left: 3px solid #419F42; border-right: 3px solid #F00; content: ""; margin: 0 3px 0 0; } .bandeira_FR { color: #087CA2; } .bandeira_FR:before { border-left: 3px solid #087CA2; border-right: 3px solid #F00; content: ""; margin: 0 3px 0 0; } /* --- INTERNACIONALIZACAO --- */ .editorVisual .cke_contents { min-height: 150px !important; }