/*Master ----------------------------------------------------------*/ /*#show_top {position:fixed; bottom:0px; right:5.5em; width:20px; height:24px; background-color:#015E35; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }*/ #show_top { display:none; position:fixed; bottom:0px; right:0px; width:20px; height:24px; background-color:#015E35; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } div.page{height:100%; width:100%; float:left;} a.back {text-decoration:none;font-weight:bold;text-transform:none;} span.info{font-size:9px; color:#AAA; position:fixed; bottom:0px; right:230px; z-index:1; pointer-events: none;} body.cad span.info{color:#333; right:30px; } /* Efeito do carregando (loading) -----------------------------------*/ #super_loading > div.block{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10000; background-color: #DDD; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; text-align: center; vertical-align: middle; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;} #super_loading > div.wait{ position: fixed; top: 50%; z-index: 11111; width: 100%; text-align: center; font-weight: bold; color: #006633; background-color:#DDD;} /* CONTEUDO PRINCIPAL DA MASTER Migrando do doccontrol --------------------------------------------------------*/ #content{width: 100%; float: left;} .titulo_content{padding: 15px 0px;} .titulo_content h2 {font-size: 18px; font-weight: bold; color: #38953F;} .botoes_cadastro {margin-left:auto;margin-right:auto;margin-bottom:5px;font-weight:bold;} .page_content{padding: 0 0 10px 0;} .a_settings{margin-right: 5px; margin-left: 5px; float: right;} .a_logout{margin-right:5px; margin-left: 5px; float:right;} .textSizeUser{font-size:12px;} .dateUser{font-size:11px;} .dataHora{font-weight: normal;} .content_geral{margin:auto;} /*Topo ----------------------------------------------------------*/ div.top { width:100%; z-index:100; float:left; } div.top div.art-top {position:relative; width:100%; float:left; } div.top div.right-top { height:103px; width:290px; position:absolute; right:0; top:0;} div.top div.right-top span {float:right; margin-right:12px; font-size:8px;} div.top div.logo { width:250px; height:70px; font-size: 12px; position:relative; float:left; cursor:pointer;} div.top div.logo a {margin-left:20px;} div.top div.logo h1 {font-family: Arial; font-size: 300%; top: 13px; left: 2.8em; position:absolute; color:#000000;} div.top div.top-bottom {position:relative; float:left; width:100%; } div.top div.top-bottom > div {min-width:200px; } div.top div.top-bottom div.top-bottom-left {position:relative; float:left; width:33%; padding: 7px 0;} div.top div.top-bottom div.top-bottom-left h2 {font-family: Arial; margin-left:15px; text-align: left; color:#FFFFFF;} div.top div.top-bottom div.top-bottom-center {position:relative; float:left; width:33%; padding:3px 0;} div.top div.top-bottom div.top-bottom-center div.top-search {width:210px; margin:auto;} div.top div.top-bottom div.top-bottom-center div.top-search div {width:100%;float:left;} div.top div.top-bottom div.top-bottom-center div.top-search input {width:180px;float:left;} div.top div.top-bottom div.top-bottom-center div.top-search button { margin-left: -25px !important; float:left; background: transparent; border:none; margin:0; padding:0; margin-left: -25px; } div.top div.top-bottom div.top-bottom-right {position:relative; float:left; width:33%;} div.top div.top-bottom div.top-bottom-right div.user {float:right;} div.top div.top-bottom div.top-bottom-right div.user div.ico-user {float:left; height:30px; width:30px; background: url("../Imagens/ico_user.png") no-repeat;} div.top div.top-bottom div.top-bottom-right div.user div.setting-user {margin-left:5px;float:left; padding:3px;} div.top div.top-bottom div.top-bottom-right div.user div.basket-user {float:left; padding:3px;} div.top div.top-bottom div.top-bottom-right div.user div.data-user {float:left;} div.top div.top-bottom div.top-bottom-right div.user div.logout-user {float:left; height:30px; width:30px;} div.top div.top-bottom div.top-bottom-right div.user div.data-user label {margin-top:0px; color: #ffffff !important;} div.top div.top-bottom div.top-bottom-right div.user div.data-user span {font-size:11px; color: #ffffff !important;} #div_top.fix { height:140px;} #div_top.fix .top-bottom {position:fixed !important; z-index: 100 !important; top: 0 !important;} /*Menu ---------------------------------------------------------- .menu{ float:left; font-size:13px; border-top:2px solid; border-bottom:2px solid; position: relative; width: 100%; z-index: 100;} .jMenu{display:table; margin:0; padding:0; list-style:none;} .jMenu li{display:inline-table; margin:0; list-style:none; width: 120px;} .jMenu li a{padding:10px 15px; display:block; text-decoration:none; cursor:pointer; font-size:13px} .jMenu li ul{display:none;position:absolute;z-index:9999;padding:0;margin:0;list-style:none;} .jMenu li ul li{display:block; border-top:1px solid; padding:0; list-style:none; position:relative} .jMenu li ul li a{font-size:11px; text-transform:none; display:block; padding:7px; border-top:1px solid transparent; border-bottom:1px solid transparent} .jMenu li ul li a:hover{border-top:1px solid;border-bottom:1px solid} #div_user_notifiqueme{position:absolute; right:10px; bottom:15px; color: #FFF;}*/ .menu{float:left; font-size:13px; border-top:2px solid; border-bottom:2px solid; position: relative; width: 100%; z-index: 100;} .ul-menu { float:left; font-size:13px; list-style:none; } .ul-menu li{ position:relative; float:left; } .ul-menu li a{text-decoration:none; padding:10px 15px; display:block;} .ul-menu li ul{ position:absolute; top:30px; left:0; display:none; z-index:9999; } .ul-menu li:hover > ul, .menu li.over > ul{display:block;} .ul-menu li ul li{ border-top:1px solid; display:block; width:150px; } .ul-menu li ul li ul{ position:absolute; top:0px; left:80%; background-color:#fff; display:none; z-index:9999; } #div_user_notifiqueme{position:absolute; right:10px; bottom:15px; color: #FFF;} /*Corpo ----------------------------------------------------------*/ div.body {width:100%; position:relative; float:left;} div.body div.inner-body{position: relative; } /*PESQUISA ----------------------------------------------------------*/ .searchlight-inputsimple{width:100%;height:30px;float:left;} .searchlight-loupesimple{width:30px; height:30px; background: url('../Imagens/bt_form_loupe.png') no-repeat 0px 3px; float:left; cursor:pointer; margin-left: -40px;} .searchlight-button{background: url('../Imagens/bg_button_search.jpg'); float:right; margin-top:10px; cursor:pointer; border-radius: 8px;} .searchlight-loupe{width:30px; height:30px; background: url('../Imagens/bt_form_loupe.png') no-repeat 0px 1px; margin:auto;} .searchlight-add{width:20px; height:20px; background: url('../Imagens/ui-icons_9d9d9d/add.png') no-repeat 3px 4px; margin:auto;} .searchlight-del{width:20px; height:20px; background: url('../Imagens/ico_deletar.png') no-repeat 0px 4px; margin:auto;cursor:pointer; } .searchlight-divsearch {height:50px; padding-top:20px; padding-bottom:10px;} form.search div.searchlight-divargument {width:100%; height: 35px;} div.searchlight-divargument label{float: left; width: 20%; font-weight: bold; text-align:right; padding-right:5px;} div.searchlight-divargument textarea{width: 250px;height: 150px;} div.searchlight-divargument .boxes{width: 1em;} div.searchlight-divargument #submitbutton{margin-left: 120px;margin-top: 5px;width: 90px;} div.table.table-searchlight .line{width:100%; height: 30px;} div.table.table-searchlight input[type="text"]{margin-bottom: 5px; height:25px; margin-top:-8px;} div.pesquisa {width:100%;} div.pesquisa button.clean{background: none;border: none; padding: 0px; margin:0px; margin-left: -35px;} .assunto{background-color: #EFEFEF; padding: 10px; width: -moz-fit-content; border-radius: 3px; margin:5px; float:left; position:relative;} .assunto a{font-size: 9px; top: -8px; position: absolute; top:0; right:0; text-decoration:none; color:#DD0000; font-weight: bold; padding: 0px 2px 2px 2px; background-color: #CCC;} button.link{padding:0px; margin:0px; background:none; outline:0px; border:0px;text-decoration:underline;font-family: Arial, Verdana, helvetica, Sans-Serif;font-size: 12px;color: #333;} button.link:hover{border:0px;} button.link H2 {display:inline-block;} #button_identificacao{background: none; border: none; font-size: 18px; padding:0px; color:#333; margin:0px; text-decoration: none;} /*CADASTRO ----------------------------------------------------------*/ div.form {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; clear:both;} div.form fieldset {width:80%; border:0px; margin:15px auto; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;} div.form fieldset legend {font-weight: bold; background-color: #f4f4f4; border-radius: 7px; padding: 5px 10px;} div.form fieldset fieldset {width:90%; border:1px solid;} div.form fieldset fieldset legend {font-weight: normal; background-color: transparent;} div.form div.table {width:100%; margin-left:auto; margin-right:auto;} div.form input[type="button"] { width:100px; padding:5px; -moz-border-radius:4; -webkit-border-radius:4px; border-radius:4px; cursor:pointer;} div.menu-suspenso {position:fixed; top:150px; right:1px; } div.menu-suspenso li a{padding:10px; display:block; text-decoration:none; cursor:pointer; font-size:13px} div.menu-suspenso li ul li{display:block; border-top:1px solid; padding:0; list-style:none; position:relative} div.menu-suspenso li ul li a{font-size:11px; text-transform:none; display:block; padding:7px; border-top:1px solid transparent; border-bottom:1px solid transparent} div.menu-suspenso li ul li a:hover{border-top:1px solid; border-bottom:1px solid;} /*LOADING ----------------------------------------------------------*/ .loading {margin:auto; width:53px; height:53px; background:url('../Imagens/loading003300.gif') no-repeat;} .loading-p {margin:auto; width:15px; height:15px; background:url('../Imagens/loading-p.gif') no-repeat;} /*TABLELESS ----------------------------------------------------------*/ div.table { clear:both; margin-left:auto; margin-right:auto; display:table;} div.table div.line { width: 100%; display:table-row;} div.table div.line.even { width: 100%; display:table-row; background:#fff;} div.table div.head { width: 100%; display:table-row;} div.table div.head div.title { text-align:center; float: left; display:table-column; padding-top:10px; color:#38953F; background:#EEE;} div.table div.column { text-align:left; float: left; display:table-column; padding-top:10px;} div.table div.column div.cell { text-align:left; float: left; display:table-cell;} div.table div.column div.cell label { vertical-align:middle; font-size:12px; font-weight:bold;} div.table div.column div.cell table{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} div.table div.column div.cell table caption{ font-weight:bold; padding:5px; text-align:left; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} div.table div.column div.cell table tr { height:25px; } div.table div.column div.cell table tr th { padding:3px; } div.table div.column div.cell table tr td { padding:3px; } div.table div.column div.cell a {color:#555;} div.table div.column div.cell.fr {color:#38953F; text-decoration: none; word-break: normal !important; word-wrap: normal !important; text-align:right;} .word-no-break{word-break: normal !important; word-wrap: normal !important;} .break{word-break: break-all; word-wrap: break-word;} /*STACKTABLE*/ .stacktable caption{ font-weight:bold; padding:5px; text-align:center; } /* DIV BUTTONS AND ICONS ----------------------------------------------------------*/ /*a.button{margin: 2px; padding: 5px; background-color: #AAAAAA; color: #FFF !important; text-decoration: none; border-radius: 4px;}*/ a.button.p{font-size:9px; padding:3px; margin:1px;} a.clear{text-decoration:none;} div.control{width:90%; margin:auto;padding:7px 0px;} .div-light-button {display: table-cell;} /*.div-light-button {cursor:pointer; border-radius: 8px; padding:3px; display: table-cell; vertical-align: middle; border: 2px outset; border-color:#38953F;} .div-light-button a{color: #38953F;} .div-light-button {background: url('../Imagens/bg_button.jpg');} .div-light-button a{text-decoration:none; color: #333333; background-color:transparent;padding:2px;}*/ .div-light-button a, a.button, button{color: #555; margin:2px; cursor:pointer; border-radius: 4px; padding:5px; vertical-align: middle; background: url('../Imagens/bg_button.jpg'); border:1px solid #d3d3d3; text-decoration:none;} .div-light-button a{ padding: 7px; } .div-light-button a:hover, a.button:hover, button:hover{border:1px solid #999;} button.filtro{margin:1px; cursor:pointer; border-radius: 4px; padding:3px; vertical-align: middle; background: url('../Imagens/bg_button.jpg');} button.pesquisa{width:100px; margin:10px; cursor:pointer; border-radius: 8px; padding:3px; display: table-cell; vertical-align: middle; background: url('../Imagens/bg_button.jpg');} button.clean{background: none;border: none;padding: 2px; margin:0px;} button.selected{background: #CCC; color: #38953F; font-weight: bold;} /*button img {width:20px; height:20px;} img.add {background: url('../Imagens/ui-icons_a6a90d_256x240.png') no-repeat 2px -190px;} img.cancel {background: url('../Imagens/ico_delete_p.png') no-repeat;} img.pencil {background: url('../Imagens/ico_pencil_p.png') no-repeat;} img.clear {background: url('../Imagens/ico_eraser_p.png') no-repeat;} img.login {width:24px; height:24px; margin:auto; vertical-align:middle; background: url('../Imagens/ico-login-p.png') no-repeat;} img.manage {background: url('../Imagens/ico_manage_p.png') no-repeat;} img.next {background: url('../Imagens/ui-icons_a6a90d_256x240.png') no-repeat -30px -159px;} img.ok {background: url('../Imagens/ui-icons_a6a90d_256x240.png') no-repeat -62px -143px;} img.save {background: url('../Imagens/ico_disk_p.png') no-repeat;} img.search {background: url('../Imagens/ico_loupe_p.png') no-repeat;} img.loupe {background: url('../Imagens/ico-lupa-p_green.png') no-repeat;} img.setting {background: url('../Imagens/ico_setting_p.png') no-repeat;} img.tree {background: url('../Imagens/ico_tree_p.png') no-repeat;} img.check {background: url('../Imagens/ico_check_p.png') no-repeat;} img.pdf {width:30px; height:30px; margin:auto; vertical-align:middle; background: url('../Imagens/ico_pdf_p.png') no-repeat;} img.xls {width:30px; height:30px; margin:auto; vertical-align:middle; background: url('../Imagens/ico_xls_p.png') no-repeat;} img.print {width:30px; height:30px; margin:auto; vertical-align:middle; background: url('../Imagens/ico_print_p.png') no-repeat;} img.notify {background: url('../Imagens/ico_email_p.png') no-repeat;} img.not_notify {background: url('../Imagens/ico_stop_email_p.png') no-repeat;} img.error_1 {background: url('../Imagens/ico_error_1_p.png') no-repeat;} img.error_2 {background: url('../Imagens/ico_error_2_p.png') no-repeat;} img.error_3 {background: url('../Imagens/ico_error_3_p.png') no-repeat;}*/ #div_controls div {margin:2px;} /*Notique-me ----------------------------------------------------------*/ #BoxLogin { border: 10px solid #B4F4B7;margin: 0 -250px;width:400px;position:relative;left:50%;float:left;} .divRecSenhaUserPush { margin: 0 -500px;width:40%;position:relative;left:70%;float:left;border:5px solid #D3D3D3;} .divCodUserPush {margin: 0 -400px; width:60%; position:relative; left:50%; float:left; border:15px solid #D3D3D3;} /*Auxiliares ----------------------------------------------------------*/ .divIdentificadorDePagina {width: 100%;} .divIdentificadorDePagina label { margin-left:50px; font-size: 23px; font-weight: bold; font-family: Trebuchet MS, Verdana, Arial; color: #38953F;} span.attention {font-size:10px;color:#990000} .scroll-y {OVERFLOW-Y:scroll;} .border-1 {border:1px solid #c0c0c0;} .bg-ccc {background-color:#CCC;} .red{color:#990000;} .highlight{background-color:#FFFF55;} .pointer {cursor: pointer;} .pre {white-space: pre;} .block {display:block;} .inline {display:inline;} .fr {float:right !important;} .fl {float:left !important;} .cb {clear:both !important;} .middle {vertical-align:middle;} .text-left {text-align:left !important;} .text-right {text-align:right !important;} .text-center {text-align:center !important;} .text-justify {text-align:justify !important;} .bold {font-weight:bold;} .mleft {margin-left:0px !important;} .both {clear:both;} .mauto {margin:auto;} .mtop25 {margin-top:25px;} .max-w-20-pc {width:20% !important;} .min-h-20-px {height:20px!important;} .h-20-px {height:20px!important;} .h-21-px {height:21px!important;} .h-22-px {height:22px!important;} .h-23-px {height:23px!important;} .h-24-px {height:24px!important;} .h-25-px {height:25px!important;} .h-30-px {height:30px!important;} .h-50-px {height:50px!important;} .h-100-px {height:100px!important;} .h-200-px {height:200px!important;} .h-400-px {height:400px!important;} .w-20-px {width:20px !important;} .w-21-px {width:21px !important;} .w-22-px {width:22px !important;} .w-23-px {width:23px !important;} .w-24-px {width:24px !important;} .w-25-px {width:25px !important;} .w-50-px {width:50px !important;} .w-75-px {width:75px !important;} .w-100-px {width:100px !important;} .w-110-px {width:110px !important;} .w-150-px {width:150px !important;} .w-170-px {width:170px !important;} .w-175-px {width:175px !important;} .w-200-px {width:200px !important;} .w-350-px {width:350px !important;} .w-400-px {width:400px !important;} .w-450-px {width:450px !important;} .w-500-px {width:500px !important;} .w-550-px {width:550px !important;} .h-auto { height: auto !important; } .h-100-pc { height: 100% !important; } .h-95-pc { height: 95% !important; } .h-90-pc { height: 90% !important; } .h-85-pc { height: 85% !important; } .h-80-pc { height: 80% !important; } .h-75-pc { height: 75% !important; } .h-70-pc { height: 70% !important; } .h-65-pc { height: 65% !important; } .h-60-pc { height: 60% !important; } .h-55-pc { height: 55% !important; } .h-50-pc { height: 50% !important; } .h-45-pc { height: 45% !important; } .h-40-pc { height: 40% !important; } .h-35-pc { height: 35% !important; } .h-30-pc { height: 30% !important; } .h-25-pc { height: 25% !important; } .h-20-pc { height: 20% !important; } .h-15-pc { height: 15% !important; } .h-10-pc { height: 10% !important; } .h-5-pc { height: 5% !important; } .w-100-pc { width: 100% !important; } .w-95-pc { width: 95% !important; } .w-90-pc { width: 90% !important; } .w-85-pc { width: 85% !important; } .w-80-pc { width: 80% !important; } .w-75-pc { width: 75% !important; } .w-70-pc { width: 70% !important; } .w-65-pc { width: 65% !important; } .w-60-pc { width: 60% !important; } .w-55-pc { width: 55% !important; } .w-50-pc { width: 50% !important; } .w-45-pc { width: 45% !important; } .w-40-pc { width: 40% !important; } .w-35-pc { width: 35% !important; } .w-30-pc { width: 30% !important; } .w-25-pc { width: 25% !important; } .ie7 .w-25-pc { width: 24% !important; } .w-22-pc { width: 22% !important; } .w-20-pc { width: 20% !important; } .w-15-pc { width: 15% !important; } .w-10-pc { width: 10% !important; } .w-5-pc { width: 5% !important; } /*Normas*/ span.obs{ color:#CC0000; font-weight: bold;} #div_identificacao H1, #div_identificacao H2 {font-size:18px;} #div_identificacao H1, #div_identificacao H2, #button_identificacao H1, #button_identificacao H2 {display:inline;} .label_norma_vide_alterada {color:#555 !important;} tbody td a:link {color: #333;} #span_ds_historico{font-size: 17px; font-weight: bold; font-family: Trebuchet MS, Verdana, Arial; color: #38953F;} #div_redes_sociais li { display: inline-block; vertical-align:top;} /*Vides*/ div.caputedit {position:relative; border-top: 1px solid #bbb; margin-top: 5px;} div.caputedit button.del {position:absolute; top: 0px; right: 0px;} /*Vocabulario*/ .div-alfabeto {width:100%; clear:both;} .div-alfabeto div {width:700px; margin:auto; height:20px;} .li-alfabeto {float:left; display:block; margin-left:5px; width:20px; text-align:center; } .li-alfabeto a{text-decoration:none;} .li-alfabeto.ui-selected, .li-alfabeto.ui-selecting, .li-alfabeto:hover { background: #006633; } .li-alfabeto.ui-selected a, .li-alfabeto.ui-selecting a, .li-alfabeto:hover a {color: white;} .div-pesquisa {width:100%;} .div-pesquisa div {margin:auto; width:450px;} .div-pesquisa div input {width:350px; margin-left:5px;} .div-pesquisa div a {margin-left:-25px;} .div-pesquisa div img {vertical-align:middle;} .div-pesquisa div label {font-size: 14px; font-weight:bold;} /*Produzir Documentos -------------------------------------------------------------*/ .div_arquivos {position:relative; height:400px;} .div_arquivos img {vertical-align:middle;} .list_dir { position: absolute; left: 0px; width: 250px; overflow-y: auto;} .list_arq { position:absolute; left:255px; right:0px; overflow-y: auto;} .div_folder, .div_arq { padding:3px 0px 0px 5px;} .div_folder .div_folder {margin-left: 5px;} .div_arquivos a {text-decoration: none; color: #046635;} .div_arquivos .table {border-style: solid; border-width: 1px; border-color: #DDDDDD;} .div_arquivos>div.table {margin-top:5px;} .div_arquivos .header_table {margin-top:0px;} .div_arquivos .header_table a{margin-right:5px;} .div_arquivos .text-ar a{margin-left:5px;} .div_file span {font-size:12px; color: #046635;} .div_file a {text-decoration:none;} .div_list_dir div.div_folder.selected>a{background:#006933;color:#FFF; padding:2px;} .input_chave_importar{font-size: 14; font-weight: bold;} span.helper { display: inline-block; height: 100%; vertical-align: middle;} #div_datatable_images table tbody tr td { background-color: white;} #div_datatable_images table tbody tr td div.img { border: 1px solid #EEE; width:250px; height: 200px; text-align:center;} #div_datatable_images table tbody tr td div.btn {position: relative;} #div_datatable_images table tbody tr td div.btn>div { position: absolute; right: 0; top: 5px; } #div_datatable_images table thead tr { display:none;} #div_list_dir{border-right:1px solid #DDD;border-top:1px solid #DDD;} #div_list_arq{border-left:1px solid #DDD;border-top:1px solid #DDD;} /*Resultado de Pesquisa*/ div.tabs_datatable span.total.destaque { padding: 4px; background-color: #CC0000; color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 11px; } .result_datatable {position:relative;} .sort_datatable {position: absolute; left: 300px; padding: 5px;} .sort_datatable.no_agg {left:0px;} .table_datatable {position: absolute; left: 210px; top:40px; right: 5px;} .table_datatable.no_agg {left:0px;} .table_datatable th.clean {background:none;border:none;border-bottom: 1px solid #111;} .agg_datatable {position: absolute; font-size: 11px; left: 0px; width: 200px; padding-top: 50px;} .agg_datatable.no_agg {display:none;} .tabs_datatable {border:none;} h2 span.st_norma {color:#009900;} .sugestoes {width:60%;} div.div-filtros div.line{margin-top: 0px;} div.div-filtros div.column{padding-top:0px;} div.div-filtros>div.header_table{padding:12px 0px 11px 0px; margin-top:0px; color: #333; font-size: 13px; border: 1px solid #d3d3d3; background: #e6e6e6 url("../jquery-ui/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;} div.div-filtros>div.body_table{border: 1px solid #ccc;} div.div-filtros .header_filtro, div.div-filtros .header_filtrando{display:block; text-align:left; padding-top: 15px; font-size:12px; font-weight:bold;} div.div-filtros button{display:block; width:100%; text-align:left; padding: 3px 0px; font-weight:normal; margin-top:2px;} div.div-filtros button img {float:right;} div.div-filtros a {text-decoration:none; color: #046635} div.sugestoes>table { min-width: 300px; } /*Fale Conosco*/ div.fale_conosco{position:fixed; bottom:0; right:0; background:#F9F9F9; z-index:101; width: 500px;} div.fale_conosco.closed {width:200px;} div.fale_conosco.closed .topo img.min {display:none;} div.fale_conosco .topo {background:#38953F; color: #FFF;font-size: 18px; font-weight: bold; text-align: center; width: 100%; padding: 4px;} div.fale_conosco .topo img {float: right;} div.fale_conosco.closed .corpo {display:none;} div.fale_conosco.opened .corpo {width:500px; padding:15px;} div.fale_conosco.opened .corpo H2 {font-size:14px; color:#38953F;} div.fale_conosco.opened .corpo .loading_capctha {text-align:center;height: 40px;} div.fale_conosco.opened .topo img.max {display:none;} span.nr_total_novos { padding: 3px 6px; background-color: #CC0000; color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 12px; font-size: 11px; font-weight: bold;} /*Notifique-me*/ div.table.fale_conosco_atendimento {width:700px !important;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr{height:80px;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td.mensagens{ background: #FFF; border:none;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_user{ } div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_user>div.ds_msg{padding: 0px 15px 0px 0px; border-radius: 4px; position:relative; width: 300px; float:right;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_user>div.ds_msg>div.msg{background-color: #DDD;padding: 15px;width: 90%; text-align: left;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_user>div.ds_msg>div.tooltip-arrow{right:0; position: absolute; border-color: transparent; border-style: solid; top:20px; margin-top:-5px; border-width: 5px 5px 5px; border-left: 10px solid #DDD;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_user>div.dt_inclusao{width: 150px; float:right;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_user>div.dt_inclusao>div.dt{background: #DDD; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; text-align: center; padding: 10px; width: 80%; margin: auto; position: relative;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_sinj{ } div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_sinj>div.ds_msg{padding: 0px 0px 0px 15px; border-radius: 4px; position:relative; width: 300px; float:left;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_sinj>div.ds_msg>div.msg{background-color: #DDD;padding: 15px;width: 90%; text-align: left;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_sinj>div.ds_msg>div.tooltip-arrow{left:0; position: absolute; border-color: transparent; border-style: solid; top:20px; margin-top:-5px; border-width: 5px 5px 5px; border-right: 10px solid #DDD;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_sinj>div.dt_inclusao{width: 150px; float:left;} div.fale_conosco_atendimento div.line div.column div.cell table.dataTable>tbody>tr>td>div.msg_sinj>div.dt_inclusao>div.dt{background: #DDD; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; text-align: center; padding: 10px; width: 80%; margin: auto; position: relative;} /*table_generated_json*/ table.table_generated_json{ font-size:13px; width:100%; border-spacing:2px; background-color:#CCC; border-color:#EEE; border-width:2px; border-style:solid;} table.table_generated_json tr { height:25px; background-color:#FFF; margin-top:2px;} table.table_generated_json th {font-weight:bold; color:#036735;} table.table_generated_json tr td table.table_generated_json{width:90%;} table.table_generated_json caption a.a_expand_table{float:right;} table.table_generated_json tr th span.span_click_table {float:right; margin-right: 15px; cursor:pointer; } div.div_generated_json div.header_table {margin-top:0px;} div.div_generated_json div.header_table a.a_expand_table {float:right; margin-right: 15px; text-decoration:none;} div.div_generated_json.table {border: 1px solid #DDD;} div.table div.div_generated_json.table {width:95% !important;} /* Tooltip */ a[data-toggle="tooltip"] {text-decoration: none;} #div_tooltip{ position:absolute; z-index:1001; } .tooltip { background:none; } .tooltip.top{ padding: 0px 0px 5px 0px; } .tooltip.bottom{ padding:0px 0px 0px 0px; } .tooltip.left{ padding: 0px 5px 0px 0px; } .tooltip.right{ padding: 0px 0px 0px 10px; } .tooltip > .tooltip-inner { background-color: #FFFFDD; color: #006633; border: 1px solid #006633; padding: 15px; font-size: 14px; border-radius: 4px; } .tooltip > .tooltip-close { position: absolute; right: 5px; top: 5px; width:18px; background-color: #DDD; font-weight: bold; } .tooltip > .tooltip-arrow { position: absolute; border-color: transparent; border-style: solid; } /* Tooltip on top */ .tooltip.top > .tooltip-arrow { bottom:0; left:50%; margin-left:-5px; border-width: 5px 5px 0; border-top: 5px solid #006633; } /* Tooltip on bottom */ .tooltip.bottom > .tooltip-arrow { top:-5px; left:50%; margin-left:-5px; border-width: 0 5px 5px; border-bottom: 5px solid #006633; } /* Tooltip on left */ .tooltip.left > .tooltip-arrow { right:0; top:50%; margin-top:-5px; border-width: 5px 0 5px; border-left: 5px solid #006633; } /* Tooltip on right */ .tooltip.right > .tooltip-arrow { left:0; top:50%; margin-top:-5px; border-width: 5px 5px 5px; border-right: 5px solid #006633; } /*Download*/ .ui-progressbar-value{background-image: url("../Imagens/loading3E831E.gif");} /*Jquery Helper*/ .ui-autocomplete{ max-height: 250px; width:30%; overflow-y: auto; overflow-x: hidden;} .ui-dialog{overflow:visible;} ul.ui-widget-header .ui-state-default { background: #FFF; font-weight: bold;} th.ui-state-default { background: none !important; font-weight: bold;} /*Datatable auxiliar*/ .dataTables_wrapper{margin-bottom: 30px;} .dataTables_wrapper .ui-widget-header{background:none; border:none; color:#333;} .dataTables_wrapper .ui-widget-header label{color:#333;} .datatable-clean .ui-widget-header {background:none; border:none;} .datatable-clean th { display:none;} /*AJUSTES -------------------------------------------------*/ .NaoUse, .tg { font-weight:bold; font-size:9px;} .termos{ font-size:9px; } /*AJUSTES Datatable*/ table.dataTable.display tbody tr.odd td, table.dataTable.display tbody tr.odd td.sorting_1 { background-color: #e7e7e7; } table.dataTable.display tbody tr.even td, table.dataTable.display tbody tr.even td.sorting_1 { background-color: #fff; } table.dataTable.display tbody tr.odd.selected td, table.dataTable.display tbody tr.odd.selected td.sorting_1 { background-color: #ccc; } table.dataTable.display tbody tr.even.selected td, table.dataTable.display tbody tr.even.selected td.sorting_1 { background-color: #ccc; } table.dataTable tbody tr.selected td, table.dataTable tbody tr.selected td.sorting_1 { background-color: #ddd; } table.dataTable tbody tr.even td.highlighted, table.dataTable tr.odd td.highlighted { background-color: #ddd; } /*table.dataTable tbody tr.even.selected:hover, table.dataTable tbody tr.even:hover, table.dataTable tbody tr.even td.highlighted, table.dataTable tbody tr.odd:hover, table.dataTable tr.odd td.highlighted { background-color: #ddd; }*/ /*Cadastrar Orgao*/ .linha-destacada > td {background-color: #FAFD67 !important;} .hierarquia-destacada {font-weight: bold;} /*Texto Extraído */ #div_texto {font-size:initial; font-family:initial;} /*Responsividade SINJ Portal */ #div_top .top-bottom-left h3{display:none;} #div_menu_lateral_mobile span{display:none;} @media screen and (max-width:380px) { #div_top {position:fixed;top:0;} /* Topo Fixo */ #div_body {margin-top:30px;} /* Espaço para que o conteúdo nao fique abaixo do topo */ #div_top div.logo, #div_top div.top-bottom-right, #div_top div.right-top {display:none;} /* Elementos do topo que não devem aparecer */ #div_top div.top-bottom > div {min-width:0;} /* Reseta o estilo definido no estilo padrao */ #div_top div.top-bottom {height:35px;} #div_top .top-bottom-left {width:60%; display:flex;} /* A parte esquerda contém o icone do menu e o titulo. Os elementos são flex para ocuparem a mesma linha. */ #div_top .top-bottom-left h2{display:none;} /* Esconde o titulo completo */ #div_top .top-bottom-left h3{display:inherit; margin:7px auto; font-size:17px; font-family: Arial; color:#FFFFFF; z-index:2;} /* Titulo resumido (SINJ-DF) */ #div_menu_lateral_mobile {width:20%;} /* É o 'icone' de menu lateral */ #div_menu_lateral_mobile span {display:block; margin:auto; position:relative; width:60%; height: 4px; background: white; z-index:2;} /* São as linhas que formam o 'icone' de menu */ #div_menu_lateral_mobile span:nth-child(1) {top:7px;} /* Posicionamento de cada um das linhas do span */ #div_menu_lateral_mobile span:nth-child(2) {top:10px;} #div_menu_lateral_mobile span:nth-child(3) {top:13px;} #div_top div.top-bottom-center{width:40%;margin:5px auto;} /* Contém a barra de pesquisa e a lupa */ #div_top div.top-search{width:100%;} #div_top div.top-search input{width:80%;} /* Menu se torna uma gaveta lateral. Fica posicionado fora da tela */ #div_top div.menu { width:160px; height:100%; position: fixed; transform: translate(-160px,0); transition: transform 1s; z-index:1;} #div_top div.menu.open {transform: translate(0,0);} /* Quando tem essa classe, o menu é posicionado para dentro da tela */ #navPage {width:100%; margin-top:25px;} /* É o elemento