/* CSS Document */ @import url("css_reset.css"); /*@font-face {font-family:"SerifBold"; src:url("../fonts/OfficinaSerifStd-Bold.otf");} @font-face {font-family:"SerifBoldItalic"; src:url("../fonts/OfficinaSerifStd-BoldItalic.otf");} @font-face {font-family:"SerifBook"; src:url("../fonts/OfficinaSerifStd-Book.otf");} @font-face {font-family:"SerifBookItalic"; src:url("../fonts/OfficinaSerifStd-BookItalic.otf");} */ body, html { min-width:850px; font-family:Tahoma; } /* TOPO */ #page-top-outer { background:url("../imagens/topo/top_bg.jpg") repeat-x scroll center top transparent; height:65px; } #page-top { margin:0 auto; position:relative; } #page-top #logo{ float:left; margin:10px 0 0 30px; } #page-top #busca{ float:right; margin:38px 30px 0 0; } /*MENU*/ #nav-menu-outer { background:url("../imagens/topo/bg_menu.jpg") repeat-x scroll center top transparent; height:100px; } #nav-menu { margin:0 auto; min-width:850px; position:relative; color:#CCCCCC; width: auto;} #nav-menu-left { position: absolute; height: 70px; width: 600px; z-index: 50; margin-left:15px; } .menu li { padding:0 15px 0 15px; cursor:pointer; float: left; font-size: 13px; height: 35px; line-height:34px; } .menu li.link-menu:hover { color:#FFF; background:url(../imagens/topo/pro_line_1.gif) no-repeat 0 1px; background-size:100% 33px; } .menu .menuHover { color:#FFF; background:url(../imagens/topo/pro_line_1.gif) no-repeat 0 1px; background-size:100% 33px; } .menu .menuHover ul { display:block; } /*SUB-MENU*/ .sub-menu { left: 0px; top:35px; height: 35px; min-width: 600px; position: absolute; width: auto; z-index: 500; list-style:none; display:none; } .sub-menu li { float: left; width:auto; padding:0 15px 0 15px; line-height:33px; color:#CCCCCC; font-size:13px; } .sub-menu li a { color:#CCCCCC; } .sub-menu li a:hover { color:#FFF; text-decoration:underline; } .sub-menu.subMenuHover { color:#969; text-decoration:underline; } .sub-menu .subMenuHover a { text-decoration:underline; color:#FFFFFF; } /*MENU DIREITA*/ #nav-menu-right { float:right; position:relative; right:16px; font-size: 13px; font-weight:bold; width:630px;} #nav-menu-right li { float: left; width:auto; padding:0 15px 0 15px; line-height:34px; } #nav-menu-right li:hover { color:#FFF; background:url(../imagens/topo/pro_line_1.gif) no-repeat 0 1px; background-size:100% 33px;} #nav-menu-right li img { margin-top:2px; } #nav-menu #nav-menu-right a { color:#CCCCCC; } .menu-divider { background:url("../imagens/topo/divider.jpg") no-repeat; float:left; height:35px; width:15px; margin-top:2px; } /* TOPO --------------------------------- */ /* CONTEUDO --------------------------------- */ #loading-before-send { position:fixed; top: 0px; left: 0px; width:100%; height:100%; background:url(../imagens/conteudo/bg-loading-compressed.png) repeat; z-index:3000; display:none; } #loading-before-send #loader { background:url(../imagens/conteudo/ajax_loader_big.gif) no-repeat; background-size:100px; height:100px; width:100px; top: 40%; left: 50%; margin-top: -50px; margin-left: -50px; position: absolute;} #conteudo { margin:0 auto 40px; width:95%; border:1px solid #CCC; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999; overflow:auto; } #conteudo .buttons { float:right; padding:20px 35px 25px 0; } #conteudo-index { margin:0 auto 40px; width:90%; max-width:1280px; overflow:auto; } #conteudo-index p.titulo { padding:15px; color:#555; } #conteudo-index .lista-left { width:48%; overflow:auto; overflow-y:hidden; float:left; border:1px solid #CCC; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999; } #conteudo-index .lista-right { width:48%; overflow:auto; overflow-y:hidden; float:left; border:1px solid #CCC; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999; margin-left:2%;} #conteudo-index .lista-middle { width:99%; overflow:auto; overflow-y:hidden; float:left; border:1px solid #CCC; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999; } #conteudo-index .table { width:95%; margin:0 auto 15px; } #conteudo-index .table thead { font-size:13px; line-height:25px; background:#d1dae1; color:#555; } #conteudo-index .table tbody { font-size:13px; line-height:40px; } #conteudo-index .table tbody tr { border-bottom:1px dashed #ccc; } #conteudo-index .table tbody tr:hover { cursor:pointer; background:#F4F4F4; } .conteudo-top { width:100%; height:50px; background:#d1dae1; border-bottom:1px solid #DDD; } .link { font-size:16px; color:#0e76bc; text-decoration:underline; padding:0 5px 0 5px; } .link:hover { background-color:#0e76bc; color:#FFF; cursor:pointer; } .linkHover { background-color:#0e76bc; color:#FFF; cursor:pointer; } .linkRed { font-size:16px; color:red; text-decoration:underline; padding:0 5px 0 5px; } .linkRed:hover { background-color:red; color:#FFF; cursor:pointer; } .top-right { float:right; line-height:50px; padding-right:20px; font-size:16px; } .titulo-pagina { font-size:24px; } .top-left { float:left; line-height:50px; padding-left:10px; color:#444} .top-left .titulo-pagina { float:left; line-height:48px; height:48px; color:#4C4F52} .top-left .titulo-pagina .divisor { font-size:16px; color:#0e76bc;} .top-left .iconeLista { background:url(../imagens/conteudo/list-icon.gif) no-repeat; background-size:35px; margin:3px 5px 0 0; float:left; width:35px; } .top-left .iconeCadastro { background:url(../imagens/conteudo/cad-icon.gif) no-repeat; background-size:35px; margin:3px 5px 0 0; float:left; width:35px;} .top-left .iconeMinhaConta { background:url(../imagens/topo/minhaconta.png) no-repeat; background-size:35px; margin:10px 5px 0 0; float:left; width:35px; } .top-left .iconeRelatorio { background:url(../imagens/conteudo/rel-icon.gif) no-repeat; background-size:40px; margin:5px 5px 0 0; float:left; width:40px;} .top-left .iconePendencias { background:url(../imagens/icones/alert.gif) no-repeat; background-size:35px; margin:10px 5px 0 0; float:left; width:40px;} .filtros { width:100%; height:auto; display:none; background:#F4F4F4; border-bottom:1px dashed #CCC; overflow:auto;} .filtros .form { min-width:500px; max-width:900px; margin:0 auto; padding:15px 35px 0px 35px; overflow:auto; } .lista { width:100%; overflow:auto; overflow-y:hidden; } .cadastro { width:100%; height:auto; padding-bottom:20px; overflow:auto; } .form { min-width:500px; max-width:900px; margin:0 auto; padding:15px 35px 20px 35px; overflow:auto; } .form .left { width:47%; float:left; } .form .right { width:47%; float:left; margin-left:6%;} .form p { height:25px; line-height:25px; font-size:14px; margin-top:2px; color:#383838; } .form p.campoObrigatorio{ color:#FF0033; } .form input[type="text"] { width:100%; border:1px solid; font-size:12px; height:18px; border-color:#b8b8b8; background-color:#F7F7F7; } .form input[type="password"] { width:100%; border:1px solid; font-size:12px; height:18px; border-color:#b8b8b8; background-color:#F7F7F7; } .form select { width:100%; border:1px solid; font-size:12px;height:20px; border-color:#b8b8b8; background-color:#F7F7F7; } .form textarea { width:100%; border:1px solid; font-size:12px; border-color:#b8b8b8; background-color:#F7F7F7; } .form input[type="text"].validar { border-color:#FF0000; } .requiredCombo.validar { border:1px solid #F00 } .form_list_nf { min-width:200px; max-width:250px; margin:0 auto; padding:15px 35px 20px 35px; overflow:auto; float:left; } .form_list_nf .full { width:100%; float:left; } .form_list_nf p { height:25px; line-height:25px; font-size:14px; margin-top:2px; color:#383838; } .form_list_nf p.campoObrigatorio{ color:#FF0033; } .form_list_nf input[type="text"] { width:100%; border:1px solid; font-size:12px; height:18px; border-color:#b8b8b8; background-color:#F7F7F7; } .form_list_nf input[type="password"] { width:100%; border:1px solid; font-size:12px; height:18px; border-color:#b8b8b8; background-color:#F7F7F7; } .form_list_nf select { width:100%; border:1px solid; font-size:12px;height:20px; border-color:#b8b8b8; background-color:#F7F7F7; } .form_list_nf textarea { width:100%; border:1px solid; font-size:12px; border-color:#b8b8b8; background-color:#F7F7F7; } .form_list_nf input[type="text"].validar { border-color:#FF0000; } .privilegios { min-width:500px; max-width:848px; margin:0 auto; padding:10px 25px 20px 25px; overflow:auto; border:1px dashed #999999; display:none;} .privilegios div.tipo-privilegio { font-size:14px; width:100%; float:left; clear:both; line-height:20px; margin-top:10px;} .privilegios div.privilegio { font-size:14px; float:left; width:33%; line-height:25px; color:#333333; } .dispNone { display:none; } .table-lista { width:100%; height:60px; border-bottom:1px dashed #d2d2d2;} .table-lista:hover { background:#F4F4F4; } .table-lista tr td.checkbox { width:50px; text-align:center; } .table-lista tr td.options { width:50px; text-align:center; text-decoration:none; } .table-lista tr td.options img { cursor:pointer; } .table-lista tr td.options .Ativar { cursor:pointer; width:20px; height:20px; overflow: hidden; background: url(../imagens/icones/icon_active_inactive.gif) top right no-repeat; } .table-lista tr td.options .Inativar { cursor:pointer; width:20px; height:20px; overflow: hidden; background: url(../imagens/icones/icon_inactive_active.gif) top right no-repeat; } .table-lista tr td.options .Excluir { width:20px; height:20px; text-align:center; background:url(../imagens/icones/icon_trash.gif) no-repeat; background-size:20px; cursor:pointer; } .table-lista tr td.options .OptionLoading { background: url(../imagens/icones/ajax-loader.gif) no-repeat; } .table-lista tr td.info-left { padding:2px 0 0 5px; vertical-align:bottom; font-size:16px; } .table-lista tr td.sub-info-left { padding:8px 0 0 10px; vertical-align:top; font-size:13px; color:#666666;} .table-lista tr td.info-right { width:330px; padding:2px 0 0 10px; vertical-align:bottom; font-size:13px; color:#666666;} .table-lista tr td.sub-info-right { width:330px; padding:8px 0 0 10px; vertical-align:top; font-size:13px; color:#666666;} .table-lista tr td.info-left a { font-size:16px; color:#0e76bc; text-decoration:underline; padding:0 5px 0 5px; } .table-lista tr td.info-left a:hover { background-color:#0e76bc; color:#FFF; cursor:pointer; } .table-lista tr td.info-right a { font-size:13px; color:#0e76bc; } .table-lista tr td.info-right a:hover { text-decoration:underline; cursor:pointer; } .table-lista-inativo { width:100%; height:60px; border-bottom:1px dashed #d2d2d2; text-decoration:line-through; } .table-lista-inativo:hover { background:#F4F4F4; } .table-lista-inativo tr td.checkbox { width:50px; text-align:center; } .table-lista-inativo tr td.options { width:50px; text-align:center; text-decoration:none; } .table-lista-inativo tr td.options img { cursor:pointer; } .table-lista-inativo tr td.options .Ativar { cursor:pointer; width:20px; height:20px; overflow: hidden; background: url(../imagens/icones/icon_active_inactive.gif) top right no-repeat; } .table-lista-inativo tr td.options .Inativar { cursor:pointer; width:20px; height:20px; overflow: hidden; background: url(../imagens/icones/icon_inactive_active.gif) top right no-repeat; } .table-lista-inativo tr td.options .Excluir { width:20px; height:20px; text-align:center; background:url(../imagens/icones/icon_trash.gif) no-repeat; background-size:20px; cursor:pointer; } .table-lista-inativo tr td.options .OptionLoading { background: url(../imagens/icones/ajax-loader.gif) no-repeat; } .table-lista-inativo tr td.info-left { padding:2px 0 0 5px; vertical-align:bottom; font-size:16px; } .table-lista-inativo tr td.sub-info-left { padding:8px 0 0 10px; vertical-align:top; font-size:13px; color:#666666;} .table-lista-inativo tr td.info-right { width:330px; padding:2px 0 0 10px; vertical-align:bottom; font-size:13px; color:#666666;} .table-lista-inativo tr td.sub-info-right { width:330px; padding:8px 0 0 10px; vertical-align:top; font-size:13px; color:#666666;} .table-lista-inativo tr td.info-left a { font-size:16px; color:#FF0000; text-decoration:underline; padding:0 5px 0 5px; } .table-lista-inativo tr td.info-left a:hover { background-color:#FF0000; color:#FFF; cursor:pointer; } .table-lista-inativo tr td.info-right a { font-size:13px; color:#0e76bc; } .table-lista-inativo tr td.info-right a:hover { text-decoration:underline; cursor:pointer; } /* CONTEUDO --------------------------------- */ /* LOGIN --------------------------------- */ #body-login { background: #cfcccc; } #box-login { width:340px; height:355px; margin:80px auto; border:1px solid #cccccc; padding:40px; background: #2b2b2c;} #box-login p.label { line-height:30px; color:#ffffff; } #box-login .logo { width:100%; float:left; } #box-login .login { width:100%; float:left; } #box-login .senha { width:100%; float:right; } #box-login .botoes { width:100%; float:left; margin-top:60px; } #box-login .botoes .esqueci-senha { width:45%; float:left; } #box-login .botoes .esqueci-senha a { color:#ffffff; font-size:14px; padding:1px 4px 1px 4px; } #box-login .botoes .esqueci-senha a:hover { color:#cccccc; text-decoration:underline; cursor:pointer; } #box-login .botoes .logar { width:45%; float:right; } #box-login .botoes .logarBtn { background-color:#eeebeb; border: 0px; border-radius:21px; cursor:pointer; color:#000000; font-family:Verdana; font-size:15px; padding:7px 20px; text-decoration:none; } #box-login .botoes .logarBtn:hover { background-color:#cccccc; } #box-login .botoes .logarBtn:active { position:relative; top:1px; } /* LOGIN --------------------------------- */ /* TIMESHEET --------------------------------- */ #conteudo .timesheet { margin:0 auto 40px; width:100%; overflow:auto; overflow-y:hidden; } #conteudo .timesheet .conteudo-top { width:100%; height:50px; background:#d1dae1; border-bottom:1px solid #DDD; } #conteudo .timesheet .conteudo-top .titulo-pagina { float:left; line-height:50px; height:50px; color:#4C4F52 } #conteudo .timesheet .conteudo-top .iconeLista { background:url(../imagens/conteudo/clock.gif) no-repeat; background-size:32px; margin:5px 5px 0 10px; float:left; width:35px; height:45px; } #conteudo .form-timesheet { width:28%; padding:12px 2% 20px 2%; float:left;} #conteudo .form-timesheet p { height:25px; line-height:25px; font-size:14px; margin-top:2px; color:#383838; } #conteudo .form-timesheet p.campoObrigatorio { color:#FF0033; } #conteudo .form-timesheet input[type="text"] { width:100%; border:1px solid; font-size:12px; height:18px; border-color:#b8b8b8; background-color:#F7F7F7; } #conteudo .timesheet .registrar-timesheet { width:45%; padding:12px 2% 20px 2%; float:left;} #conteudo .timesheet .registrar-timesheet p { height:25px; line-height:25px; font-size:14px; margin-top:2px; color:#383838; } #conteudo .timesheet .registros-hoje { width:46%; float:left; border-left:1px dashed #ccc; padding:12px 2% 20px 2%;} #conteudo .timesheet .registros-hoje p { height:25px; line-height:25px; font-size:14px; margin-top:2px; color:#383838; } #conteudo .timesheet .formTempoManual { display:none; width:100%; overflow:auto; overflow-x:hidden; } #table-timesheet-hoje { width:100%; margin-top:5px; } #table-timesheet-hoje thead { font-size:13px; line-height:25px; background:#d1dae1; color:#555 } #table-timesheet-hoje tbody { font-size:13px; line-height:40px; } #table-timesheet-hoje tbody tr { border-bottom:1px dashed #ccc; } #table-timesheet-hoje tbody tr.time-concluido { color:#478C03; } #table-timesheet-hoje tbody tr.time-nao-concluido { color:#FF0033; } #table-timesheet-hoje tbody tr a.concluir-time-sheet { cursor:pointer; color:#FF0033; } #table-timesheet-hoje tbody tr a.concluir-time-sheet:hover { text-decoration:underline; } #table-timesheet-hoje tbody tr .ExcluirTimeSheet { width:15px; height:15px; text-align:center; background:url(../imagens/icones/icon_trash.gif) no-repeat; background-size:15px; cursor:pointer; } #table-timesheet-hoje tbody tr #TotalDiario { font-size:15px; padding-right:20px;} #table-registro-timesheet { width:100%; margin-top:5px; } #table-registro-timesheet thead { font-size:13px; line-height:25px; background:#d1dae1; color:#555 } #table-registro-timesheet tbody { font-size:13px; line-height:25px; } #table-registro-timesheet tbody tr { border-bottom:1px dashed #ccc; } #table-registro-timesheet tbody tr { color:#666666; font-size:16px; } #table-registro-timesheet tbody tr .AdicionarTempo img { margin:5px 10px 0 0; cursor:pointer; } #table-registro-timesheet tbody tr .NaoAdicionarTempo img { margin:5px 10px 0 0; cursor:pointer; } #table-registro-timesheet #filtroNomeCliente {border:2px solid; font-size:12px; height:20px; border-color:#c6ced5; background-color:#F7F7F7; width:95%; } #table-registro-timesheet #DataRegistro {border:2px solid; font-size:12px; height:20px; border-color:#c6ced5; background-color:#F7F7F7; width:78px;float:right } .ConcluirTimeSheet { color:#006699; font-size:14px; } .ConcluirTimeSheet:hover { cursor:pointer; text-decoration:underline; } .TimeSheetConcluido { color:#478c03; font-size:14px; } #table-relatorio { width:100%;} #table-relatorio thead { height:30px; background-color:#cfd8df;font-size:14px; color:#555; } #table-relatorio tbody tr { height:30px; font-size:13px; border-bottom:1px dashed #CCCCCC} input.labelHighlight { color: #888888; } /* TIMESHEET --------------------------------- */ #form-sub-cadastro { display:none; } #form-sub-cadastro .form { min-width:400px; max-width:600px; margin:0 auto; padding:10px 10px 15px 10px; overflow:auto; } #form-sub-cadastro .form .left { width:47%; float:left; } #form-sub-cadastro .form .right { width:47%; float:left; margin-left:6%;} #form-sub-cadastro .form p { height:25px; line-height:25px; font-size:14px; margin-top:2px; color:#383838; } #form-sub-cadastro .form p.campoObrigatorio{ color:#FF0033; } #form-sub-cadastro .form input[type="text"] { width:100%; border:1px solid; font-size:12px; height:18px; border-color:#b8b8b8; background-color:#F7F7F7; } #form-sub-cadastro .form input[type="password"] { width:100%; border:1px solid; font-size:12px; height:18px; border-color:#b8b8b8; background-color:#F7F7F7; } #form-sub-cadastro .form select { width:100%; border:1px solid; font-size:12px;height:20px; border-color:#b8b8b8; background-color:#F7F7F7; } #form-sub-cadastro .form textarea { width:100%; border:1px solid; font-size:12px; border-color:#b8b8b8; background-color:#F7F7F7; } #form-sub-cadastro .form input[type="text"].validar { border-color:#FF0000; } #form-esqueci-senha { display:none; } #form-esqueci-senha .form { min-width:300px; max-width:300px; margin:0 auto; padding:10px 10px 15px 10px; overflow:auto; } #form-esqueci-senha .form .middle { width:100%; } #form-esqueci-senha .form p { height:25px; line-height:25px; font-size:14px; margin-top:2px; color:#383838; } #form-esqueci-senha .form p.campoObrigatorio{ color:#FF0033; } #form-esqueci-senha .form input[type="text"] { width:200px; border-bottom:2px solid; font-size:12px; height:18px; border-color:#b8b8b8; background-color:#F7F7F7; } .lista-sub-cadastro { min-width:500px; max-width:848px; margin:0 auto; padding:10px 25px 20px 25px; overflow:auto; border:1px dashed #999999; } .lista-sub-cadastro #table-sub-cadastro { width:100% } .lista-sub-cadastro #table-sub-cadastro thead { height:30px; background-color:#cfd8df;font-size:15px; color:#555; } .lista-sub-cadastro #table-sub-cadastro tbody tr { height:30px; font-size:14px; border-bottom:1px dashed #CCCCCC; } .lista-sub-cadastro #table-sub-cadastro tbody tr.editar-sub-cadastro:hover { cursor:pointer; background:#F0F8FF; } .lista-sub-cadastro #table-sub-cadastro tbody tr td .btn-excluir-sub-cadastro { width:15px; height:15px; text-align:center; background:url(../imagens/icones/icon_trash.gif) no-repeat; background-size:15px; cursor:pointer; } .lista-relatorio-chart { width:90%; margin:0 auto; padding:10px 25px 20px 25px; overflow:auto; } .lista-relatorio-chart #table-relatorio-chart { width:100% } .lista-relatorio-chart #table-relatorio-chart thead { height:30px; background-color:#cfd8df;font-size:15px; color:#555; } .lista-relatorio-chart #table-relatorio-chart tbody tr { height:30px; font-size:14px; border-bottom:1px dashed #CCCCCC; } .lista-relatorio-chart #table-relatorio-chart tbody tr.editar-sub-cadastro:hover { cursor:pointer; background:#F0F8FF; } .lista-relatorio-chart #table-relatorio-chart tbody tr td .btn-excluir-sub-cadastro { width:15px; height:15px; text-align:center; background:url(../imagens/icones/icon_trash.gif) no-repeat; background-size:15px; cursor:pointer; } .lista-relatorio-index { width:90%; margin:0 auto; padding:10px 25px 20px 25px; overflow:auto; } .lista-relatorio-index table { width:100% } .lista-relatorio-index table thead { height:30px; background-color:#cfd8df;font-size:15px; color:#555; } .lista-relatorio-index table tbody tr { height:30px; font-size:14px; border-bottom:1px dashed #CCCCCC; } .lista-relatorio-index table tbody tr.editar-sub-cadastro:hover { cursor:pointer; background:#F0F8FF; } .lista-relatorio-index table tbody tr td .btn-excluir-sub-cadastro { width:15px; height:15px; text-align:center; background:url(../imagens/icones/icon_trash.gif) no-repeat; background-size:15px; cursor:pointer; } .TipoRelatorio { border:1px solid; font-size:16px; height:25px; border-color:#c6ced5; background-color:#F7F7F7; width:300px; } .relatorio{ clear:both; } /* PAGINACAO --------------------------------- */ .RealizaAcaoSelecionados { width:120px; border:1px solid; font-size:14px; height:21px; border-color:#cdd6dd; background-color:#fff; color:#0e76bc; } #pages { padding: 20px; float:right; font-size:14px; } #pages ul { list-style-type: none; } #pages li { float: left; display: inline; margin: 0 5px 0 0; display: block; } #pages li a { color: #0e76bc; padding: 4px; border: 1px solid #ddd; text-decoration: none; float: left; } #pages li a:hover { color: #0e76bc; background: #cdd6dd; border: 1px solid #0e76bc; } #pages li.nolink a { color: #CCC; border: 1px solid #F3F3F3; padding: 4px; } #pages li.current { color: #FFF; border: 1px solid #cdd6dd; padding: 4px; background: #0e76bc; } #pages li.more { color: #bbb; padding: 4px 1px 4px 1px; background: #fff; border:1px solid #eee; cursor:default}