/* IE hacks: color: black; // works for all browsers color: red\0; // works for IE9 and below color: red\9; // works for IE8 and below *color: green; // works for IE7 and below _color: blue; // works for IE6 and below */ /* O ArgGis trabalha com z-index menor que 100. Para evitar sobreposi��o do mapa nos menus do sistema usaremos z-index maior que 100 */ /* ---------- */ /* HTML RESET */ /* ---------- */ html { width: 100%; font-size: 13px; font-family: Arial, Helvetica, sans-serif} body { width: 100%; padding: 0; margin: 0; text-align: center; color: #555; z-index: 1; zoom: 1} h1 { font-size: 20px; color: #000; padding: 8px 0 5px 0; margin: 0} h2 { display: inline-block; margin: 12px 10px 2px 0; height: 30px; padding: 0 } td { text-align: left} form { margin: 0} a img { border: none } select { margin: 7px 4px } /* ------------------------- */ /* COMPONENTES DO WEBSUPPORT */ /* ------------------------- */ /* caesb:menu */ .wmenu { height: 32px; padding-top: 0px; padding-bottom: 0; z-index: 110; } .wmenu table { width: auto; height: 32px; text-align: left; border-collapse: collapse;} .wmenu table td { vertical-align: top; padding: 0} .wmenu table a { color: #fff; display: block; text-align: center; text-decoration: none; } .wmenu table a { line-height:32px; padding: 0 15px; white-space: nowrap;} .wmenu table a:hover, .wmenu table a.hover { background-color: #FFF !important; color: #000; } .wmenu .submenuWrapper { position: relative; height: 32px; } .wmenu .submenuWrapper ul a { text-align: left} .wmenu .submenu { padding: 5px 0} .wmenu .submenu { background: #FFF; position: absolute; top: 32px; display: none; z-index: 111; } .wmenu .submenu { -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4); } .wmenu .submenu { box-shadow: 0 5px 20px rgba(0,0,0,0.6); } .wmenu .submenu table { width: auto; height: auto; } .wmenu .submenu table a { text-align: left; font-size: 10pt; display:block; height: 100%; line-height: 23px; font-weight: 400; } .wmenu .submenu table a { padding: 0px 15px 1px 15px; color: #464646; white-space: nowrap; text-decoration: none; border-right: 0px solid #FFF; } .wmenu .submenu table a:hover { background: #DDD !important} .wmenu .submenu table td.separador { font-family: verdana, arial, sans serif; color: #F83E5B; font-weight: bold; } .wmenu .submenu table td.separador { font-size: 9pt; padding: 8px 13px 0px 13px; line-height: 22px; white-space: nowrap;} .wmenu .submenu table .disabled { text-align: left; font-size: 10pt; display:block; height: 100%; line-height: 23px; font-weight: 400; } .wmenu .submenu table .disabled { padding: 0px 15px 1px 15px; color: #aaa; white-space: nowrap; text-decoration: none; border-right: 0px solid #FFF; } .wmenu table a .label { display: inline-block} .wmenu table a .icon-left { padding-right: 5px} .wmenu table a .icon-right { padding-left: 5px} .wmenu table a .icon { display: inline-block; vertical-align: text-bottom; } .wmenu table a .ui-icon { background-image: url("ui-icons_ffffff_256x240.png"); } .wmenu .submenu table a .ui-icon { background-image: url("ui-icons_333333_256x240.png"); } .wmenu table a:hover .ui-icon, .wmenu table a.hover .ui-icon { background-image: url("ui-icons_333333_256x240.png"); } .wmenu table .usuarioLogado { color: #fff; display: block; text-align: center; text-decoration: none;} .wmenu table .usuarioLogado a { display: inline-block; padding-left: 6px} .wmenu .submenu { border: 1px solid #aaa\0; } /* Fix para que o background funcione no IE 8, mesmo no modo mimic IE7 */ .wmenu table a:hover { border: 0px } /* caesb:linhaForm */ .ui-linha-form .somenteTexto {padding-top: 5px; display: inline-block} .ui-linha-form .ui-button { margin: 0 .2em } .ui-linha-form { width: 100%;} .ui-linha-form th { padding: 5px 4px 0 4px; font-weight: 400; width: 100px; text-align: right; vertical-align: top} .ui-linha-form td { padding: 0 4px; white-space: nowrap; width: auto} .ui-linha-form td td, .ui-linha-form td th { padding: 0; } .ui-linha-form-error {background-color: #FDD !important; margin-bottom: 3px} .ui-linha-form-messages {color: #F00 !important; font-style: italic;} .ui-linha-form-messages span {display: block;} /* filtro de marcacao de campo com erro */ .ui-input-invalid { background-color: #FFF !important; border: 1px solid #F00 !important} /* ---------------------- */ /* TEMPLATE DO WEBSUPPORT */ /* ---------------------- */ #ajaxStart { background: url("/portal-servicos/app/javax.faces.resource/base/image/aguarde.gif") 0 0 no-repeat; } #ajaxStart { display: inline-block; margin: 6px; padding-left: 40px; height: 25px; padding-top: 10px } #ajaxError { display: none; position: absolute; width: 200px; height:25px; left: 50%; top: -1px; text-align: center; z-index: 3000 } #ajaxError span { width: 400px; margin-left: -200px; background: #d55 !important; border: 1px solid #fff; } #ajaxError span { display: block; font-size: 13px !important; font-family: arial; color: #fff; line-height: 25px; } #msgInfoOutput { width: 640px; left: 50%; margin-left: -320px; top: 26px; position: fixed; z-index:999999;} #msgInfoOutput .ui-messages-info { margin: 0; background-color: #f9edbe; border: 2px solid #f0c36d; padding: 3px; color: #000;} #msgInfoOutput .ui-messages-info-icon { display: none} #msgInfoOutput a { text-decoration: none; color: #000; line-height: 25px; padding-right: 10px; display: inline-block} #msgErrorOverlay { position: fixed; width: 100%; z-index: 2000; left: 0; top: 0; height: 100%; background-color: #fff; opacity: 0.50; filter:Alpha(Opacity=50); } #msgErrorOutput { position: fixed; width: 500px; z-index: 2001; background-color: #FFCACA; border: 2px solid #D8000C } #msgErrorOutput { width: 500px; left: 50%; margin-left: -250px; height: auto; top: 50%; margin-top: -40px; padding-bottom: 20px } #msgErrorOutput .ui-messages-error { font-weight: bold; background: none; border: none} #msgErrorOutput .ui-messages-info ul {margin: 0 !important} #msgErrorOutput .ui-messages-info { font-weight: bold; background: none; border: none} #msgErrorOutput .ui-messages-info .ui-messages-info-icon {display: none} #msgErrorOutput a { font-weight: bold; color: #fff} /* --------------------- */ /* TEMPLATE DOS SISTEMAS */ /* --------------------- */ #topo1Wrapper { position: fixed; top: 0; height: 36px; z-index: 104;} #topo1Wrapper { min-width: 980px; width: 100%; background: url("/portal-servicos/app/javax.faces.resource/base/image/head_bg1.png") 0 0 repeat-x; } #topo1 { background: url("/portal-servicos/app/javax.faces.resource/base/image/head_bg2.png") center 0 no-repeat; } #topo1 { width: 980px; margin: 0 auto; position: relative; height: 36px; text-align: left; } #topo2Wrapper { position: fixed; top: 36px; height: 32px; z-index: 103;} #topo2Wrapper { min-width: 980px; width: 100%; background: url("/portal-servicos/app/javax.faces.resource/base/image/head_bg1.png") 0 -80px repeat-x; } #topo2Wrapper { border-bottom: 1px solid #fff; } #topo2Wrapper { -webkit-box-shadow: 0 5px 6px rgba(100,100,100,0.4); -moz-box-shadow: 0 5px 6px rgba(100,100,100,0.4); } #topo2Wrapper { box-shadow: 0 5px 6px rgba(100,100,100,0.4); } #topo2 { background: url("/portal-servicos/app/javax.faces.resource/base/image/head_bg2.png") 0 -80px no-repeat; } #topo2 { width: 980px; margin: 0 auto; position: relative; height: 32px; text-align: left;} #topo3Wrapper { margin-top: 68px;} #topo3Wrapper { min-width: 980px; width: 100%; background: #eee} #topo3Wrapper { border-bottom: 1px solid #bbb;} #topo3 { width: 980px; margin: 0 auto; position: relative; text-align: left; padding-bottom: 2px; } #conteudoWrapper { min-width: 980px; width: 100%; } #conteudo { width: 980px; margin: 0 auto; position: relative; text-align: left; margin-top: 5px;} #rodapeWrapper { min-width: 980px; width: 100%; } #rodape { width: 980px; margin: 0 auto; position: relative; text-align: left; text-align: center} #rodape { font-size: 12px; padding: 35px 10px; } #logo { background: url("/portal-servicos/app/javax.faces.resource/base/image/logo_caesb_30.png") 0 3px no-repeat; } #logo { height: 38px; width: 500px; position: absolute; top: 0px; left: 0px } #logo { color: #fff; font-size: 26px; font-style: italic; font-weight: bold; padding: 1px 0 0 40px } #logo .sistema { color: #85BBE3;} #logo a { color: #fff; text-decoration: none } #menuContexto { position: relative} #menuContexto h1 {float: left} #menuContexto .botoesContexto {float: right; padding: 8px 0 0 0} #menuContexto .ui-button, #menuContexto button, #menuContexto input, #menuContexto select {margin-bottom: 0; margin-top: 0} #menuAdministracao { float: right; height: 36px;} #menuAdministracaoItens { display: none; text-align: right; position: relative} #menuAdministracao.wmenu table { margin-left: auto; } #menuAdministracao.wmenu table, #menuAdministracao.wmenu table td, #menuAdministracao.wmenu .submenuWrapper { height: 36px;} #menuAdministracao.wmenu table a { line-height:36px; } #menuAdministracao.wmenu .submenu { top: 36px;} #menuAdministracao.wmenu .submenu table, #menuAdministracao.wmenu .submenu table td { height: auto;} #menuAdministracao.wmenu .submenu table a { line-height:23px} #menuPrincipalItens { width: 100%; } #menuPrincipalItens { display: none; } .desenv { height: 16px; display: inline; margin-left: 20px; vertical-align: middle; background: #eec; padding: 3px } .desenv { text-align: center; line-height: 16px; color: #000; font-size: 10px} .homolog { height: 26px; display: inline; margin-left: 20px; vertical-align: middle; background: #E99; padding: 3px } .homolog { text-align: center; line-height: 16px; color: #000; font-size: 10px} .treinamento { height: 26px; display: inline; margin-left: 20px; vertical-align: middle; background: #be9; padding: 3px } .treinamento { text-align: center; line-height: 16px; color: #000; font-size: 10px} /* --------------- */ /* CSS UTILITARIOS */ /* --------------- */ th.menuBotoes, td.menuBotoes { width: 1%; white-space: nowrap; } table.menuBotoes, span.menuBotoes, div.menuBotoes { text-align:right; display: block } .botoes { padding-top: 5px} .negrito { font-weight: bold; } .sepVertical { background: url("/portal-servicos/app/javax.faces.resource/base/image/sep_vertical.png") -2px -1px no-repeat; } .sepVertical { vertical-align: middle; width: 10px; height: 20px; display: inline-block; padding: 2px} /* para uso em panelGrid */ table.right { margin-left: auto; width: auto} .left { text-align: left} .right { text-align: right} .c2 { width: 50%; vertical-align: top } .c3 { width: 33.3%; vertical-align: top } .coluna { vertical-align: top } /* desativa o layout-fixed do prime 6+ (via atributo styleClass do datatable) */ body .layoutAuto.ui-datatable, body .layoutAuto.ui-datatable table { table-layout: auto} body .layoutAuto.ui-datatable thead th, body .layoutAuto.ui-datatable tbody td, body .layoutAuto.ui-datatable tfoot td, body .layoutAuto.ui-datatable tfoot th { overflow: visible;} /* desativa o layout-fixed do prime 6+ (via atributo tableStyleClass do datatable) */ body .ui-datatable .layoutAuto { table-layout: auto} body .ui-datatable .layoutAuto thead th, body .ui-datatable .layoutAuto tbody td, body .ui-datatable .layoutAuto tfoot td, body .ui-datatable .layoutAuto tfoot th { overflow: visible;} /* desativa o layout-fixed do prime 6+ (via atributo styleClass do treetable) */ body .layoutAuto.ui-treetable, body .layoutAuto.ui-treetable table { table-layout: auto} body .layoutAuto.ui-treetable thead th, body .layoutAuto.ui-treetable tbody td, body .layoutAuto.ui-treetable tfoot td, body .layoutAuto.ui-treetable tfoot th { overflow: visible;} /* desativa o layout-fixed do prime 6+ (via atributo tableStyleClass do treetable) */ body .ui-treetable .layoutAuto { table-layout: auto} body .ui-treetable .layoutAuto thead th, body .ui-treetable .layoutAuto tbody td, body .ui-treetable .layoutAuto tfoot td, body .ui-treetable .layoutAuto tfoot th { overflow: visible;} /* para uso em columns */ .centerToggler { width: 7px; text-align: center !important } /* rowExpansion */ .center1botao { width: 26px; text-align: center !important } /* coluna contendo p:commandButton com icone */ .center2botoes { width: 58px; text-align: center !important } .center3botoes { width: 92px; text-align: center !important } .center60 { width: 60px; text-align: center !important } /* coluna contendo p:commandButton com texto */ .center80 { width: 80px; text-align: center !important } .center100 { width: 100px; text-align: center !important } .center120 { width: 120px; text-align: center !important } .center140 { width: 140px; text-align: center !important } /* para uso em panelGrid */ table td.valor { font-weight: bold; color: #070; border-color: #fff} table td.campo { padding-right: 4px; width: 140px; text-align: right; border-color: #fff } /* para uso em toolbar dentro de Aba (compativel com tema caesb) */ .menuAba { border: none; margin-top: -5px; margin-bottom: 6px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} .menuAba { background: #f3f3f3; box-shadow: inset 0 6px 10px -6px rgba(0,0,0,0.25);} .menuAba { -moz-box-shadow: inset 0 6px 10px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 0 6px 10px -6px rgba(0,0,0,0.25);} .menuAba { padding: 1px } /* ------------------------------ */ /* AJUSTE DO TEMA JQUERY UI THEME */ /* ------------------------------ */ /* Remo��o de bordas em h:panelGrid dentro de celulas do p:dataTable */ .ui-dt-c > table > tbody > tr > td { border: transparent !important; padding: 0 !important} /* Melhora a performance retirando a imagem branca de background */ .ui-widget-content { background-image: none; } /* Ajuste de fonte (baseado no Tip do final do manual do primefaces) */ .ui-widget, .ui-widget .ui-widget, table { font-size: 13px !important; } /* Botoes */ input.ui-button { padding: 0.25em 2em; } .ui-button { margin: .3em .2em } .ui-button { padding: 0 1.1em; } .ui-button-text-only .ui-button-text { padding: 0.25em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.25em .4em; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icon-left .ui-button-text, .ui-button-text-icon-right .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.25em 1em 0.25em 2.1em; } /* Reducao de botao texto e icone dentro de tabela */ .ui-datatable .ui-button { margin: .1em .1em } .ui-datatable .ui-button { padding: .1em .1em; } .ui-datatable .ui-button-text-only .ui-button-text { padding: .1em 1em; } .ui-datatable .ui-button-icon-only .ui-button-text, .ui-datatable .ui-button-icons-only .ui-button-text { padding: .1em .4em; } .ui-datatable .ui-button-icon-only { width: 2em; } .ui-datatable button.ui-button-icon-only { width: 2.2em; } .ui-datatable .ui-button-text-icon-primary .ui-button-text, .ui-datatable .ui-button-text-icon-left .ui-button-text, .ui-datatable .ui-button-text-icon-right .ui-button-text, .ui-datatable .ui-button-text-icons .ui-button-text { padding: .1em 1em .1em 2.1em; } /* Sombra e barra de titulo do popup */ .ui-dialog { -webkit-box-shadow: #000 0px 0px 70px 5px; -moz-box-shadow: #000 0px 0px 70px 5px; box-shadow: #000 0px 0px 70px 5px} .ui-dialog .ui-dialog-titlebar {border-radius: 0; line-height: 25px; border: none; border-bottom: 1px solid #bcbcbc;} .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover { margin: -12px 0 0 0 !important; top: 50% !important; padding: 3px 2px 2px 3px !important; right: 0.6em} .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { border: 1px solid #3f92d2; background: #3F92D2 url("assets/ui-bg_highlight-soft_40_3f92d2_1x100.png") 50% 50% repeat-x; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {background-image: url("ui-icons_ffffff_256x240.png");} .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover { border: 1px solid #0b61a4; background: #0b61a4 url("assets/ui-bg_highlight-soft_40_0b61a4_1x100.png") 50% 50% repeat-x; color: #fff } /* Sombra de popup no IE. Foi necessario tornar o overlay de modal transparente */ .ui-widget-overlay { opacity: 0; filter:Alpha(Opacity=0); } .ui-dialog .ui-dialog-content { background-color: #fff } /* Tabelas */ .ui-datatable { margin: 0.5em 0} .ui-datatable th, .ui-datatable td, .ui-datatable .ui-datatable-data th, .ui-datatable .ui-datatable-data td { padding:2px 5px; } .ui-datatable-odd.ui-state-highlight, .ui-datatable-even.ui-state-highlight { border: inherit !important;} .ui-datatable .ui-sortable-column span { padding: 4px 15px; } .ui-datatable .ui-sortable-column span.ui-sortable-column-icon {padding: 0} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #dddddd url("assets/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x; } .ui-datatable .ui-selection-column {width:auto; text-align:center} .ui-datatable .ui-selection-column .ui-chkbox .ui-chkbox-box { margin-right: 0; margin-top: 1px} .ui-datatable-scrollable .ui-datatable-scrollable-header-box, .ui-datatable-scrollable .ui-datatable-scrollable-footer-box {padding-right: 25px;} /* Tabelas dentro de p:rowExpansion (serve para h:datable e p:datable) */ .ui-expanded-row.ui-widget-content { border-bottom: 1px solid silver} .ui-expanded-row-content.ui-widget-content { background: #EEE; } .ui-expanded-row-content.ui-widget-content td { padding: 5px 5px 15px 5px } .ui-expanded-row-content.ui-widget-content table td { border: transparent; padding: 2px} .ui-expanded-row-content.ui-widget-content td .ui-datatable table th { padding: 2px; background: #fff; border: 1px solid silver; color: #444 } .ui-expanded-row-content.ui-widget-content td .ui-datatable table td { padding: 2px; background: #fff; border: 1px solid silver } /* Hover gerais */ .ui-widget-content .ui-state-hover a, .ui-widget-content .ui-state-hover a:hover { color: #ffffff !important; text-decoration: none; } /* corrige hover dentro de menus */ /* Hover sobre inputs de formulario */ input.ui-state-default, .ui-widget-content input.ui-state-default, .ui-widget-header input.ui-state-default, textarea.ui-state-default, .ui-widget-content textarea.ui-state-default, .ui-widget-header textarea.ui-state-default { font-weight: 400} input.ui-state-hover, .ui-widget-content input.ui-state-hover, .ui-widget-header input.ui-state-hover, textarea.ui-state-hover, .ui-widget-content textarea.ui-state-hover, .ui-widget-header textarea.ui-state-hover { border: 1px solid #3f92d2; font-weight: 400} /* Hover e background de campos de form */ .ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {background: #ffffff !important; -moz-box-shadow: inset 0 2px 2px #dddddd; -webkit-box-shadow: inset 0 2px 2px #dddddd; box-shadow: inset 0 2px 2px #dddddd; color: #444444 !important; } .ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus { -moz-box-shadow: 0px 0px 5px #0073ea, inset 0 2px 2px #dddddd; -webkit-box-shadow: 0px 0px 5px #0073ea, inset 0 2px 2px #dddddd; box-shadow: 0px 0px 5px #0073ea, inset 0 2px 2px #dddddd; border-color: #3f92d2 !important; color: #444444 !important; } .ui-inputfield.ui-state-hover, .ui-widget-content .ui-inputfield.ui-state-hover, .ui-widget-header .ui-inputfield.ui-state-hover { border: 1px solid #3f92d2; color: #444444 !important; } /* Hover e background de campos invalidos de form */ .ui-inputfield.ui-input-invalid.ui-state-focus, .ui-widget-content .ui-inputfield.ui-input-invalid.ui-state-focus, .ui-widget-header .ui-inputfield.ui-input-invalid.ui-state-focus { -moz-box-shadow: 0px 0px 5px #D8000C, inset 0 2px 2px #dddddd; -webkit-box-shadow: 0px 0px 5px #D8000C, inset 0 2px 2px #dddddd; box-shadow: 0px 0px 5px #D8000C, inset 0 2px 2px #dddddd; border-color: #D8000C !important; } .ui-inputfield.ui-state-hover.ui-input-invalid, .ui-widget-content .ui-inputfield.ui-state-hover.ui-input-invalid, .ui-widget-header .ui-inputfield.ui-state-hover.ui-input-invalid { border: 1px solid #D8000C; } /* Destaque a links dentro de widgets */ .ui-widget-content a { color: #0b61a4; } /* Mensagens de erro */ .ui-message-error-detail {margin-left: 0 !important;} .ui-message-error {margin: 0; padding: 4px 0; border: none; background: none } .ui-messages-error ul {margin: 0 !important} /* Remocao do icone confuso de erro do prime */ .ui-message-error-icon, .ui-messages-error-icon {background: none !important; width: 1px !important} /* Fix no css do primefaces (corrige IE e nao causa problemas no webkit e moz) */ .ui-paginator-pages {padding: 0 6px} /* Reducao de botao texto e icone dentro de tabela (IE7) */ .ui-datatable-data .ui-button-text-only .ui-button-text { *padding: 0 1em; } .ui-datatable-data .ui-button-icon-only .ui-button-text, .ui-datatable-data .ui-button-icons-only .ui-button-text { *padding: 0 .4em; } .ui-datatable-data .ui-button-text-icon-primary .ui-button-text, .ui-datatable-data .ui-button-text-icons .ui-button-text { *padding: 0 1em 0 2.1em; } .ui-datatable-data input.ui-button { *padding: 0.2em 1em; } /* Abas */ .ui-tabs { padding: 0; border: none !important} .ui-tabs-nav { background: none !important} .ui-tabs-nav.ui-widget-header { border: none; border-bottom: 1px solid #bcbcbc; border-radius: 0 } .ui-tabs-nav.ui-widget-header .ui-state-default { border: 1px solid #fff; border-bottom: none; background: none } .ui-tabs-nav.ui-widget-header .ui-state-active { border: 1px solid #bbbbbb; border-bottom: none; } .ui-tabs-nav.ui-widget-header .ui-state-active { background: #dddddd url("assets/ui-bg_highlight-hard_90_e5e5e5_1x100.png") 50% 50% repeat-x; } .ui-tabs-nav.ui-widget-header .ui-state-active a { color: #0b61a4 !important; } .ui-tabs-nav.ui-widget-header .ui-state-hover { border: 1px solid #0b61a4; border-bottom: none; } .ui-tabs-nav.ui-widget-header .ui-state-hover { background: #0b61a4 url("") 50% 50% repeat-x; } .ui-tabs-nav.ui-widget-header .ui-state-hover a { color: #FFF !important; } .ui-tabs-nav.ui-widget-header .ui-state-active.ui-state-hover { background: #dddddd url("assets/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x; } .ui-tabs-nav.ui-widget-header .ui-state-active.ui-state-hover { border: 1px solid #bbbbbb; border-bottom: none; color: #0b61a4 !important; } .ui-tabs-nav.ui-widget-header .ui-state-active.ui-state-hover a { color: #0b61a4 !important; } .ui-tabs .ui-tabs-panel {padding: 5px 0 0 0 } /* Importado do primefaces flick theme (TODO: TESTAR MAIS) */ .wijmo-wijmenu .ui-state-default a { color: #444444; } .wijmo-wijmenu .ui-state-default a.ui-state-hover { color: #ffffff; } .wijmo-wijmenu .ui-state-default a.ui-state-active { color: #ff0084; } /* Botoes tem background azul (links continuam em prata) */ button.ui-state-default, .ui-widget-content button.ui-state-default, .ui-widget-header button.ui-state-default { border: 1px solid #3f92d2; background: #3f92d2 url("assets/ui-bg_highlight-soft_40_3f92d2_1x100.png") 50% 50% repeat-x; color: #fff} button.ui-state-hover, .ui-widget-content button.ui-state-hover, .ui-widget-header button.ui-state-hover { border: 1px solid #0b61a4; background: #0b61a4 url("assets/ui-bg_highlight-soft_40_0b61a4_1x100.png") 50% 50% repeat-x; color: #fff} button.ui-state-active, .ui-widget-content button.ui-state-active, .ui-widget-header button.ui-state-active { border: 1px solid #999; background: #ddd url("assets/ui-bg_inset-hard_100_e5e5e5_1x100.png") 50% 50% repeat-x; color: #555} button.ui-state-default .ui-icon { background-image: url("ui-icons_ffffff_256x240.png"); } button.ui-state-active .ui-icon { background-image: url("assets/ui-icons_666666_256x240.png"); } /* Overlays*/ .ui-widget-overlay { opacity: 0 !important; filter: none !important; background: none !important} .ui-widget-shadow { opacity: 0 !important; filter: none !important; background: none !important} /* Corre��o do hover no tree */ .ui-tree-node .ui-state-hover, .ui-tree-node .ui-state-focus {background: none; border: 1px solid #fff; color: #444 } .ui-tree-node .ui-state-hover .ui-icon {background-image: url("assets/ui-icons_0b61a4_256x240.png?ln=primefaces-caesb") } /* Corre��o da largura do selectOneMenu */ .ui-selectonemenu {padding-right: 15px } /* Padding do cabecalho do panel */ .ui-panel {padding: 0 !important; margin-bottom: 4px} .ui-panel .ui-widget-header { border: none !important; border-bottom: 1px solid silver} /* Fieldset */ .ui-fieldset .ui-fieldset-legend { padding: 4px; text-align: left; margin: 0; background: none; border: none} .ui-fieldset .ui-fieldset-legend.ui-state-hover, .ui-fieldset .ui-fieldset-legend.ui-state-active { color: #0B61A4} .ui-fieldset .ui-fieldset-legend.ui-state-default .ui-icon, .ui-fieldset .ui-fieldset-legend.ui-state-active .ui-icon { background-image: url("assets/ui-icons_0b61a4_256x240.png"); } /* SelectMany */ .ui-selectlistbox-item.ui-state-active { background: #d5d5d5; color: #333} /* Menu */ .ui-menu {width: auto} .ui-menu .ui-menuitem-link {width: 100%} .ui-menu .ui-menuitem-text {padding-left: 4px} /* Radio */ .ui-selectmanycheckbox label, .ui-selectoneradio label {margin-left: 2px; margin-right: 14px} .ui-radiobutton { width: 19px; } /* --------------------------- */ /* AJUSTES DEVIDO AO PRIME 3.5 */ /* --------------------------- */ /* quebra de linha dentro de tabelas */ .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {white-space: normal;} .ui-datatable thead th.menuBotoes, .ui-datatable tbody td.menuBotoes, .ui-datatable tfoot td.menuBotoes {white-space: nowrap;} /* filtro de colunas */ .ui-datatable input.ui-column-filter {width: 70%; max-width: 300px} /* Padding e borda dentro do head de tabela */ .ui-datatable-header thead th, .ui-datatable-header tbody td {border: none; padding: 2px 5px !important;} /* Padding em cabe�alhos de coluna de tabela */ .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td { padding: 2px 5px !important; } /* Hover de tabela com sele��o de linha */ .ui-datatable-even.ui-state-hover, .ui-datatable-odd.ui-state-hover { color: #444 !important; background: none !important; } tr.ui-datatable-even.ui-state-hover, tr.ui-datatable-odd.ui-state-hover { color: #444 !important; background: #89b3d4 !important; } .ui-expanded-row-content.ui-state-hover {color: #444 !important; } /* Padding de coluna ordenada de tabela */ .ui-datatable .ui-sortable-column span { padding: 4px 6px; } /* Padding e borda do head de tabela scrollable */ .ui-datatable .ui-datatable-scrollable-header-box thead th, .ui-datatable .ui-datatable-scrollable-header-box tbody td { padding: 4px 0px !important; } .ui-datatable-scrollable .ui-datatable-scrollable-header-box, .ui-datatable-scrollable .ui-datatable-scrollable-footer-box {padding-right: 0px;} /* Abas ocultas sendo exibidas */ .ui-tabs .ui-tabs-panel.ui-helper-hidden { display: none; } /* Fix para mensagens de erro muito longas */ .ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail, .ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail {overflow-wrap: break-word} /* ------------------------- */ /* AJUSTE DO TEMA NPROGRESS */ /* ------------------------- */ #nprogress .bar { z-index: 8000; height: 4px; background: #fff } /* padrao: #29d azul */ #nprogress .spinner { z-index: 8001 } #nprogress .peg { box-shadow: 0 0px 15px 2px #FFF; } /* blur effect */ #nprogress .peg { -webkit-transform: rotate(3deg) translate(0px, -2px); -ms-transform: rotate(3deg) translate(0px, -2px); transform: rotate(3deg) translate(0px, -2px); } #nprogress .spinner-icon { border-top-color: #fff; border-left-color: #fff}