* { margin: 0; box-sizing: border-box; } .bold { font-weight: bold; } p.center, h1.center, h2.center, h3.center, h4.center, h5.center { text-align: center; } table.center { margin:auto; } fieldset.center { max-width:55%; padding:10px; align:center; margin:auto; } fieldset { border-radius: 4px; } .border { border: 1px solid black; } .pointer { cursor: pointer;} body { font-family: FreeSans, sans-serif; color:black; font-size:11px; background-color:#F6F6F6; } body.menu {background-image:url('../../MENU_IMG.png');background-repeat: no-repeat ;}.frm_menu {background-color:#F6F6F6;}.frm_centro {background-color:#F6F6F6;} .credenciados { border-collapse: collapse; padding: 8px; border: 1px solid #e6e6e6; } table {line-height:1.0em; font-family: FreeSans, sans-serif; font-size: 11px;}table.topo { width:100%; line-height:1.1em; font-family: FreeSans, sans-serif; font-size: 12px; font-weight: bold; text-align:left; background-color:#0066FF;color:#FFFFFF; }div.topo { display: flex; flex-wrap: wrap; align-content: center; justify-content: space-between; width:100%; line-height:1.1em; font-family: FreeSans, sans-serif; font-size: 12px; font-weight: bold; text-align:left; background-color:#0066FF;color:#FFFFFF; }#header_elements{ display: flex; flex-wrap: wrap; align-content: center; margin-right: 40px; font-family: FreeSans, sans-serif; font-size: 11px; } #header_logo { display: flex; flex-wrap: wrap; align-content: center; margin-left: 20px; padding: 0px, 5px, 0px, 0px; } div.center-100 { align-content: center; padding: 60px 40px 0 0; width: 100%; } div.center { align-content: center; padding: 60px; border-collapse: collapse; border: 1px solid #9e9a9a; border-radius: 5px; box-shadow: inset 0 0 3px grey; width: 50%; } div.logon-screen { display: block; margin-left: 20px; padding: 8px; justify-content: right; } div.topo-options { align: right; display: flex; } font.topo {color:#FFFFFF;}#geral{position:relative; top:-10px; }table.barra { width:100%; line-height:1.1em; font-family: FreeSans, sans-serif; font-size: 12px; font-weight:bold; color: #675E66; text-align:center; background-image:url('./aqua.png');background-repeat: repeat ;padding:1px; border-spacing:0px; border-top-width:1px; border-top-color:white; border-right-width:1px; border-right-color:white; border-bottom-width:1px; border-bottom-color:white; border-left-width:1px; border-left-color:white; }div.barra { display: block; width:100%; line-height:1em; font-family: FreeSans, sans-serif; font-size: 12px; font-weight:bold; color: #675E66; text-align:left; background: rgba(244,244,244,1); background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(246,246,246,1) 47%, rgba(204,204,204,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,244,244,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(204,204,204,1))); background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(246,246,246,1) 47%, rgba(204,204,204,1) 100%); background: -o-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(246,246,246,1) 47%, rgba(204,204,204,1) 100%); background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(246,246,246,1) 47%, rgba(204,204,204,1) 100%); background: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(246,246,246,1) 47%, rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#cccccc', GradientType=0 ); padding:5px; border-spacing:0px; border-top-width:1px; border-top-color:white; border-right-width:1px; border-right-color:white; border-bottom-width:1px; border-bottom-color:white; border-left-width:1px; border-left-color:white; }table.menutop { background-color:#C7C8C6; color:#5E515B; padding:1px; border-spacing:0px; border-top-width:1px; border-top-color:white; border-right-width:1px; border-right-color:white; border-bottom-width:1px; border-bottom-color:white; border-left-width:1px; border-left-color:white; }table.menu{background-color:#C7C8C6; border:1px; border-collapse:collapse;}table.titulo {line-height:1.2em; font-family: FreeSans, sans-serif; font-size: 15px; font-weight: bold;}table.header_centro{border-bottom: solid #999999; }table.header { width:100%; margin-left:auto; margin-right: auto; text-align:left; border: 1px; border-spacing:1; background-color:black; padding-top:0px }table.menu { width:100%; margin-left:auto; margin-right: auto; text-align:left; border: 0px; border-spacing:0px; border-collapse:collapse; background-color:white; }table.corpo { width:100%; margin-left:auto; margin-right: auto; text-align:left; border: 0px; border-spacing:1; padding-top:10px; }table.corpo2 { width:100%; margin-left:auto; margin-right: auto; text-align:left; border: 0px; border-spacing:0px; border-collapse:collapse; padding-top:10px; }table.estat60 { width:60%; margin-left:auto; margin-right: auto; text-align:left; border: 0px; border-spacing:1; padding-top:20px; }table.estat80 { width:80%; margin-left:auto; margin-right: auto; text-align:left; border: 0px; border-spacing:1; padding-top:10px; }td.barra {padding:5px;} .td-barra { padding:5px; } td.default {padding:3px;} td.wide {padding:8px;} td.barraMenu {border-right: thin solid #675E66;}td.marked {color:blue; background-color: #666666}tr.menutop {background-color:#C7C8C6; color:#5E515B;}tr.header, input.header { background: rgba(204,204,204,1); background: -moz-linear-gradient(45deg, rgba(204,204,204,1) 0%, rgba(187,185,187,1) 34%, rgba(204,204,204,1) 58%, rgba(179,175,179,1) 72%, rgba(179,175,179,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(204,204,204,1)), color-stop(34%, rgba(187,185,187,1)), color-stop(58%, rgba(204,204,204,1)), color-stop(72%, rgba(179,175,179,1)), color-stop(100%, rgba(179,175,179,1))); background: -webkit-linear-gradient(45deg, rgba(204,204,204,1) 0%, rgba(187,185,187,1) 34%, rgba(204,204,204,1) 58%, rgba(179,175,179,1) 72%, rgba(179,175,179,1) 100%); background: -o-linear-gradient(45deg, rgba(204,204,204,1) 0%, rgba(187,185,187,1) 34%, rgba(204,204,204,1) 58%, rgba(179,175,179,1) 72%, rgba(179,175,179,1) 100%); background: -ms-linear-gradient(45deg, rgba(204,204,204,1) 0%, rgba(187,185,187,1) 34%, rgba(204,204,204,1) 58%, rgba(179,175,179,1) 72%, rgba(179,175,179,1) 100%); background: linear-gradient(45deg, rgba(204,204,204,1) 0%, rgba(187,185,187,1) 34%, rgba(204,204,204,1) 58%, rgba(179,175,179,1) 72%, rgba(179,175,179,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#b3afb3', GradientType=1 ); font-weight:bold; color:#000000; } .msg { font-weight:bold; color:#000000; padding:5px; width:100%; border-radius: 5px; background: rgba(179,175,179,1); background: -moz-linear-gradient(-45deg, rgba(179,175,179,1) 0%, rgba(204,204,204,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(179,175,179,1)), color-stop(100%, rgba(204,204,204,1))); background: -webkit-linear-gradient(-45deg, rgba(179,175,179,1) 0%, rgba(204,204,204,1) 100%); background: -o-linear-gradient(-45deg, rgba(179,175,179,1) 0%, rgba(204,204,204,1) 100%); background: -ms-linear-gradient(-45deg, rgba(179,175,179,1) 0%, rgba(204,204,204,1) 100%); background: linear-gradient(135deg, rgba(179,175,179,1) 0%, rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3afb3', endColorstr='#cccccc', GradientType=1 ); }tr.padrao {background-color:#ECECDB;}tr.lin_impar {background-color:#F6F6F6; padding: 5px;}tr.lin_par {background-color:#E3E1E1; padding:5px; }linha_1 {background-color:#F6F6F6; padding: 5px;}linha_2 {background-color:#E3E1E1; padding:5px; }tr.lin_alerta {background-color:#FF0000; color:yellow;}tr.lin_alerta_par {background-color:#E3E1E1; color:#FF0000; font-style:italic; padding:5px;}tr.lin_alerta_impar {background-color:#F6F6F6; color:#FF0000; font-style:italic; padding:5px;}td.cborda {height: 20px; }td.line {border-bottom: solid #F6F6F6; border-bottom-width:2px; padding: 8px; }a:link {color: #5E515B; text-decoration: none; cursor:pointer;}a:visited {color: #5E515B; text-decoration: none; cursor:pointer;}a:hover {color: #5E515B; cursor:pointer;}a:active {color: #8a4500; cursor:pointer;}.href {color: #5E515B; text-decoration: none; cursor:pointer;}.negrito:hover{color:#ffe4ca; background-color:#ffe4ca; font-weight:bold; }a.barra:link {color: #FFFFFF; text-decoration: none; cursor:pointer; }a.barra:visited {color: #FFFFFF; text-decoration: none; cursor:pointer; }a.barra:hover {color: #FFFFFF; text-decoration: none; cursor:pointer; }a.barra:active {color: #FFFFFF; text-decoration: none; cursor:pointer; }a.menu:link {color: #5E515B; text-decoration: none;}a.menu:visited {color: #5E515B; text-decoration: none;}a.menu:hover {color:#5E515B; }a.menu:active {color:#999999; }a.no:link {color: black; text-decoration: none; cursor:pointer;}a.no:visited {color: black; text-decoration: none; cursor:pointer;}a.no:hover {color:#5E515B; text-decoration: none; cursor:pointer;}a.no:active {color:#8a4500; text-decoration: none; cursor:pointer;}.botao:hover {color:#5E515B; }.select, .text, .select2, .text2, input.text { height:25px; line-height: 1.2em; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:12px; width:200px; color: black; border: 1px solid #a4a4a4; border-radius: 4px; vertical-align: middle; }.select-multiple { border: 1px solid #a4a4a4; border-radius: 4px; padding: 0px 25px 5px 5px; max-width:200px; } .js-example-basic-single{ color:black; font-size: 16px;} .select-multiple-lin { border: 1px solid #a4a4a4; border-radius: 4px; line-height: 1.2em; width: 200px; }.textarea_desc { height:60px; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:11px; width:200px; color: black; border: 1px solid #a4a4a4; border-radius: 4px; }.select_sol { height:25px; line-height: 1.2em; padding: 0px 10px 5px 5px; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:12px; width:570px; color: black; border: 1px solid #a4a4a4; border-radius: 4px; }.select:focus, .text:focus, .select2:focus, .text2:focus, input.text:focus, .text3:focus, .textarea:focus, .textarea-script:focus, .textarea2:focus, .mini:focus, .mini2:focus, .data:focus, .logon:focus, .help:focus, .select_sol:focus, .textarea_desc:focus { background-color:white; }.checkbox { background-color:white; font-family: FreeSans, sans-serif; color: black; border: 1px solid #a4a4a4; }.text3 { height:25px; background-color:#F7F7F7; font-family: FreeSans, sans-serif; font-size:12px; width:300px; border: 1px solid #a4a4a4; border-radius: 4px; }.quadro { height:13px; width:13px; border: 1px solid #CCCCCC; border-radius: 4px; }input.disable, select.disable { height:25px; background-color:#F3F3F3; font-family: FreeSans, sans-serif; font-size:12px; width:200px; color: black; border: 1px solid #a4a4a4; border-radius: 4px; }.textareaDisable {height:40px; background-color:#F3F3F3; font-family: FreeSans, sans-serif; font-size:11px; width:570px; border: 1px solid #a4a4a4; border-radius: 4px;}td.disable { height:25px; background-color:#F3F3F3; font-family: FreeSans, sans-serif; font-size:11px; width:200px; color: black; border: 1px solid #a4a4a4; }td.borda, tr.borda { height:25px; background-color:white; font-family: FreeSans, sans-serif; font-size:11px; width:200px; color: black; border: 1px solid #a4a4a4; }td.bordaprint { height:25px; background-color:white; font-family: FreeSans, sans-serif; font-size:11px; width:200px; color: black; border-bottom: 1px solid #a4a4a4; }.textarea {height:100px; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:12px; width:570px; border: 1px solid #a4a4a4; border-radius: 4px;}.textarea-script {height:400px; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:12px; width:570px; border: 1px solid #a4a4a4; border-radius: 4px;}.textarea2 {height:100px; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:12px; width:400px; border: 1px solid #a4a4a4; border-radius: 4px;}.radio {width: 13px;}.mini {height:25px; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:12px; width:30px; border: 1px solid #a4a4a4; border-radius: 4px;}.mini2 {height:25px; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:12px; width:90px; border: 1px solid #a4a4a4; border-radius: 4px;}.data {height:25px; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:12px; width:90px; border: 1px solid #a4a4a4; border-radius: 4px;}.help { height:15px; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:11px; width:80px; border: 1px solid #a4a4a4; border-radius: 4px; }.logon { height:18px; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:11px; width:80px; border: 1px solid #a4a4a4; border-radius: 4px; }.logon:hover { color: black; border: 1px solid black; }.new-logon { height:30px; background-color:#F6F6F6; font-family: FreeSans, sans-serif; font-size:16px; width:150px; border: 1px solid #a4a4a4; border-radius: 4px; }.new-logon:hover { color: black; border: 1px solid black; } .btn { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; } .btn-square { border-radius: 4px; padding: 5px 5px; font-size: 10px; } .btn-blue {background-color: #008CBA;} /* Blue */ .btn-square:hover { border: 0.5px solid black; padding: 4.5px 4.5px; cursor: pointer; } .button { height: 20px; color: #333333; font-size: 12px; padding-left: 8px; padding-right: 8px; background: url('./bg.gif') repeat-x #f0f0f0; border: 1px solid #a4a4a4; border-radius: 4px; }.button:hover { color: black; border: 1px solid black; }input.blogin { height: 34px; color: #333333; font-size: 13px; padding-left: 8px; padding-right: 8px; background: url('./bg.gif') repeat-x #f0f0f0; border: 1px solid #a4a4a4; border-radius: 4px; }input.blogin:hover { color: black; border: 1px solid black; }input.new-blogin { height: 54px; width: 150px; color: #333333; font-size: 16px; padding: 15 20; border-radius: 4px; background: url('./bg.gif') repeat-x #f0f0f0; border: 1px solid #a4a4a4; }input.new-blogin:hover { color: black; border: 1px solid black; }.button-disabled { height: 20px; color: #D0D0D0; font-size: 12px; padding-left: 8px; padding-right: 8px; background: url('./bg.gif') repeat-x #f0f0f0; border: 1px solid #a4a4a4; border-radius: 4px; }.minibutton { height: 15px; color: #333333; font-size: 9px; padding-left: 8px; padding-right: 8px; background: url('./bg.gif') repeat-x #f0f0f0; border: 1px solid #a4a4a4; border-radius: 4px; }.minibutton:hover { color: black; border: 1px solid black; }.button_new {height:25px; background-color:#BDBDBC; color:black; border-radius: 4px;}.btPadrao {height:25px; background-color:#ECECDB; color:black; border-radius: 4px;}table.likebutton { padding-top: 10px; }a.likebutton, td.likebutton { border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-radius: 4px; background: #EFEFEC; text-align: center; }a.likebutton { padding: 3px; margin-left: 5px; }.divAlerta {background-color: #FAD163; color: #000000;}.relatorio { font-family: FreeSans, sans-serif; font-size: 13px; background-color:white; }.parag { margin-left:10%; margin-right: 10%; text-indent: 1cm; text-align:justify; }.parag_header { margin-left:10%; margin-right: 10%; }p.titulo { font-family: tahoma; font-size: 15px; text-align:center; font-weight:bold; }.HNT { position:absolute; background: #FFFFFF; width: 300px; padding: 8px; border: 1px solid #d9d9d9; }.centro {margin:auto}#login {position:absolute; left:40%; top:176px; width:15%; height:10%; z-index:2;}#topo {margin: 5px; height: 40px;}#menu {position: absolute; top: 100px; left: 10px; width: 150px; }#corpo {margin-left: 170px; margin-right: 0px; }.alerta { position: absolute; top: 30px; left: 30%; width: 50%; z-index:1; } @-webkit-keyframes spinning { from {transform: rotate(0deg);} to {transform: rotate(180deg);} } @keyframes spinning { from {transform: rotate(0deg);} to {transform: rotate(180deg);} } .square { width: 50px; height: 50px; border-width: 5px; border-style: solid; border-color: #999 #ccc; border-radius: 50px; -webkit-animation: spinning 0.75s infinite linear; animation: spinning 0.75s infinite linear; } .loading, loading_middle, loading_bottom { position: fixed; width: 50px; height: 50px; top: 200; left: 500; z-index: 5000; border-width: 5px; border-style: solid; border-color: #999 #ccc; border-radius: 50px; -webkit-animation: spinning 0.75s infinite linear; animation: spinning 0.75s infinite linear; } #loading { position: fixed; width: 50px; height: 50px; top: 200; left: 500; z-index: 5000; border-width: 5px; border-style: solid; border-color: #999 #ccc; border-radius: 50px; -webkit-animation: spinning 0.75s infinite linear; animation: spinning 0.75s infinite linear; } #square { position: fixed; width: 50px; height: 50px; top: 200; left: 500; z-index: 5000; border-width: 5px; border-style: solid; border-color: #999 #ccc; border-radius: 50px; -webkit-animation: spinning 0.75s infinite linear; animation: spinning 0.75s infinite linear; } #bubble_tooltip{ width:300px; position:absolute; display:none; }#bubble_tooltip .bubble_top{ background-image: url('../../includes/css/baloom/bubble_top.png'); background-repeat:no-repeat; height:14px; }#bubble_tooltip .bubble_middle{ background-image: url('../../includes/css/baloom/bubble_middle.png'); background-repeat:repeat-y; background-position:bottom left; padding-left:7px; padding-right:7px; }#bubble_tooltip .bubble_middle span{ position:relative; top:-8px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:11px; }#bubble_tooltip .bubble_bottom{ background-image: url('../../includes/css/baloom/bubble_bottom.png'); background-repeat:no-repeat; background-repeat:no-repeat; height:44px; position:relative; top:-6px; } .iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; } .iframe-container-4x3 { padding-top: 75%; } .iframe-container iframe { border: 0; height: 80%; left: 0; position: absolute; top: 0; width: 100%; }