@charset "ISO-8859-1"; @font-face { font-family: 'SegoeUI-SemiLight-final'; src: url('SegoeUI-Semilight.woff2') format('woff2'), url('SegoeUI-Semilight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SegoeUI-Light-final'; src: url('SegoeUI-Light.woff2') format('woff2'), url('SegoeUI-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SegoeUI-Regular-final'; src: url('SegoeUI.woff2') format('woff2'), url('SegoeUI.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } .sidenav { float: left; height: 100%; transition: 0.3s; z-index: 1000; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; margin: 0; top: 0; width: 250px; } .sidenav::-webkit-scrollbar { display: none; } .dnone { display: none; } #anexos { list-style-image: url(../imgs/file.png); } img.remover { cursor:pointer; vertical-align:middle; } select, option { text-align:left; } input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button { -webkit-appearance: none; } input[type="date"] { -moz-appearance:none; -webkit-appearance:none; border:solid 1px #DEE5EF; border-radius:5px; color:#615c70; font-family:SegoeUI-Regular-final; font-size:14px; height: 39px; max-height: 39px; padding:2px 8px 1.5px 8px; width:calc(100% - 18px); margin:0 0 15px 0; } input[type=date]::-webkit-datetime-edit-month-field, input[type=date]::-webkit-datetime-edit-day-field, input[type=date]::-webkit-datetime-edit-year-field { background: none; padding: 0 2px; } input[type=date]::-webkit-datetime-edit-month-field:focus, input[type=date]::-webkit-datetime-edit-day-field:focus, input[type=date]::-webkit-datetime-edit-year-field:focus { background: #bdd9fe; border-radius: 3px; } input[type="checkbox"] { background-image: -webkit-linear-gradient(bottom,#EEE,#FFF); background-image: -moz-linear-gradient(bottom,#EEE,#FFF); background-image: -ms-linear-gradient(bottom,#EEE,#FFF); background-image: -o-linear-gradient(bottom,#EEE,#FFF); background-image: linear-gradient(bottom,#EEE,#FFF); -webkit-border-radius:4px; border:solid 1px #EEE; border-radius:4px; height: 15px; width: 15px; -webkit-appearance: none; } input[type="checkbox"]:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; cursor:pointer; filter: alpha(opacity=60); opacity: 0.6; } input[type="checkbox"]:checked { background-color:#CCC; } input[type="checkbox"]:checked:before { content: ''; display:block; width:3px; height:6px; border:solid #777; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); margin-left:4px; margin-top:2px; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } .input_file { -moz-appearance:none; -webkit-appearance:none; background:#263748; border-radius: 5px; border-bottom:solid 14px #263748; border-top:solid 12px #263748; border-left:solid 50px #263748; border-right:solid 50px #263748; color:#FFF; cursor:pointer; font-family:SegoeUI-Regular-final; font-size:16px; width: 120px; height: 20px; margin: 0; } .input_file::-webkit-file-upload-button { visibility:hidden; } .input_file::before { content:'Procurar Arquivo'; } body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; font:100%; font-family:SegoeUI-SemiLight-final; margin:0; background:#FFF; width:100%; height:100%; overflow: auto; -ms-overflow-style: none; cursor: default; scrollbar-width: none; -webkit-overflow-scrolling: touch; color:#615c70; } body::-webkit-scrollbar { display: none; } ul { list-style:none; } li { list-style:none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } textarea, input[type="text"], input[type="number"], input[type="password"], input[type="tel"], input[type="button"], select { transition: .4s; } .none { display: none; } .area_vagas_div { position:relative; border:solid 1px #DEDEDE; border-radius:3px; float:left; margin:10px; padding:20px 17px 10px 17px; text-align:left; width:calc(100% - 56px); height:auto; } .vagas_logo_div { background:#EEE; border:solid 1px #EEE; border-radius:4px; float:left; margin:0 10px 0 0; width:68px; height:68px; } .vagas_destaque { border-top:dotted 1px #DEDEDE; color:#3c5773; font-size:21px; font-weight:bold; margin:20px 0 15px 0; padding:10px 2px 0 2px; } .area_vagas { position:relative; border:solid 1px #DEDEDE; border-radius:3px; float:left; margin:10px; padding:20px 12px 10px 12px; text-align:center; width:calc(33.33% - 46px); height:200px; } .vagas_vaga { font-size:16px; font-weight:bold; margin:3px 0 5px 0; } .vagas_vagas { font-size:16px; font-weight:bold; margin:3px 2px 5px 2px; } .vagas_texto { font-size:16px; font-weight:normal; margin:0 2px 0 2px; } .vagas_logo { background:#EEE; border:solid 1px #EEE; border-radius:4px; width:68px; height:68px; margin:0 0 10px calc(50% - 35px); } .vagas_nome { font-size:15px; line-height:16px; } .vagas_regiao { color:#777; font-size:14px; padding:2px 0 0 0; } .vagas_ver { bottom:5px; position:absolute; border-top:solid 1px #DEDEDE; cursor:pointer; float:left; font-size:12px; padding:0 2px 0 2px; width:calc(100% - 28px); } .bt_pts { -moz-appearance:none; -webkit-appearance:none; appearance:none; background: #F5F9FF; border: solid 1px #f8f8f8; border-radius: 0; font-size: 16px; padding: 0 0 3px 0; width: 26px; height: 26px; } .bt_pts:hover { background: #FFF; border: solid 1px #DEE5EF; } .bt_home { background:url(../imgs/bt_home.png) no-repeat; } .bt_app { background:url(../imgs/bt_app.png) no-repeat; } .bt_abdl { background:url(../imgs/bt_abdl.png) no-repeat; } .bt_adab { background:url(../imgs/bt_adab.png) no-repeat; } .bt_atos { background:url(../imgs/bt_atos.png) no-repeat; } .bt_avgestao { background:url(../imgs/bt_avgestao.png) no-repeat; } .bt_beta { background:url(../imgs/bt_beta.png) no-repeat; } .bt_blog { background:url(../imgs/bt_blog.png) no-repeat; } .bt_boletos { background:url(../imgs/bt_boletos.png) no-repeat; } .bt_cavalaria { background:url(../imgs/bt_cavalaria.png) no-repeat; } .bt_cnies { background:url(../imgs/bt_cnies.png) no-repeat; } .bt_config { background:url(../imgs/bt_configuracoes.png) no-repeat; } .bt_contas { background:url(../imgs/bt_contas.png) no-repeat; } .bt_creditos { background:url(../imgs/bt_creditos.png) no-repeat; } .bt_crns { background:url(../imgs/bt_crns.png) no-repeat; } .bt_diad { background:url(../imgs/bt_diad.png) no-repeat; } .bt_diads { background:url(../imgs/bt_diads.png) no-repeat; } .bt_downloads { background:url(../imgs/bt_downloads.png) no-repeat; } .bt_down { background:url(../imgs/bt_down.png) no-repeat; } .bt_eleicoes { background:url(../imgs/bt_eleicoes.png) no-repeat; } .bt_empregos { background:url(../imgs/bt_empregos.png) no-repeat; } .bt_eventos { background:url(../imgs/bt_eventos.png) no-repeat; } .bt_excelencia { background:url(../imgs/bt_excelencia.png) no-repeat; } .bt_filantropia { background:url(../imgs/bt_filantropia.png) no-repeat; } .bt_honor { background:url(../imgs/bt_honor.png) no-repeat; } .bt_honrarias { background:url(../imgs/bt_honrarias.png) no-repeat; } .bt_juntos { background:url(../imgs/bt_juntos.png) no-repeat; } .bt_livro { background:url(../imgs/bt_livro.png) no-repeat; } .bt_movimentos { background:url(../imgs/bt_movimentos.png) no-repeat; } .bt_membros { background:url(../imgs/bt_membros.png) no-repeat; } .bt_milhas { background:url(../imgs/bt_milhas.png) no-repeat; } .bt_organizacoes { background:url(../imgs/bt_organizacoes.png) no-repeat; } .bt_pacotes { background:url(../imgs/bt_pacotes.png) no-repeat; } .bt_ponto { background:url(../imgs/bt_ponto.png) no-repeat; } .bt_pouso { background:url(../imgs/bt_pouso.png) no-repeat; } .bt_premios { background:url(../imgs/bt_premios.png) no-repeat; } .bt_qg { background:url(../imgs/bt_qg.png) no-repeat; } .bt_olympic { background:url(../imgs/bt_olympic.png) no-repeat; } .bt_relatorios { background:url(../imgs/bt_relatorios.png) no-repeat; } .bt_sair { background:url(../imgs/bt_sair.png) no-repeat; } .bt_secretaria { background:url(../imgs/bt_secretaria.png) no-repeat; } .bt_shop { background:url(../imgs/bt_shop.png) no-repeat; } .bt_suporte { background:url(../imgs/bt_suporte.png) no-repeat; } .bt_supremo { background:url(../imgs/bt_supremo.png) no-repeat; } .bt_tesouraria { background:url(../imgs/bt_tesouraria.png) no-repeat; } .bt_transparencia { background:url(../imgs/bt_transparencia.png) no-repeat; } .bt_home, .bt_app, .bt_abdl, .bt_adab, .bt_atos, .bt_avgestao, .bt_beta, .bt_blog, .bt_boletos, .bt_cavalaria, .bt_cnies, .bt_config, .bt_contas, .bt_creditos, .bt_crns, .bt_diad, .bt_diads, .bt_downloads, .bt_down, .bt_eleicoes, .bt_empregos, .bt_eventos, .bt_excelencia, .bt_filantropia, .bt_honor, .bt_honrarias, .bt_juntos, .bt_livro, .bt_movimentos, .bt_membros, .bt_milhas, .bt_organizacoes, .bt_pacotes, .bt_ponto, .bt_pouso, .bt_premios, .bt_qg, .bt_olympic, .bt_relatorios, .bt_sair, .bt_secretaria, .bt_shop, .bt_suporte, .bt_supremo, .bt_tesouraria, .bt_transparencia { -moz-appearance:none; -webkit-appearance:none; appearance:none; background-color: #283046; background-position:15px; background-size:18px; border-radius: 7px; color:#b6bbc1; cursor:pointer; border:none; font-family:SegoeUI-Regular-final; font-size:15px; width: calc(100% - 75px); height:auto; margin: 1px 10px; padding:11px 10px 12px 45px; float:left; transition: 0.5s; } .bt_home:hover, .bt_app:hover, .bt_abdl:hover, .bt_adab:hover, .bt_atos:hover, .bt_avgestao:hover, .bt_beta:hover, .bt_blog:hover, .bt_boletos:hover, .bt_cavalaria:hover, .bt_cnies:hover, .bt_config:hover, .bt_contas:hover, .bt_creditos:hover, .bt_crns:hover, .bt_diad:hover, .bt_diads:hover, .bt_downloads:hover, .bt_down:hover, .bt_eleicoes:hover, .bt_empregos:hover, .bt_eventos:hover, .bt_excelencia:hover, .bt_filantropia:hover, .bt_honor:hover, .bt_honrarias:hover, .bt_juntos:hover, .bt_livro:hover, .bt_movimentos:hover, .bt_membros:hover, .bt_milhas:hover, .bt_organizacoes:hover, .bt_pacotes:hover, .bt_ponto:hover, .bt_pouso:hover, .bt_premios:hover, .bt_qg:hover, .bt_olympic:hover, .bt_relatorios:hover, .bt_sair:hover, .bt_secretaria:hover, .bt_shop:hover, .bt_suporte:hover, .bt_supremo:hover, .bt_tesouraria:hover, .bt_transparencia:hover { background-color:#354c84; color: #fff; } .bt_star_border { background:url("../imgs/star_border.png") no-repeat; } .bt_star_full { background:url("../imgs/star_full.png") no-repeat; } .bt_star_ralf { background:url("../imgs/star_ralf.png") no-repeat; } .bt_star_border, .bt_star_full, .bt_star_ralf { -moz-appearance:none; -webkit-appearance:none; appearance:none; background-size:contain; border:none; cursor: pointer; margin: 0 3px 0 3px; padding: 0; width: 45px; height: 45px; } .bt_star_border:hover, .bt_star_full:hover, .bt_star_ralf:hover { opacity: 0.7; } .bts_star_border { background:url("../imgs/star_border.png") no-repeat; } .bts_star_full { background:url("../imgs/star_full.png") no-repeat; } .bts_star_ralf { background:url("../imgs/star_ralf.png") no-repeat; } .bts_star_border, .bts_star_full, .bts_star_ralf { -moz-appearance:none; -webkit-appearance:none; appearance:none; background-size:contain; border:none; cursor: pointer; margin: 0 3px 0 3px; padding: 0; width: 25px; height: 25px; } .bt_star_border:hover, .bt_star_full:hover, .bt_star_ralf:hover { opacity: 0.7; transform: scale(1.2,1.2); } #submenu_1, #submenu_2, #submenu_3, #submenu_4, #submenu_5, #submenu_6, #submenu_7, #submenu_8, #submenu_9, #submenu_10, #submenu_11, #submenu_12, #submenu_13, #submenu_14, #submenu_15, #submenu_16, #submenu_17, #submenu_18, #submenu_19, #submenu_20, #submenu_21, #submenu_22, #submenu_23, #submenu_24, #submenu_25, #submenu_26, #submenu_27, #submenu_28, #submenu_29, #submenu_210, #submenu_31, #submenu_32, #submenu_33, #submenu_34, #submenu_35, #submenu_36, #submenu_37, #submenu_38, #submenu_39, #submenu_40, #submenu_41, #submenu_42, #submenu_43, #submenu_44, #submenu_45, #submenu_46, #submenu_47, #submenu_48, #submenu_49, #submenu_50, #submenu_51, #submenu_52, #submenu_53, #submenu_54, #submenu_55, #submenu_56, #submenu_57, #submenu_58, #submenu_59, #submenu_60, #submenu_61, #submenu_62, #submenu_63, #submenu_64, #submenu_65, #submenu_66, #submenu_67, #submenu_68, #submenu_69, #submenu_70, #submenu_71, #submenu_72, #submenu_73, #submenu_74, #submenu_75, #submenu_76, #submenu_77, #submenu_78, #submenu_79, #submenu_80, #submenu_81, #submenu_82, #submenu_83, #submenu_84, #submenu_85, #submenu_86, #submenu_87, #submenu_88, #submenu_89, #submenu_90, #submenu_91, #submenu_92, #submenu_93, #submenu_94, #submenu_95, #submenu_96, #submenu_97, #submenu_98, #submenu_99, #submenu_100 { background: #2e3d61; margin: 10px 0; padding: 10px 0; } #ssubmenu_1, #ssubmenu_2, #ssubmenu_3, #ssubmenu_4, #ssubmenu_5, #ssubmenu_6, #ssubmenu_7, #ssubmenu_8, #ssubmenu_9, #ssubmenu_10, #ssubmenu_11, #ssubmenu_12, #ssubmenu_13, #ssubmenu_14, #ssubmenu_15, #ssubmenu_16, #ssubmenu_17, #ssubmenu_18, #ssubmenu_19, #ssubmenu_20, #ssubmenu_21, #ssubmenu_22, #ssubmenu_23, #ssubmenu_24, #ssubmenu_25, #ssubmenu_26, #ssubmenu_27, #ssubmenu_28, #ssubmenu_29, #ssubmenu_210, #ssubmenu_31, #ssubmenu_32, #ssubmenu_33, #ssubmenu_34, #ssubmenu_35, #ssubmenu_36, #ssubmenu_37, #ssubmenu_38, #ssubmenu_39, #ssubmenu_40, #ssubmenu_41, #ssubmenu_42, #ssubmenu_43, #ssubmenu_44, #ssubmenu_45, #ssubmenu_46, #ssubmenu_47, #ssubmenu_48, #ssubmenu_49, #ssubmenu_50, #ssubmenu_51, #ssubmenu_52, #ssubmenu_53, #ssubmenu_54, #ssubmenu_55, #ssubmenu_56, #ssubmenu_57, #ssubmenu_58, #ssubmenu_59, #ssubmenu_60, #ssubmenu_61, #ssubmenu_62, #ssubmenu_63, #ssubmenu_64, #ssubmenu_65, #ssubmenu_66, #ssubmenu_67, #ssubmenu_68, #ssubmenu_69, #ssubmenu_70, #ssubmenu_71, #ssubmenu_72, #ssubmenu_73, #ssubmenu_74, #ssubmenu_75, #ssubmenu_76, #ssubmenu_77, #ssubmenu_78, #ssubmenu_79, #ssubmenu_80, #ssubmenu_81, #ssubmenu_82, #ssubmenu_83, #ssubmenu_84, #ssubmenu_85, #ssubmenu_86, #ssubmenu_87, #ssubmenu_88, #ssubmenu_89, #ssubmenu_90, #ssubmenu_91, #ssubmenu_92, #ssubmenu_93, #ssubmenu_94, #ssubmenu_95, #ssubmenu_96, #ssubmenu_97, #ssubmenu_98, #ssubmenu_99, #ssubmenu_100 { background: #2e3d61; margin: 0; padding: 0; } .bt_submenu, .bt_submenu_ativo { -moz-appearance:none; -webkit-appearance:none; -webkit-height:18px; -webkit-padding:8px 10px 8px 25px; appearance:none; color:#b6bbc1; cursor:pointer; border:none; border-radius: 7px; float:left; font-family:SegoeUI-Regular-final; font-size:15px; margin: 1px 10px; padding:9px 10px 10px 10px; width: calc(100% - 40px); min-height:18px; transition: 0.3s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; } .bt_submenu:hover { background:#354c84; color:#FFF; padding:9px 10px 10px 20px; width: calc(100% - 50px); } .bt_submenu_ativo { background:#354c84; color:#e3e5e7; padding:9px 10px 10px 20px; width: calc(100% - 50px); transition: 0.3s; } .bt_submenus, .bt_submenus_ativo { -moz-appearance:none; -webkit-appearance:none; appearance:none; border-radius: 7px; color:#b6bbc1; cursor:pointer; border:none; font-family:SegoeUI-Regular-final; font-size:15px; width:calc(100% - 50px); min-height:18px; margin: 1px 10px; padding:9px 10px 10px 20px; float:left; -webkit-min-height:18px; -webkit-padding:9px 10px 10px 40px; transition: 0.3s; } .bt_submenus:hover { background:#354c84; color:#e3e5e7; padding:9px 10px 10px 30px; width: calc(100% - 60px); } .bt_submenus_ativo { background:#354c84; color:#e3e5e7; transition: 0.3s; } .pac_titulo { font-size:14px; font-weight: bold; margin: 20px 0 5px 0; } .pointer { cursor: pointer; float: left; padding: 10px 0 10px 0; } .pointers { cursor: pointer; float: left; margin: 5px 0 0 5px; } .area_foto_nome { margin:0 0 20px 0; width:auto; height:100px; } .area_foto { border-radius:50px; cursor: pointer; width:32px; height:32px; float:right; margin:8px 0 0 3px; transition: 0.3s; } .area_logout { cursor: pointer; width:24px; height:24px; background:url(../imgs/logout.svg) center; background-size:contain; float:right; margin:13px 20px 0 0; transition: 0.3s; } .area_search { cursor: pointer; width:24px; height:24px; background:url(../imgs/search.svg) center; background-size:contain; float:right; margin:13px 20px 0 0; transition: 0.3s; } .area_notifica { cursor: pointer; width:24px; height:24px; background:url(../imgs/notifications.svg) center; background-size:contain; float:right; margin:14px 20px 0 0; transition: 0.3s; } .area_logout:hover, .area_search:hover, .area_notifica:hover, .area_foto:hover { transform: scale(1.1); opacity: 1; } .area_notifica2 { border-radius:100px; width: 12px; height:12px; background: red; float:right; margin: 11px -3px 0 0; } .area_nome { font-family:SegoeUI-SemiLight-final; font-size:28px; float:left; line-height:28px; text-align:left; margin: 5px 0 25px 0; } .area_nome_none { font-family:SegoeUI-SemiLight-final; font-size:22px; float:left; text-align:left; margin:0 0 15px 0; } .area_nome_link { font-family:SegoeUI-SemiLight-final; font-size:28px; line-height:28px; text-align:left; margin:25px 0 25px 0; } .titulo_destaque { font-family:SegoeUI-SemiLight-final; font-size:21px; margin:0 0 15px 0; text-align: left;} .titulo_destaqueb { font-family:SegoeUI-Regular-final; font-size:21px; float: left; line-height:21px; margin:15px 0 15px 0; text-align: left; } .titulo_destaques { font-family:SegoeUI-SemiLight-final; font-size:21px; float:left; line-height:21px; text-align:left; margin:5px 0 30px 0; } .ver_membros { cursor: pointer; font-family:SegoeUI-SemiLight-final; font-size:16px; float:left; line-height:16px; text-align:left; margin:0 0 15px 0; } .ver_membros:hover { color:#777; } .titulo_link { cursor:pointer; font-family:SegoeUI-SemiLight-final; font-size:18px; margin:10px 0 0 0; } .titulo_link:hover { color:#777; } .titulo_contas { border: solid 1px #EEE; border-left: none; border-right: none; color:#615c70; cursor:default; font-family:SegoeUI-Regular-final; font-size:16px; padding: 15px 0 15px 0; text-align: center; width: 100%; } .titulo { color:#615c70; cursor:default; font-family:SegoeUI-Regular-final; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; padding: 0 0 3px 1px; } .titulo_pequeno { clear:both; color:#68727E; font-family:SegoeUI-SemiLight-final; font-weight:bold; font-size:13px; padding:13px 0 15px 16px; } .titulo_pequenos { background:#2e3d61; clear:both; color:#FFF; cursor: default; font-family:SegoeUI-SemiLight-final; font-weight:bold; font-size:10px; padding:13px 0 15px 25px; width: 100%; } .titulo_cargo { font-family:SegoeUI-SemiLight-final; font-size:21px; margin:0; } .titulo_empresa { color:#777; font-family:SegoeUI-SemiLight-final; font-size:18px; margin:0; } .texto_pequeno { clear:both; color:#b6bbc1; font-family:SegoeUI-Regular-final; font-size:9px; padding:8px 0 0 18px; } .texto { color:#615c70; font-family:SegoeUI-Regular-final; font-size:14px; } .texto_empresa { color:#777; font-family:SegoeUI-SemiLight-final; font-size:14px; } .texto_resumo { color:#615c70; font-family:SegoeUI-SemiLight-final; font-size:16px; margin:3px 0 25px 0; } .clear { clear:both; } .clear_search { clear:both; padding: 10px 0 0 0; } .clears { clear:both; padding: 10px 0 10px 0; } .clearsf { clear:both; padding: 15px 0 15px 0; } .clear_line { border-top:solid 1px #DEE5EF; margin:0 0 20px -25px; width:calc(100% + 50px); clear:both; } .clear_lineb { border-top:solid 1px #DEE5EF; margin:0 0 20px -25px; width:calc(100% + 50px); clear:both; } .clear_lines { border-bottom:solid 2px #eee; border-top:solid 1px #bbb; margin:0 0 20px -20px; width:calc(100% + 40px); clear:both; } .inline_block { display: inline-block; text-align: center; width: 100%; } .topo { height:0px; } .topo_textob { background:url("../imgs/bg_grey.png") top center; background-size: contain; height:80px; width: 100%; position:absolute; z-index:100; } .topo_texto { background:#FFF; border-radius: 7px; box-shadow: 4px 4px 15px 0 rgb(34 41 47 / 10%); color:#212121; float:left; font-family:SegoeUI-Regular-final; font-size:20px; line-height:48px; margin:20px 0 0 275px; padding:2.5px 15px; text-align:left; height:50px; width:calc(100% - 330px); position:absolute; z-index:100; transition: all .3s ease; } .area_total { background:#F4F5F6; color:#615c70; position:absolute; width:100%; height: 100%; } .area_areas { background:#FFF; border-radius: 7px; box-shadow: 4px 4px 15px 0 rgb(34 41 47 / 10%); margin:90px 10px 20px 10px; padding: 25px; float:right; width:calc(100% - 70px); transition: 3s; } .area_menu { background:#283046; color:#DEE5EF; display: block; float:left; width:250px; height:calc(100% - 100px); position:absolute; z-index:102; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .area_menu_topo { background:url("../imgs/bg_blue.png") center; background-size:contain; float:left; width:250px; position:absolute; top:0; z-index:103; } .area_menu_rodape { background:#283046; border-top:solid 1px #374756; color:#DEE5EF; float:left; width:250px; padding:0; height:115px; position:absolute; bottom:0; z-index:102; } .area_principal { opacity: 0; float:right; margin:10px 15px 10px 10px; text-align:justify; width:calc(100% - 280px); height: calc(100% - 10px); overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; transition: all .3s ease; } .area_principal::-webkit-scrollbar { display: none; } .logo { cursor:pointer; width:230px; height:40px; background:url(../imgs/logo.png) center no-repeat; background-size:contain; float:left; margin: 22px 0; transition: all .3s ease; } .logo:hover { transform: scale(1.1)} .topo_menu { background:url(../imgs/menu.png); background-size:cover; cursor:pointer; display:none; float:left; margin:5px 0 0 0; width:40px; height:40px; } #inner{ color:#615c70; width:100%; overflow:hidden; overflow-x:hidden; overflow-y:hidden; overflow-y:auto; height:100%; padding-right:0; scroll-behavior: smooth; transition: all .3s ease; } #inner::-webkit-scrollbar { display: none; } .area_menu::-webkit-scrollbar { display: none; } .area_areas_div { margin:20px 0 -45px 0; } .area_areas_none { background:none; margin:25px 15px 25px 15px; padding:0; float:left; width:calc(100% - 30px); } .area_rodape { float:left; font-size:14px; padding:20px; width:calc(100% - 40px); } .area_infos { float:left; margin:0 4% 20px 0; width:48%; } .area_infosc { float:left; margin:-20px 4% 20px 0; width:48%; } .area_infosb { float:left; margin:43px 0 0 0; width:48%; } .area_infosa { float:left; margin:0 0 20px 0; width:48%; } .area_infos_100a { float:left; margin:0 4% 0 0; width:100%; } .area_infos_100 { float:left; margin:-10px 0 20px 0; width:100%; text-align:justify; } .area_infos_100t { float:left; margin:0 0 20px 0; width:100%; text-align:justify; } .area_infos_100c { float:left; margin:-20px 0% 20px 0; width:100%; } .area_infos_100b { float:left; margin:-10px 0 5px 0; width:100%; text-align:justify; } .button_area { -moz-appearance:none; -webkit-appearance:none; background:#263748; border:none; border-radius:5px; color:#FFF; cursor:pointer; font-family:SegoeUI-Regular-final; font-size:14px; padding:10px 8px 10px 8px; width:100%; margin:0 0 15px 0; transition: 0.3s; } .button_area:hover { background:#283645; color:#e4e6e7; } .button_area_branco { -moz-appearance:none; -webkit-appearance:none; background:#FFF; border:solid 1px #DEE5EF; border-radius:5px; color:#615c70; cursor:pointer; font-family:SegoeUI-Regular-final; font-size:14px; padding:12px 8px 12px 8px; width:100%; margin:0 0 15px 0; transition: 0.3s; } .button_area_branco:hover { border-color:#CAD3E1; } .buttoni { -moz-appearance:none; -webkit-appearance:none; background:#FFF; border: solid 4px #274FC9; border-radius: 15px; color:#FFF; cursor:pointer; display: inline-block; width:150px; height: 150px; margin:0 13px 26px 13px; transition: 0.5s; } .buttoni:hover { border-color: #3467FF; filter: brightness(0.95); } .buttons { -moz-appearance:none; -webkit-appearance:none; background:#FFF; border: none; border-radius:5px; color:#FFF; cursor:pointer; font-family:SegoeUI-Regular-final; font-size:16px; padding:12px 0 11px 0; width:100%; margin:0 0 25px 0; transition: 0.3s; } .buttons:hover { border-color:#CAD3E1; filter: brightness(1.1); } .buttons_area { -moz-appearance:none; -webkit-appearance:none; appearance:none; border: none; border-radius:5px; cursor: pointer; family:SegoeUI-Regular-final; font-weight: bold; width: 80px; padding: 25px 20px; margin: 10px; display: inline-block; text-align: center; vertical-align: middle; transition: 0.3s; } .buttons_area:hover { transform: rotate(10deg); filter: brightness(1.07); } .buttons_area:hover:nth-child(2n) { transform: rotate(-10deg); filter: brightness(1.07); } .buttons_titulo { color: #FFF; font-size: 13px; line-height: 7px; margin: 10px 0 0 0; } .text_area { -moz-appearance:none; -webkit-appearance:none; border:solid 1px #DEE5EF; border-radius:5px; color:#615c70; font-family:SegoeUI-Regular-final; font-size:14px; padding:12px 8px 12px 8px; width:calc(100% - 18px); margin:0 0 15px 0; } .text_area:disabled, .text_area:enabled, .select_area:disabled, .select_area:enabled { -moz-appearance:none; -webkit-appearance:none; -webkit-text-fill-color:#615c70; -webkit-opacity:1; } .text_area:disabled, .select_area:disabled { background: #F7FBFF; } .text_area:hover { border-color:#CAD3E1; } .text_area:focus { border-color:#CAD3E1; background: #F7FBFF; } .text_areas { -moz-appearance:none; -webkit-appearance:none; background:#FFF; border:solid 1px #DEE5EF; border-radius:5px; color:#615c70; cursor:default; font-family:SegoeUI-SemiLight-final; font-size:14px; padding:12px 9px 12px 9px; width:calc(100% - 20px); margin:0 0 15px 0; text-align:center; } .text_area_titulos { -moz-appearance:none; -webkit-appearance:none; background:#FFF; border:none; color:#615c70; cursor:default; font-family:SegoeUI-SemiLight-final; font-size:28px; line-height:28px; padding:6px 0 6px 0; width:calc(100% - 20px); margin:0 0 15px 0; text-align:left; } .select_areas { -moz-appearance:none; -webkit-appearance:none; appearance:none; border:none; border-radius:5px; background:#2f5bb7; color:#FFFFFF; font-family:SegoeUI-Regular-final; font-size:16px; margin:8px 0 5px 0; padding:10px; width:100%; } .select_area { -moz-appearance:none; -webkit-appearance:none; background:url(../imgs/setas.png) no-repeat right; background-size:contain; border:solid 1px #DEE5EF; color:#615c70; border-radius:5px; font-family:SegoeUI-Regular-final; font-size:14px; padding:12px 22px 12px 8px; width:100%; margin:0 0 15px 0; cursor: pointer;} .select_area:hover { border-color:#CAD3E1; } .select_area:focus { border-color:#CAD3E1; background-color: #F7FBFF; } .select_areax { -moz-appearance:none; -webkit-appearance:none; background: #FFF; border:solid 1px #DEE5EF; border-radius:5px; color:#999; cursor: pointer; font-family:SegoeUI-Regular-final; font-size:12px; padding:0 5px 2px 5px; width:100%; margin:0 0 15px 0; text-align: center; text-align-last: center; } .select_areax:hover { border-color:#CCC; } .select_areax:focus { border-color:#CCC; } .select_incluir { -moz-appearance:none; -webkit-appearance:none; background:url(../imgs/setas.png) no-repeat right; background-size:contain; border:solid 1px #DEE5EF; color:#615c70; border-radius:5px; font-family:SegoeUI-Regular-final; font-size:14px; padding:5px 22px 5px 8px; width: calc(100% - 45px); margin:0; cursor: pointer;} .select_incluir:hover { border-color:#CAD3E1; } .select_incluir:focus { border-color:#CAD3E1; } .select_areap { -moz-appearance:none; -webkit-appearance:none; background:url(../imgs/setas.png) no-repeat right #FFF; background-size:contain; border:none; color:#615c70; font-family:SegoeUI-SemiLight-final; font-size:14px; margin:0; padding:0 5px 0 5px; text-align: center; width:calc(100% - 10px); } .bt_ok { -moz-appearance:none; -webkit-appearance:none; background:#EEE; color: #555; border: none; border-radius:5px; cursor:pointer; font-family:SegoeUI-Regular-final; font-size:16px; padding:12px 0 12px 0; width:100%; margin:15px 0 0 0; transition: 0.3s; } .bt_ok:hover { filter: brightness(1.03); } .bt_oks { -moz-appearance:none; -webkit-appearance:none; background: cornflowerblue; border: none; border-radius:5px; color:#FFF; cursor:pointer; font-family:SegoeUI-Regular-final; font-size:16px; padding:12px 0 12px 0; width:100%; margin:15px 0 0 0; transition: 0.3s; } .bt_oks:hover { filter: brightness(1.15); } .bt_incluir { -moz-appearance:none; -webkit-appearance:none; background-color: cornflowerblue; border: none; border-radius:5px; color: #FFF; cursor:pointer; font-family:SegoeUI-Regular-final; font-size:13px; padding:0 10px 2px 10px; transition: 0.3s; } .bt_incluir:hover { border-color:#CAD3E1; filter: brightness(1.05); } .bt_login { -moz-appearance:none; -webkit-appearance:none; appearance:none; background-image: -webkit-linear-gradient(bottom,#065121,#00963B); background-image: -moz-linear-gradient(bottom,#065121,#00963B); background-image: -ms-linear-gradient(bottom,#065121,#00963B); background-image: -o-linear-gradient(bottom,#065121,#00963B); background-image: linear-gradient(bottom,#065121,#00963B); border: none; color:#FFF; cursor:pointer; font-family:SegoeUI-Regular-final; font-size:14px; margin:-1px 0 15px 0; padding:11px 8px 11px 8px; width:100%; transition: 0.3s; } .bt_login:hover { background-image: -webkit-linear-gradient(bottom,#065121,#00963B); background-image: -moz-linear-gradient(bottom,#065121,#00963B); background-image: -ms-linear-gradient(bottom,#065121,#00963B); background-image: -o-linear-gradient(bottom,#065121,#00963B); background-image: linear-gradient(bottom,#065121,#00963B); opacity: 0.8; } .bt_azul { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:#0cc2aa; border:solid 1px #0cc2aa; border-radius:5px; color:#FFF; cursor:pointer; float:left; font-family:SegoeUI-SemiLight-final; font-size:15px; font-weight: bold; margin:0 20px 0 0; padding:0; width:100%; height:45px; transition: 0.3s; } .bt_azul:hover { background:#0cbca5; } .bt_azul_100 { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:#0cc2aa; border:solid 1px #0cc2aa; border-radius:5px; color:#FFF; cursor:pointer; float:left; font-family:SegoeUI-SemiLight-final; font-size:14px; font-weight: bold; margin:0; padding:0; width:100%; height:45px; transition: 0.3s; } .bt_azul_100:hover { background:#0cbca5; } .bt_vermelho { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:#e84252; border:solid 1px #f44455; border-radius:5px; color:#FFF; cursor:pointer; float:left; font-family:SegoeUI-SemiLight-final; font-size:18px; font-weight: bold; margin:0 20px 0 0; padding:7px 9px 8px 9px; width:calc(50% - 10px); transition: 0.3s; } .bt_vermelho:hover { background:#dd3747; } .bt_padrao { -moz-appearance:none; -webkit-appearance:none; appearance:none; background-image: -webkit-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -moz-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -ms-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -o-linear-gradient(bottom,#F7FBFF,#FFF); background-image: linear-gradient(bottom,#F7FBFF,#FFF); border:solid 1px #DEE5EF; border-radius:5px; color:#615c70; cursor:pointer; float:left; font-family:SegoeUI-SemiLight-final; font-size:14px; margin:0 20px 0 0; padding:0; width:calc(50% - 10px); height:45px; } .bt_padrao:hover { background-image: -webkit-linear-gradient(top,#F7FBFF,#FFF); background-image: -moz-linear-gradient(top,#F7FBFF,#FFF); background-image: -ms-linear-gradient(top,#F7FBFF,#FFF); background-image: -o-linear-gradient(top,#F7FBFF,#FFF); background-image: linear-gradient(top,#F7FBFF,#FFF); color:#111; } .bt_padrao_25 { -moz-appearance:none; -webkit-appearance:none; appearance:none; background-image: -webkit-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -moz-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -ms-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -o-linear-gradient(bottom,#F7FBFF,#FFF); background-image: linear-gradient(bottom,#F7FBFF,#FFF); border:solid 1px #DEE5EF; border-radius:5px; color:#615c70; cursor:pointer; float:left; font-family:SegoeUI-SemiLight-final; font-size:14px; margin:0 20px 20px 0; padding:0; width:calc(25% - 20px); height:45px; } .bt_padrao_25:hover { background-image: -webkit-linear-gradient(top,#F7FBFF,#FFF); background-image: -moz-linear-gradient(top,#F7FBFF,#FFF); background-image: -ms-linear-gradient(top,#F7FBFF,#FFF); background-image: -o-linear-gradient(top,#F7FBFF,#FFF); background-image: linear-gradient(top,#F7FBFF,#FFF); color:#111; } .bt_padrao_30 { -moz-appearance:none; -webkit-appearance:none; appearance:none; background-image: -webkit-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -moz-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -ms-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -o-linear-gradient(bottom,#F7FBFF,#FFF); background-image: linear-gradient(bottom,#F7FBFF,#FFF); border:solid 1px #DEE5EF; border-radius:5px; color:#615c70; cursor:pointer; float:left; font-family:SegoeUI-SemiLight-final; font-size:14px; margin:0 20px 0 0; padding:0; width:calc(33.33% - 13.4px); height:45px; } .bt_padrao_30:hover { background-image: -webkit-linear-gradient(top,#F7FBFF,#FFF); background-image: -moz-linear-gradient(top,#F7FBFF,#FFF); background-image: -ms-linear-gradient(top,#F7FBFF,#FFF); background-image: -o-linear-gradient(top,#F7FBFF,#FFF); background-image: linear-gradient(top,#F7FBFF,#FFF); color:#111; } .bt_padrao_100 { -moz-appearance:none; -webkit-appearance:none; appearance:none; background-image: -webkit-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -moz-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -ms-linear-gradient(bottom,#F7FBFF,#FFF); background-image: -o-linear-gradient(bottom,#F7FBFF,#FFF); background-image: linear-gradient(bottom,#F7FBFF,#FFF); border:solid 1px #DEE5EF; border-radius:5px; color:#615c70; cursor:pointer; float:left; font-family:SegoeUI-SemiLight-final; font-size:14px; margin:0; padding:0; width:100%; height:45px; } .bt_padrao_100:hover { background-image: -webkit-linear-gradient(top,#F7FBFF,#FFF); background-image: -moz-linear-gradient(top,#F7FBFF,#FFF); background-image: -ms-linear-gradient(top,#F7FBFF,#FFF); background-image: -o-linear-gradient(top,#F7FBFF,#FFF); background-image: linear-gradient(top,#F7FBFF,#FFF); color:#111; } .bt_add { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_add.png) no-repeat bottom right; background-size:contain; border:none; cursor:pointer; width:24px; height:24px; transition: 0.3s; } .bt_add:hover { background-color:#F5F5F5; filter: alpha(opacity=60); opacity: 0.6; } .bt_del { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_del.png) no-repeat bottom right; background-size:contain; border:none; cursor:pointer; width:24px; height:24px; transition: 0.3s; } .bt_del:hover { background-color:#F5F5F5; filter: alpha(opacity=60); opacity: 0.6; } .bt_delp { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_del.png) no-repeat bottom; background-size:20px; border:none; cursor:pointer; width:20px; height:20px; padding:0 0 2px 0; margin:0 0 0 5px; filter: alpha(opacity=20); opacity: 0.2; transition: 0.3s; } .bt_delp:hover { filter: alpha(opacity=90); opacity: 0.9; } .bt_remove { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_remove.png) no-repeat bottom right; background-size:contain; border:none; cursor:pointer; width:24px; height:24px; transition: 0.3s; } .bt_remove:hover { background-color:#F5F5F5; filter: alpha(opacity=60); opacity: 0.6; } .bt_verw { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_verw.png) no-repeat bottom right; background-size:contain; border:none; cursor:pointer; margin:1px 0 0 0; width:22px; height:22px; filter: alpha(opacity=60); opacity: 0.6; transition: 0.3s; } .bt_verw:hover { filter: alpha(opacity=100); opacity: 1; } .bt_fecharw { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_fecharw.png) no-repeat bottom right; background-size:contain; border:none; cursor:pointer; margin:1px 0 0 0; width:22px; height:22px; filter: alpha(opacity=60); opacity: 0.6; transition: 0.3s; } .bt_fecharw:hover { filter: alpha(opacity=100); opacity: 1; } .bt_ver { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_ver.png) no-repeat bottom right; background-size:contain; border:none; cursor:pointer; margin:1px 0 0 0; width:22px; height:22px; filter: alpha(opacity=30); opacity: 0.3; transition: 0.3s; } .bt_ver:hover { filter: alpha(opacity=50); opacity: 0.5; } .div_ver { float:right; margin:0 0 0 5px; } .bt_fechar { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_fechar.png) no-repeat bottom right; background-size:contain; border:none; cursor:pointer; margin:1px 0 0 0; width:22px; height:22px; filter: alpha(opacity=30); opacity: 0.3; transition: 0.3s; } .bt_fechar:hover { filter: alpha(opacity=50); opacity: 0.5; } .bt_back { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_back.png) no-repeat bottom center; background-size:contain; border:none; cursor:pointer; display: inline-block; margin:0 7px -7px 0; width:24px; height:24px; filter: alpha(opacity=30); opacity: 0.3; transition: 0.3s; } .bt_back:hover { filter: alpha(opacity=50); opacity: 0.5; } .bt_next { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_next.png) no-repeat bottom center; background-size:contain; border:none; cursor:pointer; display: inline-block; margin:0 0 -7px 7px; width:24px; height:24px; filter: alpha(opacity=30); opacity: 0.3; transition: 0.3s; } .bt_next:hover { filter: alpha(opacity=50); opacity: 0.5; } .tabela_pesquisa { background:#F5F9FF; float:left; font-weight: bold; margin:5px 0 0 0; padding:5px 0 7px 0; width:100%; } .par { background:#F5F9FF; font-size:12px; width:100%; transition: 0.3s; } .impar { background:#FFF; font-size:12px; width:100%; transition: 0.3s; } .par:hover { background: rgba(255, 200, 0, 0.4); } .impar:hover { background: rgba(255, 200, 0, 0.4); } .pars { background:#F5F9FF; float: left; font-size:12px; width:100%; transition: 0.3s; display: flex; align-items: center; } .impars { background:#FFF; float: left; font-size:12px; width:100%; transition: 0.3s; display: flex; align-items: center; } .pars:hover { background: rgba(255, 200, 0, 0.4); } .impars:hover { background: rgba(255, 200, 0, 0.4); } .par_doe { background:#F5F9FF; border-top:solid 1px #DEE5EF; float:left; width:100%; transition: 0.3s; } .impar_doe { background:#FFF; border-top:solid 1px #DEE5EF; float:left; width:100%; transition: 0.3s; } .par_doe:hover { background: rgba(255, 200, 0, 0.4); } .impar_doe:hover { background: rgba(255, 200, 0, 0.4); } .tip { cursor:pointer; display:inline-block; position:relative; } .tip .tex { background-color:#FFF; border-bottom:solid 3px #a88add; border-radius:6px; bottom:100%; box-shadow:#CCC 0 0 1px; color:#263748; font-size:14px; font-weight: normal; line-height:16px; left:50%; margin-left:-65px; padding:5px 10px 5px 10px; position:absolute; opacity:0; text-align:center; transition:opacity 0.5s; visibility:hidden; white-space:pre-line; width:110px; z-index:1; } .tip:hover .tex { visibility: visible; opacity:0.9; } .pagamento_text { -moz-appearance:none; -webkit-appearance:none; appearance:none; border-radius:5px; border:solid 1px #DDD; width:calc(100% - 2px); margin:1px 0 6px 0; padding:6px 0 6px 0; background:#FFF; font-size: 15px; font-family:SegoeUI-SemiLight-final; color: #404040; text-align:center; } .bt_pagar { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:#17a9f4; color:#FFF; cursor:pointer; border:none; border-radius:5px; font-family:SegoeUI-SemiLight-final; font-size:15px; width:100%; padding:8px 10px 9px 10px; float:left; margin:22px 0 22px 0; transition: 0.3s; } .bt_pagar:hover { background-color:#0896df; } .bt_trash { -moz-appearance:none; -webkit-appearance:none; background:url(../imgs/trash.png) no-repeat; background-size:contain; appearance:none; color:#b6bbc1; cursor:pointer; border:none; margin:2px 7px 0 0; width:16px; height:16px; float:left; opacity:0.8; transition: 0.3s; } .bt_trash:hover { opacity:1; } .post { float:left; margin:40px 0 0 0; width:100%; } .area_80 { float:left; margin:0 0 0 20px; width:calc(80% - 10px); } .area_75 { float:left; margin:0 0 0 20px; width:calc(75% - 5px); } .area_70 { float:left; margin:0 0 0 20px; width:calc(70% - 10px); } .area_60 { float:left; margin:0 0 0 20px; width:calc(60% - 10px); } .area_50 { float:left; margin:0 0 0 20px; width:calc(50% - 10px); } .area_50c { float:left; margin:0 0 0 20px; width:calc(50% - 20px); } .area_50b { float:left; margin:0 0 0 4%; width:calc(48%); } .area_40 { float:left; margin:0 0 0 20px; width:calc(40% - 10px); } .area_40b { float:left; margin:0 0 0 20px; width:calc(40% - 20px); } .area_35 { float:left; margin:0 0 0 20px; width:calc(35% - 20px); } .area_35b { float:left; margin:0 0 0 20px; width:calc(35% - 10px); } .area_30 { float:left; margin:0 0 0 20px; width:calc(30% - 10px); } .area_30b { float:left; margin:0 0 0 20px; width:calc(30% - 20px); } .area_25 { float:left; margin:0 0 0 20px; width:calc(25% - 20px); } .area_25b { float:left; margin:0 0 0 20px; width:calc(25% - 10px); } .area_25c { float:left; margin:0 0 0 20px; width:calc(25% - 15px); } .area_25e { float:left; margin:0 10px 20px 10px; width:calc(25% - 20px); } .area_20 { float:left; margin:0 0 0 20px; width:calc(20% - 10px); } .area_20b { float:left; margin:0 0 0 20px; width:calc(20% - 20px); } .area_20p { float:left; margin:10px 0 10px 20px; width:calc(20% - 20px); } .area_20c { float:left; margin:0 10px 20px 10px; width:calc(20% - 20px); } .area_15 { float:left; margin:0 0 0 20px; width:calc(15% - 10px); } .area_15b { float:left; margin:0 0 0 20px; width:calc(15% - 20px); } .area_button { float:left; margin:16px 0 0 0; width:100%; } .area_buttons { float:left; margin:19px 0 0 0; width:100%; } .area_buttons_a, .area_buttons_c, .area_buttons_d { float:left; margin:19px 0 0 0; width:100%; } .area_buttons_b, .area_buttons_r { float:left; margin:9px 0 0 0; width:100%; } .area_button_r { float:left; margin:16px 0 0 0; width:100%; } .area_button_a { float:left; margin:31px 0 0 0; width:100%; } .area_button_50 { float:left; margin:16px 0 0 20px; width:calc(50% - 20px); } .area_buttons_50 { float:left; margin:19px 0 0 20px; width:calc(50% - 10px); } .area_button_50a { float:left; margin:0 0 0 40px; width:calc(50% - 20px); } .area_button_50b { float:left; margin:16px 0 0 20px; width:calc(50%); } .area_button_50c { float:left; margin:16px 0 0 20px; width:calc(50% - 10px); } .area_msg_total { background:url(../imgs/bg_preta_alpha.png); font-family:SegoeUI-Light-final; width:100%; height:100%; position:fixed; visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s linear; z-index:110; } .area_msg_menu { background:url(../imgs/bg_pretos_alpha.png); width:100%; height:100%; position:fixed; opacity: 0; visibility: hidden; z-index:101; transition: .3s; } .area_alerta { background:#FFF; border-radius: 15px; color:#615c70; position:absolute; width:280px; top:50%; left:50%; margin-left:-140px; text-align:center; } .area_alerta_200 { background:#FFF; border-radius: 15px; color:#615c70; position:absolute; width:280px; height:200px; top:50%; left:50%; margin:-100px 0 0 -140px; text-align:center; } .area_alerta_220 { background:#FFF; border-radius: 15px; color:#615c70; position:absolute; width:280px; height:220px; top:50%; left:50%; margin:-110px 0 0 -140px; text-align:center; } .area_alerta_250 { background:#FFF; border-radius: 15px; color:#615c70; position:absolute; width:280px; height:250px; top:50%; left:50%; margin:-125px 0 0 -140px; text-align:center; } .area_alerta_280 { background:#FFF; border-radius: 15px; color:#615c70; position:absolute; width:280px; height:280px; top:50%; left:50%; margin:-140px 0 0 -140px; text-align:center; } .area_alerta_300 { background:#FFF; border-radius: 15px; color:#615c70; position:absolute; width:280px; height:300px; top:50%; left:50%; margin:-150px 0 0 -140px; text-align:justify; } .area_alerta_300c { background:#FFF; border-radius: 15px; color:#615c70; position:absolute; width:280px; height:300px; top:50%; left:50%; margin:-150px 0 0 -140px; text-align:center; } .area_alerta_350 { background:#FFF; border-radius: 15px; color:#615c70; position:absolute; width:280px; height:350px; top:50%; left:50%; margin:-175px 0 0 -140px; text-align:justify; } .area_alerta_380 { background:#FFF; border-radius: 15px; color:#615c70; position:absolute; width:280px; height:380px; top:50%; left:50%; margin:-190px 0 0 -140px; text-align:justify; } .area_alerta_400 { background:#FFF; border-radius: 15px; color:#615c70; position:absolute; width:300px; height:460px; top:50%; left:50%; margin:-230px 0 0 -150px; } .fecha_msg { position:absolute; font-family:SegoeUI-Regular-final; margin:-2px 0 0 252px; cursor:pointer; } .alerta { width:calc(100% - 60px); height:calc(100% - 55px); margin:5px 30px 30px 30px; } .laranja { color:#EA7610; font-family:SegoeUI-Regular-final; font-size:20px; float:left; width:100%; margin:20px 0 20px 0; text-align:center; } .area_pacote_total { background:url(../imgs/bg_preta_alpha.png); font-family:SegoeUI-Light-final; width:100%; height:100%; position:fixed; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; z-index:104; visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s linear; } .area_pacote_total::-webkit-scrollbar { display: none; } .area_pacote { background:#FFF; border-radius: 8px; box-shadow: 0 1px 2px rgba(0,0,0, .4),0 -1px 0 rgba(0,0,0, .02); border:solid 10px #FFF; border-bottom:solid 20px #FFF; color:#615c70; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(65% - 20px); height:calc(80% - 70px); z-index:104; margin: 15px 0 0 0; padding: 35px 0 0 0; overflow: auto; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } .area_pacote::-webkit-scrollbar { display: none; } .pacote_fechar { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_close.png) no-repeat; background-size:contain; width:16px; height:16px; border:none; cursor:pointer; float:right; position:absolute; right:-3px; margin:0; top:0; } .pacote_fechar:hover { transform: scale(1.15,1.15); } .pacote_titulo { background: #FFF; border-top-left-radius: 8px; border-top-right-radius: 8px; color: royalblue; border: solid 10px #FFF; font-family:SegoeUI-SemiLight-final; font-size:12px; font-weight: bold; float:left; left:50%; top:-15px; transform:translate(-50%, +10%); text-align:center; position:absolute; z-index:105; padding-left: 40px; width: calc(100% - 40px); } .pacote { margin:-10px 20px 0 20px; overflow-y: auto; height: calc(100% + 10px); } .pacote::-webkit-scrollbar { display: none; } .area_pacote_total_nomes { background:url(../imgs/bg_preta_alpha.png); font-family:SegoeUI-Light-final; width:100%; height:100%; position:fixed; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; z-index:104; visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s linear; } .area_pacote_total_nomes::-webkit-scrollbar { display: none; } .area_pacote_nomes { background:#FFF; box-shadow: 0 1px 2px rgba(0,0,0, .4),0 -1px 0 rgba(0,0,0, .02); border:solid 10px #FFF; border-bottom:solid 20px #FFF; color:#615c70; border-radius: 8px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(55% - 20px); height:calc(70% - 70px); z-index:104; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 20px 0 0 0; } .area_pacote_nomes::-webkit-scrollbar { display: none; } .pacote_fechar_nomes { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_close.png) no-repeat; background-size:contain; width:16px; height:16px; border:none; cursor:pointer; float:right; position:absolute; right:-3px; margin:0; top:0; } .pacote_fechar_nomes:hover { transform: scale(1.15,1.15); } .pacote_titulo_nomes { color: royalblue; font-family:SegoeUI-SemiLight-final; font-size:12px; font-weight: bold; float:left; width:100%; left:50%; top:-3px; transform:translate(-50%, +10%); text-align:center; position:absolute; z-index:105; } .pacote_nomes { margin:10px 20px 0 20px; overflow-y: auto; height: calc(100% - 10px); } .pacote_nomes::-webkit-scrollbar { display: none; } .area_pacote_total_pdf { background:url(../imgs/bg_preta_alpha.png); font-family:SegoeUI-Light-final; width:100%; height:100%; position:fixed; display:none; margin: 10px 0 0 0; z-index:104; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .area_pacote_total_pdf::-webkit-scrollbar { display: none; } .area_pacote_pdf { background:#FFF; box-shadow: 0 1px 2px rgba(0,0,0, .4),0 -1px 0 rgba(0,0,0, .02); border:solid 10px #FFF; border-bottom:solid 20px #FFF; border-top:solid 30px #FFF; color:#615c70; border-radius: 8px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 20px); height:calc(100% - 50px); z-index:104; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .area_pacote_pdf::-webkit-scrollbar { display: none; } .pacote_fechar_pdf { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_close.png) no-repeat; background-size:contain; width:16px; height:16px; border:none; cursor:pointer; float:right; position:absolute; right:7px; margin:0; top:7px; } .pacote_fechar_pdf:hover { transform: scale(1.15,1.15); } .pacote_titulo_pdf { color: royalblue; font-family:SegoeUI-SemiLight-final; font-size:12px; font-weight: bold; float:left; width:100%; top: 5px; text-align:center; position:absolute; z-index:105; } .pacote_pdf { background:url("../imgs/carregandos.gif") no-repeat center; background-size: 200px; margin:0; width: 100%; height: 100%; } .left { display: inline-block; margin:0 5px 0 5px; } .paginas { display: inline-block; margin:-5px 0 0 0; } .paginasb { display: inline-block; margin:10px 0 0 0; } .paginas_registros { float:left; font-size:12px; margin: 10px 0 0 0; width:100%; text-align: center; } .paginas_div { display: inline-block; color:#999; font-size:12px; text-align: right; } .area_pesquisa { border-top:solid 1px #DEE5EF; float:left; width:100%; display: flex; align-items: center; } .area_pesquisap { border-top:solid 1px #DEE5EF; cursor: pointer; float:left; padding: 0 0 3px 0; width:100%; display: flex; align-items: center; } .area_pesquisaf { width:calc(33.33% - 42px); border:solid 1px #EEE; border-radius: 7px; height:300px; margin: 20px; float:left; display: flex; align-items: center; } .area_pesquisad { display: inline-block; max-width: calc(30% - 35px); border:solid 1px #EEE; border-radius: 5px; margin: 15px; padding: 15px; width: 100%; vertical-align: middle; } .area_youtube { border: solid 10px #F7F7F7; width:calc(100% - 20px); height:350px; } .titulo_video { font-family:SegoeUI-SemiLight-final; font-size:21px; margin:15px 0 25px 0; text-align: center; } .texto_video { background:#F7F7F7; margin:0 0 30px 0; padding: 10px 20px 20px 20px; } .shop_produto { float: left; width: 100%; } .shop_line { border-top: solid 1px #EEE; float:left; padding: 20px 0 20px 0; width:100%; } .shop_line:first-child { border:none; margin: 5px 0 0 0; } .shop_img { border:solid 5px #EEE; border-radius: 20px; float:left; width:100px; height:100px; } .shop_name { color:#615c70; cursor:default; font-family:SegoeUI-SemiLight-final; font-size:15px; font-weight:bold; width:calc(100% - 140px); float:left; padding:17px 15px 0 15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; } .shop_qty { color:#888; cursor:default; font-family:SegoeUI-SemiLight-final; font-size:14px; width:calc(100% - 125px); float:left; padding:0 0 0 15px; } .shop_titulo { color:#DC0105; } .shop_history { background: #F9F9F9; border: solid 1px #eee; display: inline-block; color: #222; font-size: 14px; font-weight: bold; width: calc(100% - 2px); vertical-align: bottom; } @media screen and (max-width: 580px) { .shop_history { font-size: 12px; } } .shop_1, .shop_2, .shop_3, .shop_4 { display: inline-block; width: 25%; height: 50px; margin: 35px 0 75px 0; text-align: center; vertical-align: bottom; } .shop_1 { background: url("../imgs/shop_1.png") no-repeat top; background-size: contain; } .shop_2 { background: url("../imgs/shop_2.png") no-repeat top; background-size: contain; } .shop_3 { background: url("../imgs/shop_3.png") no-repeat top; background-size: contain; } .shop_4 { background: url("../imgs/shop_4.png") no-repeat top; background-size: contain; } @media screen and (max-width: 1150px) { .area_pacote { width:calc(80% - 20px); height:calc(80% - 70px); } .area_pacote_nomes { width:calc(70% - 20px); height:calc(70% - 70px); } .area_cursos { margin:15px 0 15px 0; } .area_pesquisad { max-width: calc(50% - 70px); } } @media screen and (max-width: 900px) { .titulo { font-size:11px; line-height:16px; } .area_menu_topo { top: 0; } .area_principal { width:calc(100% - 10px); margin:0px 5px; } .topo_texto { margin:15px 0 0 15px; width:calc(100% - 60px); } .topo_menu { display:block; } .sidenav { background: #FFF; position: fixed; margin: 0 0 0 -250px; } .area_youtube { height:300px; } } @media screen and (max-width: 800px) { .area_pesquisaf { width:calc(50% - 42px); height:250px; } .paginas_div { text-align: center; } .paginas, .paginasb { margin: 0; } .clear_line { margin:0 0 20px -25px; width:calc(100% + 50px); } .titulo { font-size:12px; } .area_areas_div { margin:15px 0 -40px 0; } .area_areas_none { margin:15px 10px 15px 10px; width:calc(100% - 20px); } .area_infos { margin:0 0 20px 0; width:100%; } .area_infosc { margin:0 0 20px 0; width:100%; } .area_infosb { margin: -20px 0 0 0; width:100%; } .area_infosa { margin:0 0 20px 0; width:100%; } .area_infos_100a { margin:0 0 20px 0; width:100%; } .area_infos_100c { margin:0 0 20px 0; width:100%; } .area_infos_100 { margin: -10px 0 20px 0; } .area_infos_100t { margin:0 0 20px 0; } .area_button, .area_buttons { float:left; margin:0; width:100%; } .area_buttons_c { float:left; margin: 0; width:100%; } .area_buttons_r { float:left; margin:-10px 0 0 0; width:100%; } .area_button_a { float:left; margin:16px 0 0 0; width:100%; } .area_button_50 { margin:16px 0 0 20px; width:calc(50% - 10px); } .area_buttons_50 { float:left; margin:19px 0 0 20px; width:calc(50% - 10px); } .area_button_50a { margin:0 0 0 20px; width:calc(50% - 10px); } .area_50b { width:100%; margin:0; } .clearsf { clear:both; padding: 10px 0 0 0; } } @media screen and (max-width: 736px) { .tex { display:none; } .area_pacote { width:calc(85% - 20px); height:calc(85% - 70px); } .area_pacote_nomes { width:calc(75% - 20px); height:calc(75% - 70px); } .area_vagas { width:calc(50% - 46px); } } @media only screen and (max-device-width: 667px) { .pacote_fechar { right:-10px; } } @media screen and (max-width: 600px) { .bt_padrao_25 { width:calc(50% - 20px); } .area_areas_none { margin:15px 5px 15px 5px; width:calc(100% - 10px); } .area_pacote { width:calc(90% - 20px); height:calc(90% - 70px); } .area_pacote_nomes { width:calc(80% - 20px); height:calc(80% - 70px); } .area_pesquisad { max-width: calc(100% - 70px); } } @media screen and (max-width: 568px) { .area_youtube { height:250px; } } @media screen and (max-width: 500px) { .area_pesquisaf { width:calc(100% - 42px); height:300px; } .area_buttons_d { float:left; margin: 0 0 10px 0; width:100%; } .bt_azul_100 { margin-top:20px; } .area_vagas { width:calc(100% - 46px); } .vagas_logo_div { float:none; margin:0 0 15px calc(50% - 35px); } .area_80 { width:100%; margin:0; } .area_75 { width:100%; margin:0; } .area_70 { width:100%; margin:0; } .area_60 { width:100%; margin:0; } .area_50 { width:100%; margin:0; } .area_50b { width:100%; margin:0; } .area_50c { width:100%; margin:0; } .area_40 { width:100%; margin:0; } .area_40b { width:100%; margin:0; } .area_35 { width:100%; margin:0; } .area_35b { width:100%; margin:0; } .area_30 { width:100%; margin:0; } .area_30b { width:100%; margin:0; } .area_25 { width:100%; margin:0; } .area_25b { width:100%; margin:0; } .area_25c { width:100%; margin:0; } .area_25e { width:100%; margin:0 0 20px 0; } .area_20 { width:100%; margin:0; } .area_20b { width:100%; margin:0; } .area_20p { width:100%; margin:10px 0 10px 0; } .area_20c { width:100%; margin:0; } .area_15 { width:100%; margin:0; } .area_15b { width:100%; margin:0; } .area_button_r { float:left; margin:1px 0 16px 0; width:100%; } .area_button_b { float:left; margin:22px 0 0 0; width:100%; } .area_buttons_50 { float:left; margin:0; width:100%; } .area_button_50 { margin:16px 0 0 0; width:100%; } .area_button_50a { margin:16px 0 0 0; width:100%; } .area_button_50b { margin:0; width:100%; } .area_button_50c { margin:0; width:100%; } .area_youtube { height:auto; } } @media screen and (max-width: 414px) { } @media screen and (max-width: 375px) { } @media screen and (max-width: 320px) { } .areafd {float: none; display: inline-block; } .aream { margin: 0; } .areamb { margin-bottom: 0; } .areal { margin-left: 0; margin-right: 0; } .arear { margin-right: 0; } .areaml { float: left; margin: 0; } .areamlr { float: left; margin: 0 20px 0 0; } .areamf { float: right; margin: 0; } .cp_full { width: 96%; height: calc(96% - 60px); } .cp_large { width: 76%; height: calc(86% - 60px); } .cp_middle { width: 56%; height: calc(80% - 60px); } .cp_small { width: 26%; height: calc(70% - 60px); } .cp_calendar { width: 490px; height: auto; } .cp_total { -webkit-overflow-scrolling:touch; background:url(../imgs/bg_preta_alpha.png); z-index:104; position: fixed; width: 100%; height: 100%; text-align: center; visibility: hidden; opacity: 0; transition: .3s; } .cp_total:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; visibility: visible; } .cp_titulo { background: #FFF; border-radius: 8px; color: royalblue; font-weight: bold; margin: 0; padding: 5px 10px 5px 30px; position: absolute; width: calc(100% - 40px); text-align: center; z-index: 10000; } .cp_titulol { width: calc(100% - 52px); font-family: 'SegoeUI-Regular-final'; font-size: 14px; font-weight: bold; float: left; margin: 5px 0 5px 0; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .cp_titulor { width: 52px; float: left; } .cp_areas { margin: 0; vertical-align: middle; z-index: 999; visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s linear; position: relative; } .cp_area { background-color: #FFF; border: solid 20px #FFF; border-radius: 10px; display: inline-block; margin: 2px 0 0 0; vertical-align: middle; width: calc(100% - 40px); height: calc(100% - 40px); overflow: auto; -ms-overflow-style: none; scrollbar-width: none; position: relative; } .cp_area::-webkit-scrollbar { display: none; } .cp_fechar { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_close.png) center no-repeat; background-size:contain; border: none; margin: 5px 0 0 2px; width:16px; height:16px; cursor:pointer; float:right; transition: .2s; } .cp_fechar:hover { transform: scale(1.15,1.15); } .cp_maximizar { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_full.png) center no-repeat; background-size:contain; border: none; margin: 5px 0 0 0; width:16px; height:16px; cursor:pointer; float:right; transition: .2s; } .cp_maximizar:hover { transform: scale(1.15,1.15); } .cp_minimizar { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/bt_middle.png) center no-repeat; background-size:contain; border: none; margin: 5px 0 0 2px; width:16px; height:16px; cursor:pointer; float:right; transition: .2s; } .cp_minimizar:hover { transform: scale(1.15,1.15); } @media screen and (max-width: 1280px) { .cp_small { width: 30%; } } @media screen and (max-width: 1068px) { .cp_large { width: 96%; height: calc(100% - 60px); } .cp_middle { width: 76%; height: calc(86% - 60px); } } @media screen and (max-width: 1030px) { .cp_small { width: 36%; } } @media screen and (max-width: 940px) { .cp_small { width: 40%; } } @media screen and (max-width: 810px) { .cp_small { width: 46%; } .box_left, .box_right { margin: 0; width: 100%; } } @media screen and (max-width: 768px) { .cp_middle { width: 96%; height: calc(100% - 60px); } } @media screen and (max-width: 720px) { .cp_small { width: 50%; } } @media screen and (max-width: 640px) { .cp_small { width: 60%; } } @media screen and (max-width: 560px) { .cp_calendar { width: 340px; } } @media screen and (max-width: 540px) { .cp_small { width: 70%; height: calc(100% - 60px); } .bt_cp { width: 100%; margin: 0 0 20px 0; } } @media screen and (max-width: 460px) { .cp_small { width: 80%; } } @media screen and (max-width: 380px) { .cp_small { width: 96%; } } @media screen and (max-width: 540px) { .buttons_area { width: 75px; padding: 15px 10px; margin: 10px; } .linear { font-size: 30px; } .buttons_titulo { font-size: 11px; line-height: 5px; } } @media screen and (max-width: 420px) { .buttons_area { width: 70px; padding: 15px 5px; margin: 7px; } } @media screen and (max-width: 375px) { .buttons_area { margin: 5px; } .buttons_titulo { font-size: 10px; line-height: 4px; } } .ticket_area { clear: both; border-radius: 7px; border: solid 1px #EEE; cursor: pointer; display: inline-flex; padding: 20px 20px 18px 20px; margin: 10px 0 0 0; transition: 0.5s; width: calc(100% - 42px); vertical-align: middle; } .ticket_a { width: calc(100% - 180px); } .ticket_b { margin: 0 20px 0 20px; width: 20px; } .ticket_c { float: right; border-left: solid 3px; padding: 0 20px 0 20px; width: 90px; text-align: center; } .ticket_b:before, .ticket_c:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .ticket_ball { background-color: limegreen; border-radius: 20px; display: inline-block; width: 20px; height: 20px; vertical-align: middle; transition: 0.5s; } .ticket_ball:hover { filter: brightness(1.15); } .ticket_foto { box-shadow: 0 -3px 0 hotpink; border: solid 1px hotpink; border-radius: 100px; float: left; margin: 11px 20px 0 0; width: 75px; height: 75px; transition: 0.5s; } .ticket_foto:hover { filter: brightness(1.2); } .ticket_categoria { float: left; vertical-align: middle; width: calc(100% - 100px); text-align: left; } .ticket_categorias { border-radius: 7px; border: none; display: inline-block; font-family: 'SegoeUI-SemiLight-final'; font-size: 13px; font-weight: bold; line-height: 15px; padding: 4px 8px 5px 8px; transition: 0.3s; } .ticket_categorias:hover { filter: brightness(1.5); } .ticket_nome { float: left; font-size: 13px; font-weight: bold; margin: 5px 0 5px 0; vertical-align: middle; width: calc(100% - 100px); text-align: left; } .ticket_borda { background: #abd7fd; border-radius: 7px; display: inline-block; padding: 3px 8px 4px 8px; transition: 0.3s; } .ticket_borda:hover { filter: brightness(1.1); } .ticket_dia { font-size: 12px; } .ticket_titulo { font-size: 15px; font-style: italic; margin: 5px 0 0 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; } .ticket_id, .ticket_org { display: inline-block; font-size: 14px; font-weight: bold; line-height: 15px; vertical-align: middle; } .ticket_id { font-family: 'SegoeUI-Regular-final'; font-size: 22px; } .ticket_org { font-size: 12px; } @media screen and (max-width: 667px) { .ticket_a { width: calc(100% - 160px); } .ticket_c { padding: 0 0 0 20px; } .ticket_categoria { clear: both; width: auto; } .ticket_nome { clear: both; width: auto; } .ticket_dia { clear: both; } .ticket_foto, .ticket_titulo { display: none; } } @media screen and (max-width: 450px) { .ticket_foto { box-shadow: 0 -2px 0 hotpink; display: inline-block; float: none; margin: 0; width: 45px; height: 45px; } .ticket_area { display: table; width: calc(100% - 42px); } .ticket_a { display: inline-block; width: 100%; float: left; margin: 0 0 15px 0; padding: 0; text-align: center; } .ticket_c { border: none; display: block; width: 100%; float: left; margin: -25px 0 0 0; padding: 10px 0 0 0; text-align: center; } .ticket_b { display: block; float: left; margin: 0 0 -15px 0; padding: 0; } .ticket_dia { display: none; margin: 7px 0 8px 0; font-size: 13px; font-weight: bold;} .ticket_nome { display: none; width: 100%; text-align: center; margin: 3px 0 5px 0; } .ticket_borda { border-radius: 7px; display: block; width: calc(100% - 14px); padding: 5px 7px 6px 7px; text-align: center; } .ticket_org { display: block; margin: 5px 0 0 0; font-size: 14px; } .ticket_categoria { width: calc(100% - 14px); border: none; border-radius: 7px; margin: 0; padding: 5px 7px 6px 7px; text-align: center; } .ticket_categoria:hover { filter: brightness(1.1); } } .tickets_area { clear: both; border-radius: 7px; border: solid 1px #EEE; cursor: default; display: inline-flex; padding: 20px 20px 18px 20px; margin: 10px 0 0 0; transition: 0.5s; width: calc(100% - 42px); vertical-align: middle; } .tickets_a { display: inline-block; vertical-align: middle; width: 100%; } .tickets_foto { box-shadow: 0 -3px 0 hotpink; border: solid 1px hotpink; border-radius: 100px; margin: 0 20px 0 0; width: 90px; height: 90px; transition: 0.5s; display: inline-block; vertical-align: middle; } .tickets_foto:hover { filter: brightness(1.2); } .tickets_nome { font-size: 13px; font-weight: bold; margin: 0; display: inline-block; vertical-align: middle; width: calc(100% - 120px); text-align: left; } .tickets_bordac, .tickets_bordan, .tickets_bordao { border-radius: 7px; display: inline-block; margin: 0 0 5px 0; padding: 3px 8px 4px 8px; transition: 0.3s; } .tickets_bordac { background-color: #F3E96F; } .tickets_bordan { background: #abd7fd; } .tickets_bordao { background: #87E385; } .tickets_bordac:hover, .tickets_bordan:hover, .tickets_bordao:hover { filter: brightness(1.06); } .tickets_dia { font-size: 12px; font-weight: normal; margin: 0; } .tickets_titulo { clear: both; float: none; font-size: 17px; font-style: italic; font-weight: bold; margin: 20px 0 10px 0; text-align:left; } .tickets_texto { font-size: 15px; font-style: italic; text-align:left; } .ticketr_area { clear: both; border-radius: 7px; border: solid 1px #EEE; cursor: default; padding: 12px 15px 12px 15px; margin: 10px 0 0 0; transition: 0.5s; width: calc(100% - 32px); vertical-align: middle; } .ticketr_a { display: inline-block; width: 100%; vertical-align: middle; } .ticketr_b { display: inherit; width: 100%; } .ticketr_foto { box-shadow: 0 -2px 0 hotpink; border: solid 1px hotpink; border-radius: 100px; display: inline-block; margin: 2px 10px 0 0; width: 50px; height: 50px; transition: 0.5s; vertical-align: middle; } .ticketr_foto:hover { filter: brightness(1.2); } .ticketr_nome { border-radius: 100px; display: inline-block; font-size: 13px; font-weight: bold; margin: 5px 0 0 0; vertical-align: middle; width: calc(100% - 66px); text-align: left; } .ticketr_bordan { background: #abd7fd; border-radius: 5px; display: inline-block; margin: 0; padding: 3px 8px 4px 8px; transition: 0.3s; } .ticketr_bordan:hover { filter: brightness(1.1); } .ticketr_dia { font-size: 12px; font-weight: normal; margin: -5px 0 0 0; } .ticketr_texto { display: inherit; font-size: 15px; font-style: italic; margin: 15px 0 0 0; text-align: left; word-wrap: break-word; } @media screen and (max-width: 500px) { .tickets_area { text-align: center; } .tickets_dia { margin: 0 10px 10px 10px; } .tickets_foto { margin: 10px 0; clear: both; float: none; display: inline-block; text-align: center; } .tickets_nome { margin: 0; clear: both; float: none; display: inline-block; text-align: center; width: 100%; } .tickets_titulo { text-align: center; margin: 20px 0 20px 0; } } .area_versub { border: solid 1px #DEE5EF; border-radius: 5px; float: left; padding: 25px 20px 0 20px; margin: 0 0 20px 0; width: calc(100% - 42px); } .dmly_topo { background:url("../imgs/bg.jpg") center no-repeat; background-size:cover; border: solid 1px #DEE5EF; border-radius: 7px; display: inline-block; width: 100%; height: 100%; text-align: center; position: relative; vertical-align: top; } .dmly_topo_foto { border: solid 5px #FFF; border-radius:100px; box-shadow: 0 0 2px #000; display: inline-block; margin: 85px 0 10px 0; position: relative; width:150px; height:150px; z-index: 1; vertical-align: top; } .dmly_topo_nome { color: #FFF; display: block; font-size: 25px; font-weight: bold; margin: 0; text-shadow: 1px 1px 2px #000; vertical-align: top; position: absolute; width: 100%; overflow:hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .dmly_topo_menu { background: #F7FBFF; border: solid 1px #DEE5EF; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; display: inline-block; float: left; margin: 45px 0 -1px -1px; padding: 15px 0 15px 0; width: 100%; vertical-align: top; } .dmly_topo_link { cursor: pointer; display: inline-block; font-size: 18px; font-weight: bold; margin: 0 10px 0 10px; }