/* Minification failed. Returning unminified contents. (3349,42): run-time error CSS1046: Expect comma, found '0' (3349,46): run-time error CSS1046: Expect comma, found '/' (3377,41): run-time error CSS1046: Expect comma, found '0' (3377,45): run-time error CSS1046: Expect comma, found '/' (3478,28): run-time error CSS1039: Token not allowed after unary operator: '-form-background' (3503,40): run-time error CSS1039: Token not allowed after unary operator: '-form-control-color' (3519,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3520,21): run-time error CSS1039: Token not allowed after unary operator: '-form-control-disabled' (3554,31): run-time error CSS1046: Expect comma, found '243' (3554,38): run-time error CSS1046: Expect comma, found ')' (4485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4519,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4617,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-zindex' (4619,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-margin' (4620,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (4634,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-font-size' (4640,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-opacity' (4645,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (4646,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (4657,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (4662,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (4662,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (4663,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg' (4668,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (4669,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (4670,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (4675,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (4675,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (4675,106): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (4676,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg' (4681,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (4686,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (4686,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (4687,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg' (4692,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (4693,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (4694,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (4699,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (4699,77): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (4699,114): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (4700,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg' (4705,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-max-width' (4706,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-y' (4706,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-x' (4707,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color' (4709,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg' (4710,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-border-radius' */ /******* Tags ******/ html { background-color: #13447C; } body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1.5; color: #444; font-size: 1em; /* text-align: justify;*/ background-color: #FCFDFD; overflow: visible; margin: 0; padding: 0; height: 100%; overflow-y: scroll; float: left; width: 100%; display: inline-table; } select, input, textarea { border: solid 1px #DDD; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } ::selection { background-color: #469FFF; color: #FFF; } /* ::-webkit-scrollbar { -webkit-appearance: none; width: 12px; } ::-webkit-scrollbar-thumb { border-radius: 12px; border: 4px solid rgba(255, 255, 255, 0); background-clip: content-box; background-color: #ACBBBE; } ::-webkit-scrollbar-corner { background-color: #E6E6E6; } */ a, a:visited { text-decoration: underline; color: #0d3c71; } a[href=""], a[class="bookmark"] { text-decoration: none !important; } a:hover { color: #1357A4; text-decoration: underline; } img { margin: 0 0.5em 0 0; border: 0; } h1 { font-size: 1.15em; } h2 { font-size: 0.96em; } .slideContent h2 { font-size: 1.1em !important; } h3 { font-size: 0.9em; } .glossary { float: left; font-size: 0.9em; line-height: 1.8; margin-top: 5em; } .glossary dt { font-size: 0.87em; font-weight: bold; text-transform: uppercase; margin-top: 1.5em; } a[href$=".pdf"], a[href*=".pdf?"] { /*background: transparent url(/static/images/filestypes/pdf_light.png) 2px -1px no-repeat;*/ padding-left: 10px !important; } a[href$=".pdf"]::before, a[href*=".pdf?"]::before, a[href$=".PDF"]::before, a[href*=".PDF?"]::before { font-family: 'Font Awesome 5 Free'; /* Ou a versão que você está usando */ font-weight: 900; /* Para ícones sólidos, use 900; para regulares, use 400 */ content: '\f1c1'; /* Código Unicode para o ícone de PDF (consulte a documentação do Font Awesome) */ margin-right: 0.5em; /* Espaçamento entre o ícone e o texto do link */ color: #9c2222; /* Cor do ícone (opcional) */ } /* ----------- Table default ------------ */ table { padding: 0; margin: 0; border-collapse: collapse; font-size: 0.8em; background-color: inherit; /* display: block;*/ margin-bottom: 2.5em; width: 100%; } table caption { display: table-caption; text-align: left; text-transform: uppercase; font-weight: bold; margin-bottom: 0.3em; } table caption span.resultCriteria { font-size: 0.8em; font-weight: normal; } table caption span.resultRows { float: right; color: #616161; font-size: 0.8em; font-weight: normal; padding-top: 0.5em; } table thead { border: solid 1px #CCC; } table thead th { color: #F0F0F0; background-color: #174E8C; text-align: center; border-left: solid 1px #C0C0C0; padding: 0.5em; } table tbody { color: #2B2B2B; border: solid 1px #ECECEC; } table tbody tr { background-color: #FFF; line-height: 2; } table tbody tr.par { background-color: #F9F9F9; } table tbody td, table tbody th { text-align: center; padding: 0.1em; } table tbody td { padding: 0.4em; } table tbody th { text-align: left; padding-left: 0.8em; font-weight: normal; } table tr td a { font-weight: bold; padding: 0.3em; width: 100%; } table tr td a:hover { text-decoration: none; color: #054B68; } table tbody tr:hover { background-color: #E3F6FF; } input[type="button"], input[type="submit"] { padding: 10px; color: black; border: solid 1px #C7C7C7; cursor: pointer; background-color: #F0F0F0; /*background: -moz-linear-gradient(top, #FFF 1%, #E3E3E3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFF), color-stop(100%,#E3E3E3)); background: -webkit-linear-gradient(top, #FFF 1%,#E3E3E3 100%); background: -o-linear-gradient(top, #FFF 1%,#E3E3E3 100%); background: -ms-linear-gradient(top, #FFF 1%,#E3E3E3 100%); background: linear-gradient(top, #FFF 1%,#E3E3E3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E3E3E3',GradientType=0 );*/ border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; margin: 1px; font-size: 1em; } input[type="button"]:hover, input[type="submit"]:hover { background-color: #e7e7e7; color: black; /*background: -moz-linear-gradient(top, #FFFFFF 1%, #F0F0F0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFFFFF), color-stop(100%,#F0F0F0)); background: -webkit-linear-gradient(top, #FFFFFF 1%,#F0F0F0 100%); background: -o-linear-gradient(top, #FFFFFF 1%,#F0F0F0 100%); background: -ms-linear-gradient(top, #FFFFFF 1%,#F0F0F0 100%); background: linear-gradient(top, #FFFFFF 1%,#F0F0F0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F0F0F0',GradientType=0 );*/ } .submit-button { background: #1B4788 !important; color: white !important; } .submit-button:hover { background: #0d3c71 !important; } /* structural */ #header { float: left; width: 100%; height: 4.2em; border-bottom: solid 2px #E7F3FF; background-color: #F0F6FF; margin-top: 2px; } #headerLeft { float: left; height: 4em; width: 35%; padding-top: 11px; /*background: transparent url("/static/images/logos/logo_ine_90.png?V20250213") 0 0 no-repeat;*/ } #header img { } #headerRight img { width: 100%; height: auto; max-width: 230px; padding: 0px; margin: 0px; } #ine-logo-left { display: block; } #webinq-logo-left { display: none; } #headerRight { float: right; height: 3.6em; width: 25%; text-align: right; /*background: transparent url("/static/images/logos/logowebinq.png?v20160629") 100% 100% no-repeat;*/ /*background: transparent url("/static/images/logos/logowebinq20anosV3.png?v202502243") 100% 100% no-repeat;*/ } #page { min-height: 100%; position: relative; } .headerBox { padding-bottom: 4em; } #content { margin: auto; min-width: 300px; max-width: 1120px; position: relative; padding-bottom: 1.5em; /*footer height */ padding-top: 1em; } #main { clear: both; display: table; width: 100%; } #contentLeft { float: left; width: 75%; /*margin: 0em 0em 1em 0.5em;*/ padding-right: 0; min-height: 850px; display: inline-table; margin-top: 0.5em; } #updateBrowser { display: none; } #contentLeft h2 { color: #595959; } #contentRigth { width: 21%; float: right; display: inline-table; } #contentRigth h2 { color: #100202; border-bottom: solid 1px #c7c7c7; font-size: small; } #contentRigth a { font-size: small; padding: 0.4em; } .mobVisibleInBlock, .mobBoxTextClick, .mobMenu { display: none; } .mobBoxTextClick.close, .mobClick.close { display: block; } .mobOpenClose { max-height: 800em; } #footer { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; width: 100%; height: 30em; float: left; color: #D3D3D3; margin-top: 10px; background-color: #093363; position: relative; bottom: 0; left: 0; letter-spacing: 1px; font-weight: lighter; } #footerContent { position: relative; height: auto; overflow: auto; margin: 1.1em 1.1em 0em 1.1em; clear: both; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; font-size: 0.9em; } #footerLeft { vertical-align: text-top; text-align: left; float: left; width: 35%; padding: 1em; display: inline-block; } #footerLeft > ul > li { margin: 0 0 1em 0; } #footerLeft > ul > li > ul > li { padding-left: 2em; margin: 0; margin-bottom: 1em; list-style-type: none; } #footerMiddle { vertical-align: text-top; text-align: left; width: 35%; float: left; padding: 1em; display: inline-block; } #footerRigth { vertical-align: top; text-align: right; float: right; width: 20%; padding: 1em; display: inline-block; } #footerLinks { position: relative; width: 100%; max-width: 500px; display: block; border-top: solid 1px #396D93; text-align: center; padding: 0.5em; margin: auto; } #footerRigth span { display: block; color: #DEDEDE; } #footerMiddle ul li { padding-left: 2em; margin: 0; margin-bottom: 1em; list-style-type: none; } #footer a { color: white; font-size: 1.1em; } #footer .info { width: 60%; border-bottom: solid 1px #396D93; margin: 0 0 20px 18px; color: #D3D3D3; } /* specific objects */ #headerLink { height: 2.2em; background-color: #13447C; box-shadow: 0px 0px 2px 2px #000000; } #contentLink { float: right; width: 100%; } #contentLink > a { color: #13447C; font-size: x-small; float: right; top: 7.8em; position: relative; z-index: 1; } #contentLink > a:hover { color: #0d3c71; } /* top options line */ .barOptions { position: relative; min-height: 2.2em; color: #73A6FF; /*margin-left: 1.5em;*/ white-space: nowrap; position: relative; margin: 0px; padding: 0em; } .barOptions li { list-style: none; display: inline-block; padding: 0em; vertical-align: middle; height: 2.2em; } .barOptions li:first-child { padding-left: 0px; } .barOptions li:not(:last-child) { border-right: 1px solid #F7F9FD; } .barOptions li .link_pdf { font-size: 0.9em; vertical-align: top; padding-left: 0.5em; } .barOptions a, .barOptions a:visited { color: #F7F9FD; /*margin-right: 1em; margin-left: 1em;*/ font-size: smaller; background: none; padding: 0px 10px; position: relative; height: 100%; display: block; line-height: 2.5em; text-decoration: none; } .barOptions a:hover { background-color: #2d629f; } .barOptions a:first-child { margin-left: 0; } .barOptions a:hover { color: white; } /* generic styles */ .pageWidth { margin: auto; min-width: 300px; max-width: 1120px; padding: 0px; height: 100%; } .gap, .gapmin1, .gapmin2 { float: left; margin-top: 1.5em; width: 100%; } .gap { margin-top: 1em; } #contentRigth .gap { margin-top: 0.7em; } #contentRigth .mobMenuItems > .gap:first-child { margin-top: 0em; } .gapmin1 { margin-top: 1em; } .gapmin2 { margin-top: 0.5em; } .gapRight { float: left; } .gapSmallRight { margin-right: 1em; } .gapLeft { margin-left: 1em; } .gapSmallLeft { margin-left: 0.5em; } .gapBottom { margin-bottom: 1em; } .novidades-item { margin-top: 0.7em; text-align: left; } .floatNone { float: none; } .compBgColorLight { background-color: #074d94; border-bottom: solid 1px #63a5ff; } .famBgColorLight { background-color: #ef8d8d; border-bottom: solid 1px #9b1b1b; } .textNote { font-size: 0.93em !important; } .textGlow { color: #3F9FFF; } .shine:hover { color: #FFF; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } .borderBox { border: solid 1px #EEE; } .bookmark { display: inherit; height: 1px !important; } .italic { font-style: italic; } .lineSeparator { margin-top: 3em; border-top: solid 1px #EEE; padding-top: 1em; } .colorCaptionTable { color: #5DADCE; } .inlineTable { display: inline-table; } .inline { display: inline; } .inlineBlock { display: inline-block; } .block { display: block; } .gapZero { padding: 0 !important; margin: 0 !important; } .linkResponse { bottom: 0; left: 0; top: 55px; position: absolute; width: 100%; height: 30px; text-align: center; z-index: 25; color: #000000; display: none; } .boxBusiness .linkResponse > a { background-color: #e7f3ff; border: solid 2px #074d94; } .boxBusiness .linkResponse > a:hover { background-color: #a7d3ff; } .boxFamily .linkResponse > a { background-color: #ffdfdf; border: solid 2px #9b1b1b; } .boxFamily .linkResponse > a:hover { background-color: #ffcece; } .linkResponse > a { font-weight: bold; border: solid 1px #9dceff; padding: 0.4em 0.8em; background-color: #F7FEFF; opacity: 1; color: #0d3c71; border-radius: 3px; box-shadow: 0px 0px 2px black; text-decoration: none; } .linkResponse > a:hover { background-color: #f0f6ff; color: #0d3c71; } .floatRight { float: right; } .floatLeft { float: left; } .titleBorder { position: relative; width: 100%; margin-bottom: 1.5em; border-bottom: solid 1px #F3F3F3; float: left; } .titleBorder img { float: right; display: inline-block; margin: 0; opacity: 0.7; } .titleBorder h1, .titleBorder h2 { /* padding-bottom: 0.5em; */ line-height: 1.8em; text-transform: uppercase; font-family: Sans-Serif; font-size: 1.1em; letter-spacing: 0.05em; word-spacing: 0.1em; text-align: left; color: #666; float: left; display: inline-block; } .titleBorder h1 { color: #13447C !important; } .contentBox .titleBorder h1, .contentBox .titleBorder h2 { color: #13447C !important; } /*.contentBox h2 {font-size: 0.9em !important;}*/ .unbreak { white-space: nowrap; } .noSelection { outline: 0; border-color: transparent; text-decoration: none !important; } .publicOptionsQuery { float: right; font-size: 0.75em; margin-top: -2em; position: relative; margin-right: 1em; background-color: #F7F7F7; border: solid 1px #F0F0F0; border-radius: 0 0 0 8px; /*top: -1.1em;*/ /* text-transform:uppercase;*/ overflow: hidden; } .publicOptionsQuery a { display: inline-block; background-color: #f3f3f3; padding: 10px; } .publicOptionsQuery a:hover { background-color: #DEDEDE; color: #0d3c71; } /* ----------- images ------------ */ .img_full { width: 100%; height: 100%; } .imgView { background: transparent url("/static/images/buttons/consultar_50.png") center center no-repeat !important; opacity: 0.7 !important; filter: none !important; height: 30px; } td .imgView, td .imgEdit { border: solid 1px transparent !important; } .imgEdit { background: transparent url("/static/images/buttons/corrigir_50.png") center center no-repeat !important; opacity: 0.7 !important; filter: none !important; height: 30px; } .imgView:hover, .imgEdit:hover { opacity: 1 !important; border: solid 1px #CCC !important; } .imgGo { background: #39F url("/static/images/buttons/imgBtn_processa.png") center center no-repeat; } .imgGo:hover { background: #39F url("/static/images/buttons/imgBtn_processa_over.png") center center no-repeat; } .imgEnter { background: #39F url("/static/images/generic/enter_small.png") 4% 50% no-repeat; } .imgCalendar { background: #39F url("/static/images/generic/calendar_small.png") 10% 50% no-repeat; } .imgCompany { background-color: #074d94; } .imgUser { background-color: #A62121; } .imgCompanyBlack { background: rgba(0, 0, 0, 0) url("/static/images/generic/login_company_black.png") 0 6px no-repeat; } .imgCompanyBlack h1 { padding-left: 45px !important; } .imgFamilyBlack { background: rgba(0, 0, 0, 0) url("/static/images/generic/login_family_black.png") 0 6px no-repeat; } .imgFamilyBlack h1 { padding-left: 45px !important; } #contentRigth .imgUser:hover { background-color: #C60C0C !important; } #contentRigth .imgCompany:hover { background-color: #0C71C6 !important; } .imgSombra { width: 100%; display: block; float: left; } .imgBullet { background: url("/static/images/generic/bullet.png") center left no-repeat; } .imgBullet2 { background: url("/static/images/generic/bullet_small.png") 5px 6px no-repeat; } .imgAlert { background: url("/static/images/generic/alert_small.png") center center no-repeat; } .imgKey { background: url("/static/images/generic/key_small_2.png") center center no-repeat; } .imgNew { background: url("/static/images/generic/novo.gif") center center no-repeat; height: 30px; } .imgNewLeft { background: url("/static/images/generic/novo.gif") left center no-repeat; } .imgExcel { background: url("/static/images/filestypes/xlsimage.gif") center center no-repeat; } .imgExcel:hover { background: url("/static/images/filestypes/xlsimageover.gif") center center no-repeat; } .imgSelect { opacity: 0.7 !important; background: url("/static/images/buttons/selecionar_50.png") center center no-repeat !important; filter: none !important; height: 30px; } .imgRemove { opacity: 0.7 !important; background: url("/static/images/buttons/retirar_50.png") center center no-repeat !important; filter: none !important; height: 30px; } .imgAdd { opacity: 0.7 !important; background: url('/static/images/buttons/adicionar_50.png') center center no-repeat !important; height: 30px; filter: none !important; } .imgDownload { opacity: 0.7 !important; background: url("/static/images/buttons/download_50.png") center center no-repeat !important; filter: none !important; height: 100%; } .imgRemove:hover, .imgSelect:hover, .imgDownload:hover, .imgAdd:hover { opacity: 1 !important; filter: none !important; } .imgZip { background: url("/static/images/filestypes/zipimage.gif") center center no-repeat; } .imgZip:hover { background: url("/static/images/filestypes/zipimageover.gif") center center no-repeat; cursor: pointer; } .imgPdf { background: url("/static/images/filestypes/pdfimage.gif") center center no-repeat; } .imgPdf:hover { background: url("/static/images/filestypes/pdfimageover.gif") center center no-repeat; cursor: pointer; } .imgContactAddress { background: transparent url("/static/images/generic/address.png") -6px -2px no-repeat; } .imgContactHouse { background: transparent url("/static/images/generic/house_small_white.png") top left no-repeat; } .imgContactPhone { background: transparent url("/static/images/generic/phone.png") -6px -2px no-repeat; } .imgContactFax { background: transparent url("/static/images/generic/fax.png") -6px -2px no-repeat; } .imgContactQueryAddress { background: transparent url("/static/images/generic/contact_email_bw.png") right top no-repeat; } .imgContactQueryPhone { background: transparent url("/static/images/generic/contact_phone_bw.png") right -4px no-repeat; } .imgOff { background: transparent url("/static/images/buttons/off.png") center center no-repeat !important; border: solid 1px transparent !important; filter: none !important; } /*********** blocos *************/ /* ------------------ AJUDA ----------- */ .user { color: gainsboro; } .time { font-size: 0.9em; color: gainsboro; } .month { text-transform: uppercase; color: #f27050; font-weight: bold; } .day { font-weight: bold; color: #CCCCCC; } .ajudaBox { height: 24px; padding: 0 0.2em 2px 2em; position: relative; top: -0.4em; display: inline-block; color: white; } .ajudaBoxTitle { padding-top: 4px; width: 100%; text-align: center; font-size: 0.8em; } #ContactsHeader { position: absolute; top: 3.5em; left: 43%; padding: 0; margin: 0; display: inline; } #ContactsHeader ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; } #ContactsHeader ul li { margin: 0; padding: 0; color: #13447C; font-size: 0.8em; padding-left: 30px; /*background: transparent url("/static/images/generic/contact_phone_small.png") top left no-repeat; Comentado por Paulo Cardoso */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; display: inline; float: left; margin-right: 15px; position: relative; height: 25px; } #ContactsHeader ul li:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #ContactsHeader ul li:first-child { /*background: transparent url("/static/images/generic/contact_email_small.png") top left no-repeat; Comentado por Paulo Cardoso */ padding-top: 0; } .headerIcons { position: relative; width: 25px; height: 25px; background-color: #13447C; border-radius: 100px; display: flex; margin-right: 0.3em; text-align: center; color: white; } .headerIcons i { margin: auto; } #ContactsHeader ul li a { color: #13447C; font-size: 1.2em; } /* -------------- boxes -------------- */ .boxShadow { width: 48%; float: left; } .boxShadowRight { float: right !important; } .box { background-color: #FFF; text-align: left; position: relative; display: inline-table; vertical-align: middle; background-color: white; cursor: default; /*border: solid 2px #F4F4F4; Comentado por Paulo Cardoso */ border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; min-width: 230px; margin: 0; /*padding: 0.5em;Comentado Por Paulo Cardoso*/ width: 100%; height: 308px; overflow: hidden; /* Adicionado por Paulo Cardoso a 2025-03-13 */ } .boxBusiness { border-bottom: solid 3px #074d94; box-shadow: 0px 0px 2px #074d94; } .boxFamily { border-bottom: solid 3px #A62121; box-shadow: 0px 0px 2px #A62121; } .boxBusiness, .boxFamily { /*border: solid 2px #F6F6F6; Comentado por Paulo Cardoso */ } .logo-box { position: absolute; top: 0px; z-index: 25; width: 60px; left: 0px; text-align: left; padding: 0px; margin: 0px; } .boxDescription { padding: 0.8em; clear: left; /*cursor:pointer; */ } .boxDescription > .edgeLinkArea { position: absolute !important; border-left: 10em solid rgba(0, 0, 0, 0); bottom: 2.8em; height: 0; opacity: .8; right: 0; width: 0; } .boxDescription > .edgeLinkText { position: absolute !important; bottom: 4em; color: #333; right: 0.8em; z-index: 2; font-size: small; } .boxDescription > .edgeLinkText > a { color: #464646; font-weight: bold; } .boxDescriptionHidden { visibility: hidden; background-color: #FCFCFC; height: 0; top: 43px; z-index: 9999; border: solid 1px #E6E6E6; text-align: justify; width: 200%; } .box:hover .boxDescriptionHidden { visibility: visible; height: auto; } .boxTitle { position: relative; display: table; height: 2.7em; font-weight: bold; font-size: smaller; width: 100%; color: #636363; z-index: 35; } .boxTitleInside { display: table-cell; vertical-align: middle; text-align: center; width: 100%; font-size: 1.1em; font-family: sans-serif; letter-spacing: 1px; position: relative; z-index: 30; padding: 10px 5px; } .boxBusiness .boxTitleInside, .boxFamily .boxTitleInside { display: block; vertical-align: middle; text-align: center; width: 100%; font-size: 1.1em; font-family: sans-serif; letter-spacing: 1px; position: relative; z-index: 30; padding: 0px; color: white; } .business { /*background: transparent url(/static/images/photos/business3.png) no-repeat top center;*/ min-height: 16em; } .family { /*background: transparent url(/static/images/photos/family3.png) no-repeat center top;*/ min-height: 16em; } .familyLight { min-height: 18em; } .familyLight .boxCircleClass { position: relative; margin: 1em auto; font-size: 4.7em; width: 200px; height: 200px; } .boxImage { z-index: 20; display: block; height: 100%; } .boxLinksParent, .boxDescription { display: block; position: relative; margin-top: 20px; } .boxShadow .boxDescription { /*margin-top:50px !important;*/ } .boxLinks { position: absolute; left: 0px; top: 100%; background-color: #FFF; width: 98%; font-size: smaller; height: 260px; padding-left: 1em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0.9; -webkit-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; font-weight: normal; line-height: 1.3; } .box:hover .boxLinks, .box:focus .boxLinks, .boxLinks:focus, .boxLinks:focus p:focus, .boxLinks:focus p:focus a:focus { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important; filter: alpha(opacity=90) !important; -moz-opacity: 0.9 !important; -khtml-opacity: 0.9 !important; opacity: 0.9 !important; visibility: visible !important; } .boxLinksVisible { top: -322px; height: 250px; visibility: visible; } .boxLinksRef { color: #666; text-decoration: none !important; } .boxLinksRefResponder { position: absolute; width: 100%; left: 0px; text-align: center; bottom: 0px; font-size: 0.9em; color: #FAFAFA; } .famBgColorLight { background-color: #A62121; } .compBgColorLight { background-color: #074d94; } .famBgColorLight a, .compBgColorLight a { color: white !important; text-decoration: none; } #sectionNavigation { margin-bottom: 0.6em; border-bottom: solid 2px #13447c; } #sectionNavigation span[id="lbSectionNav"] { position: relative; font-size: small; color: #13447c; float: left; text-transform: uppercase; padding: 3px; } .navigationBox { display: inline-block; font-size: 0.9em; } .navButton { display: inline-block; padding: 2px; text-transform: uppercase; font-size: 0.83em; } .navButton a { padding: 2px; text-decoration: none; } span.arrow { position: relative; top: -2px; color: #A62121; font-size: 0.8em; } /* ----------- ToggleMenu ---------- */ .toggleBox .labelBox, .toggleBox input:checked + .labelBox, .toggleBox input[checked] + .labelBox { background-color: inherit; cursor: pointer; color: #A67C7C; font-size: 1.15em; width: 91%; margin-left: -10px; margin-top: -2px; } .toggleBox .labelBox:hover, .toggleBox input:checked + .labelBox:hover, .toggleBox input[checked] + .labelBox:hover { background-color: #C5ECFD; color: #5C5C5C; } .toggleBox .labelBox:hover:after { content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; background: transparent url(/static/images/generic/arrow_down.png) no-repeat center center; } .toggleBox input:checked + .labelBox:hover:after, .toggleBox input[checked] + .labelBox:hover:after { background-image: url(/static/images/generic/arrow_up.png); } .toggleBox input { display: none; } .toggleBox div.toggleDiv { overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear; } .toggleBox input:checked ~ div.toggleDiv, .toggleBox input[checked] ~ div.toggleDiv { -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; } .toggleBox input:checked ~ div.toggleDiv.smallBox, .toggleBox input[checked] ~ div.toggleDiv.smallBox { height: 140px; } .toggleBox input:checked ~ div.toggleDiv.mediumBox, .toggleBox input[checked] ~ div.toggleDiv.mediumBox { height: 630px; } .toggleBox input:checked ~ div.toggleDiv.largeBox, .toggleBox input[checked] ~ div.toggleDiv.largeBox { height: 800px; } #toggleDivsEnd a { border: solid 1px #E6E6E6; border-top: solid 1px #D5D5D5; float: right; width: 234px; margin: 0; padding: 5px 25px 8px 20px; position: relative; top: -22px; left: 12px; background-color: #E3E3E3; cursor: pointer; text-align: center; color: #80B6D9; border-radius: 0 0 12px 12px; } #toggleDivsEnd:hover a { background-color: #FF9090; color: #5C5C5C; } /* ----------- SearchBox ---------- */ input[type="text"], input[type="password"], textarea { padding: 0.4em 0.2em 0.2em 0.5em; } input[type="text"], input[type="password"] { height: 1.4em; } input[type="text"], input[type="file"], input[type="password"], select, textarea { color: #777; -o-transition: border linear 0.4s; -moz-transition: border linear 0.4s; -webkit-transition: border linear 0.4s; transition: border linear 0.4s; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; background-color: #FFF !important; } input[type="text"], input[type="file"], input[type="password"], select, textarea, input[type=radio], input[type=checkbox] { border: solid 2px rgba(168, 199, 210, 0.4); -o-transition: border linear 0.2s,background-color linear 0.2s; -moz-transition: border linear 0.2s,background-color linear 0.2s; -webkit-transition: border linear 0.2s,background-color linear 0.2s; transition: border linear 0.2s,background-color linear 0.2s; } .sectionForm input[type="text"], .sectionForm input[type="password"], .sectionForm select, .sectionForm textarea, .sectionForm input[type=radio], .sectionForm input[type=checkbox] { border: solid 2px rgba(168, 199, 210, 0.4); -o-transition: border linear 0.2s,background-color linear 0.2s; -moz-transition: border linear 0.2s,background-color linear 0.2s; -webkit-transition: border linear 0.2s,background-color linear 0.2s; transition: border linear 0.2s,background-color linear 0.2s; } input[type="text"]:focus, input[type="file"]:focus, input[type="password"]:focus, select:focus, textarea:focus, input[type=radio]:focus, input[type=checkbox]:focus { border: solid 2px rgba(174, 225, 242, 0.7) !important; background-color: #F6FCFF !important; } .sectionForm input[type="text"]:focus, .sectionForm input[type="password"]:focus, .sectionForm select:focus, .sectionForm textarea:focus, .sectionForm input[type=radio]:focus, .sectionForm input[type=checkbox]:focus { border: solid 2px rgba(174, 225, 242, 0.7) !important; background-color: #F6FCFF !important; } select::-ms-expand { display: none; } select { font-size: 0.9em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0.4em 1.5em 0.2em 0.2em !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #FFF url("/static/images/generic/arrowSel.png") right center no-repeat; width: 96%; } select:focus, select:hover { background: #FFF url("/static/images/generic/arrowSel_light.png") right center no-repeat; } #sectionCriteria fieldset legend, #sectionForm fieldset legend, .sectionForm fieldset legend { left: -0.5em; position: relative; background-color: #13447c; color: #fff; padding: 0.1em 0.4em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0px 0px 2px black; border: solid 1px #cfecfc; } fieldset.colorSet1 { border: solid 1px #E7E7E7; background-color: #ECF3FF; } fieldset.colorSet2 { border: solid 1px #E0E0C3; background-color: #F0F0D0; } fieldset.colorSet3 { border: solid 1px #E7E7E7; background-color: #F3F3F3; border-radius: 5px; } #sectionCriteria span.readOnly, #sectionForm span.readOnly { padding: 0.2em 0.5em; border: solid 1px #DADADA; background-color: #ECECEC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; } #sectionCriteria, #sectionForm { float: left; background-color: #F6F6F6; border: solid 1px #E9E9E9; padding-bottom: 1em; -webkit-border-radius: 0 0 1em 1em; -moz-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; margin-bottom: 2em; width: 100%; } .sectionForm { /* background-color: #F6F6F6 !important; border: solid 1px #E9E9E9 !important;*/ } .sectionForm .titleBorder { border-bottom: solid 1px #c7c7c7 !important; } .sectionForm .publicOptionsQuery { border: solid 1px #E6E6E6; } .borderTop { border-top: solid 1px #c7c7c7; padding-top: 2em; } .borderBottom { border-bottom: solid 1px #c7c7c7; } #sectionCriteria .labelBox, #sectionForm .labelBox, .labelBox { padding: 0.5em 1em; display: block; text-decoration: none; border-bottom: solid 1px #E9E9E9; cursor: pointer; color: #13447C; background-color: #E3E3E3; background: -moz-linear-gradient(top, #FFF 1%, #E3E3E3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFF), color-stop(100%,#E3E3E3)); background: -webkit-linear-gradient(top, #FFF 1%,#E3E3E3 100%); background: -o-linear-gradient(top, #FFF 1%,#E3E3E3 100%); background: -ms-linear-gradient(top, #FFF 1%,#E3E3E3 100%); background: linear-gradient(top, #FFF 1%,#E3E3E3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E3E3E3',GradientType=0 ); /*-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ } .labelBoxFamily { background: -moz-linear-gradient(top, #FFF 1%, #ffe9e9 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFF), color-stop(100%,#ffe9e9)) !important; background: -webkit-linear-gradient(top, #FFF 1%,#ffe9e9 100%) !important; background: -o-linear-gradient(top, #FFF 1%,#ffe9e9 100%) !important; background: -ms-linear-gradient(top, #FFF 1%,#ffe9e9 100%) !important; background: linear-gradient(top, #FFF 1%,#ffe9e9 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe9e9',GradientType=0 ) !important; } .labelBoxCompany { background: -moz-linear-gradient(top, #FFF 1%, #a6d6e6 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFF), color-stop(100%,#a6d6e6)) !important; background: -webkit-linear-gradient(top, #FFF 1%,#a6d6e6 100%) !important; background: -o-linear-gradient(top, #FFF 1%,#a6d6e6 100%) !important; background: -ms-linear-gradient(top, #FFF 1%,#a6d6e6 100%) !important; background: linear-gradient(top, #FFF 1%,#a6d6e6 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6d6e6',GradientType=0 ) !important; } #sectionForm .labelBox .fechar { float: right; width: 10px; color: #353535; font-weight: bolder; cursor: pointer; text-decoration: none; } #sectionForm input[type="submit"].fechar { padding: 0.4em 0.7em; color: #CCC; font-weight: bold; background-color: transparent !important; } #sectionForm input[type="submit"].fechar:hover { background-color: #F0ECEC !important; color: #999; } #sectionForm .labelBox .fechar:hover { color: #999; } #sectionForm .labelBox { cursor: default; } #sectionCriteria .labelBox:hover { background-color: #F0F0F0; border-bottom: solid 1px #E0E0E0; color: #0F6F9F; background: -moz-linear-gradient(top, #FFFFFF 1%, #ECECEC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFFFFF), color-stop(100%,#ECECEC)); background: -webkit-linear-gradient(top, #FFFFFF 1%,#ECECEC 100%); background: -o-linear-gradient(top, #FFFFFF 1%,#ECECEC 100%); background: -ms-linear-gradient(top, #FFFFFF 1%,#ECECEC 100%); background: linear-gradient(top, #FFFFFF 1%,#ECECEC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#ECECEC',GradientType=0 ); } #sectionCriteria #innerDivCriteria, #sectionForm #innerDivForm { padding: 1em; padding-bottom: 0; line-height: 1.5em; overflow: hidden; display: block; float: left; width: 96%; } #innerDivCriteria li { margin-bottom: 1.5em; float: left; min-width: 48%; text-align: left; line-height: 1; } /* search */ #searchBox { white-space: nowrap; position: relative; top: -7em; margin-bottom: -7.4em; float: right; } .globalSearchText { border: solid 1px rgba(0, 0, 0, 0) !important; font-size: 90% !important; width: 8em !important; padding: 1px 15px 3px 15px !important; background-color: #E9F3FF !important; -webkit-border-radius: 5em 0 0 5em !important; -moz-border-radius: 5em 0 0 5em !important; border-radius: 5em 0 0 5em !important; -webkit-transition: border 0.4s ease-out,background-color 0.4s ease-out,width 0.4s ease-out !important; -moz-transition: border 0.4s ease-out,background-color 0.4s ease-out,width 0.4s ease-out !important; -o-transition: border 0.4s ease-out,background-color 0.4s ease-out,width 0.4s ease-out !important; transition: border 0.4s ease-out,background-color 0.4s ease-out,width 0.4s ease-out !important; } .globalSearchText:focus { border: solid 1px rgba(0, 0, 0, 0) !important; background-color: #fff !important; width: 15em !important; } .globalSearchButton { font-size: 90% !important; /*background: -moz-linear-gradient(top, #25A9FF 1%, #25A9FF 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#25A9FF), color-stop(100%,#25A9FF)) !important; background: -webkit-linear-gradient(top, #25A9FF 1%,#25A9FF 100%) !important; background: -o-linear-gradient(top, #25A9FF 1%,#25A9FF 100%) !important; background: -ms-linear-gradient(top, #25A9FF 1%,#25A9FF 100%) !important; background: linear-gradient(top, #25A9FF 1%,#25A9FF 100%) !important;*/ filter: none !important; border: none !important; border-left: 0 !important; margin-left: -0.4em !important; padding: 0.3em 1em 0.4em 1em !important; cursor: pointer !important; color: #0d3c71 !important; -webkit-border-radius: 0 15px 15px 0 !important; -moz-border-radius: 0 15px 15px 0 !important; border-radius: 0 15px 15px 0 !important; border-left: solid 1px #444 !important; } .globalSearchButton:hover, .globalSearchButton:focus { /*background: -moz-linear-gradient(top, #198FDD 1%, #198FDD 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#198FDD), color-stop(100%,#198FDD)) !important; background: -webkit-linear-gradient(top, #198FDD 1%,#198FDD 100%) !important; background: -o-linear-gradient(top, #198FDD 1%,#198FDD 100%) !important; background: -ms-linear-gradient(top, #198FDD 1%,#198FDD 100%) !important; background: linear-gradient(top, #198FDD 1%,#198FDD 100%) !important;*/ background: -moz-linear-gradient(top, #EDEDED 1%, #D1D1D1 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#EDEDED), color-stop(100%,#D1D1D1)) !important; background: -webkit-linear-gradient(top, #EDEDED 1%,#D1D1D1 100%) !important; background: -o-linear-gradient(top, #EDEDED 1%,#D1D1D1 100%) !important; background: -ms-linear-gradient(top, #EDEDED 1%,#D1D1D1 100%) !important; background: linear-gradient(top, #EDEDED 1%,#D1D1D1 100%) !important; } .glgobalSearchButton:active { background-color: #FF0000 !important; } .globalSearchButton:-moz-focus-inner { border: none !important; } .globalSearchText:-webkit-input-placeholder, .globalSearchText:-moz-placeholder, .globalSearchText:placeholder { border: solid 1px rgba(0, 0, 0, 0) !important; color: #FFF; font-style: italic; } /* -------------- Buttons -------------- */ .asButton { display: inline-block; letter-spacing: 1px; padding: 0.5em 1.2em; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; user-select: none; border: 1px solid #88ADB4; border-radius: 4px; color: #F3F3F3 !important; background-color: #00AEEC; text-decoration: none !important; margin: 1em 0; font-weight: lighter; } .asButton:hover { background-color: #57DAFF; border-color: #75C5ED; text-decoration: none !important; color: #0C2E3E !important; } .button { white-space: nowrap; cursor: pointer; display: inline-table; /*border: solid 3px #FFF;*/ box-shadow: 0 0 4px #BBB; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .loginButtons .imgCompany { margin-bottom: 9px; } .button:hover, .button:active { box-shadow: 0 0 20px #99ccff; } .button.imgUser:hover { box-shadow: 0 0 20px #ef8b8b; } .button.imgCompany, .button.imgUser { position: relative; display: inline-block; width: 100%; } .button img { background-color: transparent; } .button a { padding-top: 0px; } .button span:first-child { padding-top: 2px; } .buttonText, .buttonTextLogin { display: table; height: 3.7em; font-weight: bold; float: right; background-color: #F0F0F0; color: #636363; width: 70%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .buttonTextLogin { background-color: #E9E9E9; } .buttonTextInside { display: table-cell; vertical-align: middle; text-align: center; width: 100%; white-space: pre-wrap; color: #2B2B2B; } .imgCompany:hover .buttonText { background-color: #F3F9FC; } .imgUser:hover .buttonText { background-color: #FFF0E0; } /* novidades */ .textNewsData { position: relative; width: 100%; display: block; text-align: left; padding: 0px; margin: 0; color: #616161; float: left; background-color: rgba(0, 0, 0, 0); border: 0; font-size: 0.75em; } .textNews { clear: both; padding: 8px; position: relative; margin: 0; color: #566CD0; background-color: transparent; font-size: 0.9em; } .textNews > label { font-size: 0.9em; color: #666; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } #nextSlide span, #prevSlide span { display: none; } /* --- Warning Box ------------*/ .closeDivInfoModalWindow { background-color: #FFF; color: #FFF; position: absolute; right: -10px; text-align: center; top: -5px; width: 30px; height: 30px; text-decoration: none; font-weight: bold; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .infoModalWindow > span { background-color: #0CCCFF; border: solid 4px #F0F0F0; color: #FFF; position: absolute; padding-top: 2px; right: -18px; text-align: center; top: -20px; height: 26px; width: 28px; text-decoration: none; font-size: 1.1em; font-weight: bold; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; -webkit-transition: border 0.2s ease-out,background-color 0.2s ease-out; -moz-transition: border 0.2s ease-out,background-color 0.2s ease-out; -o-transition: border 0.2s ease-out,background-color 0.2s ease-out; transition: border 0.2s ease-out,background-color 0.2s ease-out; cursor: pointer; } .infoModalWindow > span:hover { background-color: #C33939; border: solid 6px #FFF; } .infoModalWindow { position: fixed; height: auto; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 99999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: -1; } .infoModalWindowsVisible { -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 1; } .infoModalWindow:target { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; pointer-events: auto; } .infoModalWindow { width: 400px; height: auto; position: relative; margin: 10% auto; padding: 10px 10px 10px 10px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; background: #fff; background: -moz-linear-gradient(#fff, #838383); background: -webkit-linear-gradient(#fff, #838383); background: -o-linear-gradient(#fff, #838383); } .infoModalWindow p.warningTitle { color: #FFF; font-weight: bolder; padding: 0 0 0 1em; } .infoModalWindow p.warnings { background-color: #FFF; margin-top: -46px; border: solid 2px #FDD; border-top: solid 30px #DF3909; font-weight: bolder; padding: 0 1em; border-radius: 5em; -webkit-border-radius: 5em; -moz-border-radius: 5em; } .infoModalWindow p.warnings { color: #F00; } .infoModalWindow > .closeInfoModalWindow > input { width: 8em; color: #FFF; vertical-align: text-bottom; } .error { color: #BC3C3C; text-align: left; padding: 0.5em 0.5em 0.5em 1.8em; white-space: pre-wrap; background: url("/static/images/generic/error_small.png") 0.2em 0.7em no-repeat; font-weight: normal; } .invisible { display: none; } /* FAQs */ /*.faqTemasList { font-size: 0.9em; } .faqTemasList li { display: inline-block; width: 47%; float: left; margin-bottom: 5px; }*/ .faqTemasList { font-size: 0.9em; display: flex; flex-wrap: wrap; gap: 10px; } .faqTemasList li { width: 47%; } @media screen and (max-width: 768px) { .faqTemasList li { width: 100%; } } .faqTema { text-transform: uppercase; } .faqGoTop { display: block; margin-top: 1em; margin-bottom: 1em; text-align: right; } .faqGroup { width: 50%; display: inline-block; text-transform: uppercase; } div.imgBullet2 > a { color: #86ABE3; } div.imgBullet2 > a:hover { color: #C06060; } .faqQuestion { padding-left: 30px; padding-top: 0; color: #13447c; cursor: pointer; margin-bottom: 0.8em; font-weight: normal; background-color: transparent; border: 0; } .faqQuestion > span { margin-bottom: 1em; padding-bottom: 1em; } .faqAnswer { cursor: default; color: #4F4F4F; display: block; padding: 0 15px 0 15px; font-weight: normal; border-top: 0; border-bottom: solid 1px #13447c; border-left: solid 1em #13447c; margin-top: 0.8em; } .faqAnswer p:first-child { margin-top: 0; } .faqQuestion.iniState > .faqAnswer, .faqQuestion.isClose > .faqAnswer { display: none; } .faqQuestion:hover { color: #012855; } .faqTop { float: right; display: inline-block; font-size: smaller; text-align: right; margin-top: 0.8em; background-color: #F9F9F9; border: solid 1px #F0F0F0; padding: 0.2em 1.5em; } .faqTop:hover { background-color: #FFF; border: solid 1px #EEE; } /*******************Logins********************************/ #loginBox { width: 100%; float: left; padding: 0; margin: 0; text-align: center; } #loginBox > div.box { width: 100%; box-shadow: none; border: none; } #loginBox .boxTitleInside { font-size: larger; } .loginFormInput { font-size: 1em; background-color: #FFF; width: 100%; } .leftLoginBox, .rightLoginBox { display: inline-block; width: 49%; } .rightLoginBox { float: right; } .loginBoxSide1 { float: left; display: inline-block; width: 100%; min-width: 12em; } .loginBoxSide2 { float: left; width: 100%; display: inline-block; } .loginLink { position: relative; height: auto; text-align: center; width: 100%; display: block; padding: 15px 0px; overflow: auto; } .loginBoxFamily { margin-left: 50%; margin-top: 1em; } #loginBox .boxCircleFamily { opacity: 0.6; } /* ------------ Option Duo ------------------- */ #listType { padding: 0; margin: 0; float: left; position: relative; width: 100%; } #listType li { display: inline-block; padding: 10px 8px; margin-right: -0.4em; border: solid 1px #E0E0E0; cursor: pointer; border-radius: 0 1em 0 0; background-color: #EEE; color: #2B2B2B; } #listType li:first-child, #listTypeLogin li:first-child { border-radius: 1em 0em 0em 0em; } #listTypeLogin { padding: 0; margin: 0; float: left; position: relative; width: 100%; display: flex; } #listTypeLogin li { display: block; padding: 10px 8px; border: solid 1px #E0E0E0; cursor: pointer; border-radius: 0 1em 0 0; background-color: #EEE; color: #2B2B2B; text-align: center; font-size: 0.95em; } #listTypeLogin li:last-child { flex-grow: 1; } #listType li:hover, #listTypeLogin li:hover { background-color: #DEDEDE; } #listDetail { /*background-color: #FFF;*/ background-color: transparent; border: solid 1px #EDEDED; padding: 2em; display: block; margin-top: 0.35em; border-radius: 0 1em 1em 1em; float: left; width: 100%; } #listDetail table { position: relative; display: none; width: 100%; } #listDetail table:first-child { display: table; } #listDetail table caption { display: none; } #listType li.active, #listTypeLogin li.active { background-color: transparent; color: #03609F; font-weight: bold; } #listType li.listnone, #listTypeLogin li.listnone { background-color: transparent; border: none; /*border-bottom: solid 1px #EDEDED;*/ } .ocorrenciaID > h2 > span { font-size: 1.2em; color: #35A6FF !important; font-weight: normal; } .boxNormal, .boxAlert { float: left; width: 95%; text-align: center; margin: 2em 0; color: #D92C2C; font-size: 1.1em; z-index: 999; font-weight: bold; padding: 0.8em; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: solid 1px #E9E9E9 !important; background-color: #F6F6F6; } .boxNormal { color: #0060C0 !important; } /*.boxAlert {background-color: #FFFCFC;border: solid 4px #FCF6F6;}*/ .alertBrowser { float: left; width: 100%; text-align: center; margin-bottom: 1em; } .alertBrowser > p { color: #F10000; font-size: 1.1em; z-index: 999; background-color: #FFF; border: solid 4px #FFC6C6; font-weight: bold; padding: 0.8em; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-align: left; line-height: 2; margin: 0.5em; } input[type="submit"].link { background: none !important; border: none !important; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important; text-decoration: none !important; color: #13447C; padding: 0.1em; filter: none !important; font-size: 0.9em; white-space: normal; text-align: left; } input[type="submit"].link:hover { color: #2C52A3 !important; text-decoration: underline !important; } label.topBold, label.topNormal { display: block; } label.leftBold, label.leftNormal { display: inline-block; } button.close { float: right; font-size: 1.8em; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #FFF; opacity: 0.2; filter: alpha(opacity=20); padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; text-decoration: none; } button.close:hover, button.close:focus { opacity: 0.5; filter: alpha(opacity=50); } .alert { padding: 0.5em; margin-bottom: 1em; border: 1px solid transparent; border-radius: 0.4em; clear: both; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 0.5em; } .alert-dismissable { padding-right: 2em; } .alert-dismissable .close { position: relative; right: -0.8em; top: -0.2em; color: inherit; } .alert-success { background-color: #1B7E1B; border-color: #1B7E1B; color: #FFF; } .alert-success hr { border-top-color: #56B043; } .alert-success .alert-link { color: #E6E6E6; } .alert-info { background-color: #f0f6ff; border-color: #cae5f4; color: #13447c; } .alert-info hr { border-top-color: #29C6D3; } .alert-info .alert-link { color: #E6E6E6; } .alert-warning { /*background-color: #F99306;*/ border-color: #E96606; /*color: #FFF;*/ background-color: #FFA500; color: #000000; } .alert-warning hr { border-top-color: #D05906; } .alert-warning .alert-link { color: #E6E6E6; } .alert-danger { background-color: #731211; box-shadow: 0px 0px 2px black; color: #FFF; border-top-color: solid 1px #000000; } .alert-danger hr { border-top-color: #E9364f; } .alert-danger .alert-link { color: #E6E6E6; } .txtPesquisado { font-family: verdana, Geneva, Arial, Helvetica, sans-serif; background: #006699; color: White; } /* STEPS */ .inqSteps { font-size: 1.1em; text-align: left; padding: 0.5em 0.5em 0.5em 0.8em; color: #73797C; background-color: #FFE9CC; border-radius: 20px 20px 0 0; margin: 0; } .boxStep .boxTitle { background-color: #EFEFEF; border-radius: 0.5em; } .boxStep .box { border-radius: 1em; } .boxStep .box:hover .boxTitle { background-color: #FF0000; color: #FFF; } .boxStep { background-color: #FFF; padding: 1em 2em 0 2em; border-radius: 0 0 2em 2em; position: relative; top: -1px; display: block; border: solid 1px #EEE; } .steps { font-size: 1em; font-weight: bold; text-align: left; color: #73797C; background-color: #FBFBFB; border: solid 1px #E9E9E9; } .steps ul { margin: 0; } .steps ul li { display: inline; color: #C0C0C0; border: solid 2px transparent; border-radius: 18em 18em 18em 18em; padding: 1.1em 0 0.6em 0.3em !important; margin: 1em !important; } .stage { font-size: 1.8em; font-family: sans-serif; background-color: #8b8b8b; color: #F7F7F7; border-radius: 30px 30px 30px 30px; padding: 0.10em 0.40em 0.10em 0.40em; outline: 0; } .steps .passed span:first-child, .passed span:first-child { background-color: #008f48; } .steps .active span:first-child { background-color: #174f8f; } .steps .active { border: solid 2px #174f8f; } .steps ul li:last-child { padding: 1.1em 0.3em 0.6em 0.3em !important; } #contentLeft { min-height: 600px; } .inputZone { min-height: 30em; float: left; text-align: left; } #sectionForm .inputZone { min-height: 0; } #sectionForm .textNote, .sectionForm .textNote, #sectionCriteria .textNote { color: #616161; display: inline-block; font-size: 0.83em; } .inputZone h2 { width: 100%; margin-bottom: 2em; font-size: 1.05em !important; } .buttonZone { width: 100%; position: relative; margin-top: 2em; border-top: solid 1px #EEE; display: inline-block; text-align: right; padding-top: 1em; } .buttonZone input { margin-bottom: 0.8em; margin-top: 0.8em; padding: 0.8em; font-size: 1em; display: inline; } /*.buttonZone input:first-child { margin-right:2em; }*/ .menuOptions p { margin-bottom: 0; margin-top: 0.8em; } .mandatory { text-decoration: underline; display: inline-block; } .gray { color: #CCC; } .red { color: #E08686; } .opacity90 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important; filter: alpha(opacity=90) !important; -moz-opacity: 0.9 !important; -khtml-opacity: 0.9 !important; opacity: 0.9 !important; } .opacity06 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .vAlignTop { vertical-align: top; } .vAlignBottom { vertical-align: bottom; } input[type="submit"].flat { margin-bottom: 0; padding-bottom: 0; border: none !important; background: transparent !important; filter: none; } input[type="submit"].active { font-weight: bolder !important; color: inherit !important; } input[type="submit"].inactive { color: #CCC !important; } button[type="button"].close { display: none !important; } .alt30 { height: 30px; } .changeRowGroup { border-top: solid 0.1em #FFE0E0; } .divFlash { position: relative; margin-bottom: 1.5em; } .flashAnchor { display: block; position: absolute; width: 100%; height: 100%; z-index: 5; top: 0px; left: 0px; background-color: transparent; background: url("/static/images/generic/pixel.png") -1px -1px no-repeat; } object { background-color: transparent !important; } .reportsTitle { float: left; padding: 0.3em; width: 99%; border-radius: 0.4em; margin-bottom: 2em; font-size: 1.1em; text-align: left; } .reportsTitle:not(:first-child) { margin-top: 2em; } .frameSimulate { background-color: #F0FF6F; padding: 0.5em; border: solid 1em #90993F; } .contentPage { float: left; width: 100%; } .contentBox { float: left; width: 94%; padding: 1em 2em 2em 2em; background-color: #FFF; border: solid 1px #EEE; border-radius: 8px; margin-top: 2em; box-shadow: 0px 0px 2px black; } .contentBox > h2 { font-family: Sans-Serif; font-size: 1.05em; text-transform: uppercase; } .contentBox .publicOptionsQuery { top: -2.1em; margin-right: 0; } .contentBox .publicOptionsQuery span.arrow, .publicOptionsQuery.subOptions span.arrow { top: initial !important; margin: 0; padding: 0; border-left: solid 1px #D6D6D6; } .contentBox .titleBorder { width: 100% !important; margin-bottom: 3em !important; } .contentBox #listDetail { border: none; margin: 0; padding: 0; border-radius: 0px; } /*.contentBox #listType {margin:0em 0em 1em 0em; }*/ .contactBox { width: 100%; } .contactCategoria { margin-top: 3em; margin-bottom: -1em; color: #999; margin-left: -0.5em; } .contactRegion { background-color: #EEE; padding: 0.5em; margin-top: 2em; margin-bottom: 0.8em; } .contactInnerText { display: inline-block; margin-left: 2em; } .contactAddress, .contactPhone, .contactFax, .contactEmail { margin-top: 0.5em; } .contactAddress { font-weight: bold; } .boxRelevant { background-color: #FFC933; padding: 0.4em; border: solid 4px #FFAC30; display: block; } .listSpace li { margin-bottom: 1em; margin-top: 0.5em; } .blockChangeData { margin-top: 0.8em; display: block; text-align: left; } .blockChangeData > div { margin-bottom: 0.8em; margin-right: 0.5em; display: inline-block; } .blockChangeData > div { margin-bottom: 0.8em; margin-right: 0.5em; display: inline-block; } .blockChangeData > div input[type="text"], .blockChangeData > div span.readOnly { width: 94%; } .blockChangeData > div input[type="text"], .blockChangeData > div select { font-size: 1em; } .widthAlmostFull { width: 94%; } .widthFull { width: 100%; } .width10 { width: 8%; } .width20 { width: 18%; } .width25 { width: 23%; } .width30 { width: 28%; } .width40 { width: 38%; } .width45 { width: 42%; } .width50 { width: 48%; } .width60 { width: 58%; } .width70 { width: 68%; } .width80 { width: 78%; } .width90 { width: 88%; } .infoBlock { margin: 1em; } .infoBlock > div.messageContent > div.messageQuery { float: left; display: block; width: 100%; padding-left: 0.9em; margin-bottom: -0.5em; color: #BBB; } .infoBlock > div.messageContent { border-left: solid 3px #447ab8; padding: 0.5em 0 0 1em; margin: 0 0 1em 1em; width: 90%; float: left; } .infoBlock > .newsDateBlock { background-color: #295589; float: left; padding: 0.2em; box-shadow: 0px 0px 3px black; } .infoBlock > .newsDateBlock > .textNewsData { color: #FFF !important; font-size: 0.9em !important; } .infoBlock > .messageContent > .textNews { padding: 1em 0 0 1em; color: #666 !important; } .printOnly { display: none !important; } .radiobox input[type=radio], .checkbox input[type=checkbox] { display: none; } .radiobox label, .checkbox label { color: #616161; display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 0.9em; } .checkbox label { margin-bottom: 10px; } .radiobox label:before, .checkbox label:before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; border: solid 1px #CCC; font-size: 15px; font-weight: bolder; line-height: 15px; text-align: center; } .radiobox label:before { border-radius: 8px; } .checkbox label:before { border-radius: 3px; } .radiobox input[type=radio]:checked + label:before, .radiobox input[type=radio]:checked ~ label:before { content: "\2022"; color: #333; font-size: 30px; line-height: 18px; border: solid 1px #999; } .checkbox input[type=checkbox]:checked + label:before, .checkbox input[type=checkbox]:checked ~ label:before { content: "\2713"; color: #333; border: solid 1px #999; } .checkbox input[type=checkbox]:checked + label, .checkbox input[type=checkbox]:checked ~ label { color: #333; } .checkbox:focus, .radiobox:focus { outline: none; } .checkbox:focus label:before, .radiobox:focus label:before { outline: solid 1px rgba(90, 160, 240, 0.7); } .ocorrenciaID { border-bottom: solid 2px #EEE; padding-bottom: 3em; } .ocorrenciaID:last-child { border: none; } .ocorrenciaID > div { padding-left: 1em; } .wrap { display: block; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; } .optionList li { margin-top: 1em; text-align: left; } .buttonAutenticaCC { background-color: #0d7eb3 !important; border: solid 1px #0d7eb3 !important; color: #fff !important; border-radius: 4px !important; background: #0d7eb3 url("/static/images/generic/cc_159x40_white.png") center center no-repeat !important; padding: 15px !important; width: 180px !important; } .autenticaViaCC { position: relative; margin: 2em; } .autenticaViaCC input:hover { background: #13447C url("/static/images/generic/cc_159x40_white.png") center center no-repeat !important; } .inputWithError { outline: solid 3px #fcb6b6 !important; } .size09 { font-size: 0.9em; } /* myOpinion */ .opinionQuestion { padding: 4px; border-radius: 6px; } .opinionQuestion.disabled { background-color: #e9e9e9; color: #797979; } .opinionOption { text-align: right; } .opinionOption > span { margin-left: 0.5em; } .opinionOption li { text-decoration: none; display: inline; white-space: nowrap; } .opinionOption input[type="radio"] + label { opacity: 0.9; padding: 2px 3px; border: solid 1px transparent; transition: linear 0.2s; } .opinionOption input[type="radio"]:checked + label { color: #191993; padding: 2px 3px; background-color: #dcf0fc; opacity: 1; border-radius: 6px; border: solid 1px #a6ccdc; } .opinionQuestion.disabled .opinionOption input[type="radio"]:checked + label { color: #2c2c2c !important; background-color: #cccccc !important; border: solid 1px #c6c6c6 !important; } .opinionOption input[type="radio"]:checked { color: #4f85fd; } .lineSeparator { border-bottom: solid 1px #d6d9ec; } .lineSeparatorPrincipal { border-top: solid 4px #ccdfe9; padding-top: 10px; } .hidden { display: none !important; } .bold { font-weight: bold; } .warning-box { background-color: #e3f3ff; bottom: 0; box-shadow: 0 -0.2rem 0.6rem 0 rgb(0 0 0 / 16%); color: #2b4f79; left: 0; padding: 1.6rem 2em; position: fixed; right: 0; z-index: 999; } table.table_style_1 tbody td { text-align: left !important; } table.table_style_1 tbody td.center { text-align: center !important; } table.table_style_1 thead th { color: #F0F0F0 !important; background-color: #535353 !important; text-align: center !important; border: solid 1px #838383 !important; padding: 1em 0.5em !important; } .warning-box button { border-radius: .4rem; box-shadow: 0 0.1rem 0.3rem 0 rgb(0 0 0 / 20%); background-color: #2b4f79; color: #fafdff; font-size: 1.2rem; font-weight: 500; letter-spacing: .15rem; padding: 0.8em 2.5em; text-transform: uppercase; transition: .15s; display: inline-flex; align-items: center; border: .1rem solid transparent; justify-content: center; } .warning-box button:hover { background-color: #FFF !important; border: .1rem solid #2b4f79; color: #2b4f79; } .warning-box button:not(:disabled):not(.disabled) { cursor: pointer; } .data_alteracao { position: absolute; right: 0px; bottom: 0px; font-size: 0.83em; float: right; vertical-align: bottom; margin: auto; color: #5c5c5c; } .link_ext { vertical-align: super; font-size: 0.7em; } .textTitleNote { font-size: 0.8em; } .boxCircleClass { position: relative; width: 25px; height: 35px; border-radius: 100px; display: flex; margin-right: 0.3em; text-align: center; color: white; margin-left: 1em; } .boxCircleBusiness { /*background-color: #a7d3ff; border: solid 2px #074d94;*/ } .boxCircleFamily { /*background-color: #ffcece; border: solid 1px #A62121;*/ } .boxCircleClass i { position: relative; margin: auto; font-size: 1.8em; } .buttonIcon { position: absolute; width: 30%; height: 100%; text-align: center; color: white; margin: auto; padding: 0; display: flex; } .buttonIcon i { position: relative; font-size: 1.7em; margin: auto; } .input_error_container input[type="checkbox"] { border: solid 1px #AC0000 !important; } input[type="checkbox"] { /* Add if not using autoprefixer */ -webkit-appearance: none; /* Remove most all native input styles */ appearance: none; /* For iOS < 15 */ background-color: var(--form-background); /* Not removed via appearance */ margin: 0; font: inherit; color: currentColor; width: 2em; height: 2em; border: 0.15em solid currentColor; border-radius: 0.15em; transform: translateY(-0.075em); display: grid; place-content: center; cursor: pointer; display: inline-grid; vertical-align: middle; } input[type="checkbox"]::before { content: ""; width: 1em; height: 1em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--form-control-color); /* Windows High Contrast Mode */ background-color: #0d3c71; } input[type="checkbox"]:checked::before { transform: scale(1); } input[type="checkbox"]:focus { border: solid 2px rgba(174, 225, 242, 0.7) !important; background-color: #F6FCFF !important; outline: none; } input[type="checkbox"]:disabled { --form-control-color: var(--form-control-disabled); color: var(--form-control-disabled); cursor: not-allowed; } .input_error { border: solid 2px #AC0000 !important; } .input_error + .password-show-btn { border-left: solid 2px #AC0000 !important; } a:contains("Voltar")::before { font-family: 'Font Awesome 5 Free'; /* Ou a versão que você está usando */ font-weight: 900; /* Para ícones sólidos */ content: '\f060'; /* Código Unicode para o ícone de seta para a esquerda (back) */ margin-right: 0.5em; color: blue; /* Cor do ícone (opcional) */ } .download_icon { cursor: pointer; } .download_icon:hover { color: #1357A4; } .password-show-btn { position: absolute; top: 0px; right: -15px; text-align: left; border-left: solid 2px rgba(168, 199, 210, 0.4); background-color: rgb(243 243 243); padding: 0px 3px; height: 30px; display: inline-block; border-radius: 3px; height: 32px; border: solid 2px rgba(168, 199, 210, 0.4); } .password-show-btn:hover { background-color: #DEDEDE; } .password-show-btn label { position: relative; top: 2px; padding: 7px 5px; cursor: pointer; vertical-align: middle; } #loginBox .box { overflow: auto; } #listDetail { border-radius: 0px; border: solid 1px #E0E0E0 !important; } #declaracao-acessibilidade h1 { display: none; } .loading-content { color: #1b4788; } #sectionIndex { position: relative; height: auto; overflow: auto; border: solid 1px #353535; background: white; border-radius: 0px 0px 8px 8px; padding: 0px 0px 10px 0px; } #sectionIndex .title { background-color: #f2f2f2; padding: 7px 15px; border-bottom: solid 1px silver; font-size: 1.1em; font-weight: bold; color: #13447c; } .dashboard_webinq a { display: block; } #goto-relatorio-opinion { position: absolute; top: 0px; right: 2px; padding: 0.1em 0.4em; background-color: #F9F9F9; border: solid 1px #E3E3E3; } .line-height40 { line-height: 40px; } .content-block-table { position: relative; width: 100%; display: flex; flex-direction: column; gap: 12px; } .content-block-table-row { position: relative; display: flex; gap: 15px; flex-wrap: wrap; align-items: center; } .content-block-table-title { font-weight: bold; width: 100px; flex-basis: 120px; flex-shrink: 0; text-align: left; } .content-block-table-value { flex-grow: 1; } .dashboard_webinq { position: relative; } .dashboard_webinq .acordeao { overflow: hidden; } #show-all-indicadores { position: relative; width: 100%; text-align: center; font-size: 0.91em; background-color: #f0f0f0; color: black; cursor: pointer; } #show-all-indicadores:hover { background-color: #13447c; color: white; } .calendarMsg { font-size: 0.83em; padding: 5px; text-align: center; } .disabledCC { color: gray; pointer-events: none; cursor: not-allowed; opacity: 0.6; } #headerLeftMobile { display:none; } @media screen and (min-width: 1px) and (max-width: 1080px) { #contentRigth {width:20%;} #headerLeft {float: left !important;height: 4em !important;/*background: transparent url("/static/images/logos/logoinesmall.png?v20160629") 0 10px no-repeat !important;*/} #headerRight{float: right !important;height: 3.6em !important;width: 25% !important;/*background: transparent url("/static/images/logos/logowebinqsmall.png?v20160629") 100% 10px no-repeat !important;*/} #ine-logo-left { display: block; } #webinq-logo-left { display: none; } } @media screen and (min-width: 1px) and (max-width: 768px) { /* retirados */ #contentLink, #headerRight, .newsVersion, .divFlash, .arrow, .mobHidden, #slideBanner img, #slideBanner + img, #slideBanner .button2, .slideContent p { display: none; } /* para os mob* não colocar !important */ /* globais */ /*body{font-size:110%;}*/ #page, #content, #main {float:left;width: 100%;display: block;} table{width:auto !important;/*font-size:0.75em;*/font-size:0.9em;} select{width:96% !important;} input[type=radio], input[type=checkbox] {zoom:1.6;} /* header */ #header{height:4em;} #headerLeft,#headerRight{zoom:0.8;} #headerLink{height:3.6em;} .barOptions{text-align: center;top: 0.1em;} #headerLeft{width:100%;height: 5em !important;/*background: transparent url("/static/images/logos/logomobile.png?v20160629") 5px 18px no-repeat !important;*/} #ContactsHeader {top: 0.5em;font-size: 0.8em;float: right;right: 0;width: 65%;text-align: right;left: auto;} #ContactsHeader ul li {float:right;} #searchBox {top: -6em;text-align: center;display: block;width: 100%;} .globalSearchText:focus { width: 8em !important} .globalSearchText {padding:2px 15px 2px 15px !important} #ine-logo-left { display:none; } #webinq-logo-left { display: block; } /* restante estrutura */ #content {padding-top:0;overflow:hidden;} #contentRigth,#contentLeft {float:left;width:100%;} #contentRigth h2 { background-color: #295589; font-size: 90%; color: white; border-bottom: none; margin-top: 0; margin-bottom: 0; width: 100%; padding: 5px 0px; font-size:1.1em; } #contentRigth h2:hover { color: #d3e4ff !important; } #contentRigth h2 i { margin-left:0.5em; } #contentLeft { margin: 0; } #sectionNavigation {margin-top: 0.5em;} #sectionNavigation .navButton {width: 94%;font-size:90%;text-align: left;} .navigationBox {width: 90%;} #footerLeft,#footerMiddle,#footerRigth{width:auto;float:left; text-align:left;margin-bottom:2em;} #footerRigth{width:90%;} #footer{height:45em;margin-top:2em;} /* banners */ #slideBanner {background: none; background-color: #FFF; padding: 0;height:auto;float:left; border-color:#D6E6FF;width:96%;} .slideDate {border: none; float:left; display:block;padding:0; margin:0;width:94%;} .slideContent {float:left;display:block;width:94%;background-color: #FFF;font-size:90%;text-align:left;} #sliddingContent, #sliddingContent > div {min-height: 150px;max-height: 150px;} .difusao {margin: 0.2em;width: 97%;} #slideButtons {top:130px;float:right;} .gap.difusao {margin-top: 0;} /* Genéricos */ .width10,.width20,.width25,.width30,.width40,width45,.width50,.width60,.width70,.width80,.width90{ width:94%;} .alert {text-align:left;} .boxNormal, .boxAlert { width:90%;text-align:left;} .borderTop {border:none;} .gap,.gapmin1,.gapmin2,.gapmin3{margin-top: 0.5em;} .borderBox {border:none;} .gapLeft, .gapSmallLeft {margin:0; padding:0;} .messageContent {text-align:left;} .boxShadowRight { float:left !important; } /* Adicionado por Paulo Cardoso a 2025-03-14 */ .boxTitleInside { text-align: center !important; } .boxLinks {opacity:0.9; font-size: 100%;} .contentPage {padding:0.4em !important;margin-bottom:2em;max-width:97%;} .contentBox {padding:0;background-color: transparent; border: none; border-radius: 0; margin-top: 0;} .titleBorder{margin-left:0.2em;border:none;} .titleBorder h1 {margin-bottom:0;} .contentBox .titleBorder {margin-bottom: 0.5em !important;} #sectionCriteria, #sectionForm {background-color: transparent !important;width:100%; border:none; margin-bottom:0.5em;} #sectionCriteria #innerDivCriteria, #sectionForm #innerDivForm {width:96%;padding: 0.2em;} #sectionForm .labelBox {background:none !important;background-color: transparent !important;} #sectionCriteria .labelBox, #sectionCriteria .labelBox:hover{background:none !important;background-color: #DEF4FF !important;border:none !important;} .buttonZone{margin-top: 0; border-top: none !important;} .publicOptionsQuery {margin-top: 1.33em;} .publicOptionsQuery a {display:block;text-align:center;} .publicOptionsQuery.optionsfamily {left: -3em;} .blockChangeData > div {display: block;} #listType {width:96%;} #listType li {display: block;border: solid 1px rgba(0, 0, 0, 0);background-color: rgba(0, 0, 0, 0); color: #1E9BCB;padding-left: 1.5em;font-size: medium;text-align: left;width:96%;} #listType li:first-child {border:none;} #listType li.active {color: #009EDB;padding-left: 0;font-weight:normal;} #listType li.active:before {content: '\235F ';padding-right: 0.5em;} .listnone { display:none !important;} #loginBox > div.box {width:100%;} .loginBoxSide2 {border-left:none !important;width:100%;} .leftLoginBox, .rightLoginBox{display:block;width: 100%;border: none;} .loginLink {margin: 2em 2em 3em 0;} .loginBoxFamily {margin-left: 30%;} .loginBoxSide1{width: 100%;min-width: auto;padding-left: 0.2em;display: block;text-align:center;} .loginBoxSide1 .boxDescription {padding: 0;width:100%;display:block;} .boxShadow{width:95%;margin-bottom:2em !important;} .boxShadow.gapRight{margin-right:0 !important;} .loginBoxFamily {margin-left: 10%;} .loginBoxSide2 {padding-left:0;} .steps ul li {margin:0 !important;} .faqGroup {text-align: left;} .faqQuestion {padding-left:10px;text-align: left;} .faqAnswer{border-bottom: solid 1px #E5E5E5;border-left: solid 1px #E5E5E5;text-align: left;} .imgBullet2{background:none;} .calendarLink {float:none !important;} .textNewsData {color: #888;padding: 0 0.1em 0 0;} .glossary {margin-top:0;width:95%;} /* especificos mobile */ .mobMenu{cursor: pointer;padding: 0.3em 0;display:block;width:100%;float: left;background-color:#FFC546;} .mobMenu span { display: block;float: right;width: auto;font-size: 1.2em;font-family: monospace; border-radius: 4px;padding: 0 0.3em;margin-right: 0.3em; -webkit-transition: color 0.2s ease-out,background-color 0.2s ease-out; -moz-transition: color 0.2s ease-out,background-color 0.2s ease-out; -o-transition: color 0.2s ease-out,background-color 0.2s ease-out; transition: color 0.2s ease-out,background-color ease-out 0.2s; color: #BB8124;border: solid 2px #DFAA15;} .mobMenu span:hover{background-color: #FFBC00;border: solid 2px #C99D1F;color: #8F631B;} .mobMenuItems { float: left; width: 100%; background-color:white; /*border-top: solid 1px #295589;*/ -webkit-transition: max-height 0.6s ease-out,height 0.6s ease-out; -moz-transition: max-height 0.6s ease-out,height 0.6s ease-out; -o-transition: max-height 0.6s ease-out,height 0.6s ease-out; transition: max-height 0.6s ease-out,height 0.6s ease-out; max-height: 800em; margin-top: 2px; } .mobMenuItems > div { border-top: solid 1px #295589; /*border-top:solid 1px #4F4F4F;*/ } .mobMenuItems > div.gap {margin:0;} .mobMenuItems > div:first-child {border-top:none;} .mobMenuItems .mobClick {padding: 0.3em 0.5em; width: 95%;color: #707070;display:block;float:left;} .mobBoxTextClick { cursor: pointer;display:block;width:96%;text-align:left;color: #35A0D9;float:left;padding-left: 0.5em;margin-bottom: 0.5em;font-size: 90%;} .mobBoxTextClick:after {content: '\25bc';float:right; -webkit-transition:transform linear 0.3s; -moz-transition: transform 0.3s linear; -o-transition: transform 0.3s linear; transition:transform linear 0.3s;} .mobBoxTextClick.close:after {-ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);} .mobBoxText {float:left; width: 96%;padding-left:0.5em; -webkit-transition: max-height 0.6s ease-out,height 0.6s ease-out; -moz-transition: max-height 0.6s ease-out,height 0.6s ease-out; -o-transition: max-height 0.6s ease-out,height 0.6s ease-out; transition: max-height 0.6s ease-out,height 0.6s ease-out; max-height: 800em;} .mobClick {cursor: pointer;} .mobClick:after {content: '\25bc';float:right;color: inherit; -webkit-transition:transform linear 0.3s; -moz-transition: transform 0.3s linear; -o-transition: transform 0.3s linear; transition:transform linear 0.3s; margin-right: 0.3em;opacity:0.2;} .mobClick.close:after {-ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);} .mob1 { padding: 0.5em; float: left;width:96%; -webkit-transition: max-height 0.6s ease-out,height 0.6s ease-out; -moz-transition: max-height 0.6s ease-out,height 0.6s ease-out; -o-transition: max-height 0.6s ease-out,height 0.6s ease-out; transition: max-height 0.6s ease-out,height 0.6s ease-out; max-height: 800em;} .mobBorderTop {border-top: solid 1px #DDF0FB;} .mobWidth0 {width:0 !important;padding: 0;background-color: #03609F;border: none;} .mobWidth30 {width:30px !important;} .mobFont05 {font-size:0.5em !important;} .mobFont06 {font-size:0.6em !important;} .mobFont07 {font-size:0.7em !important;} .mobFont075 {font-size:0.7em !important;} .mobFont08 {font-size:0.8em !important;} .mobFont09 {font-size:0.9em !important;} .mobWrap {display: block !important; white-space:normal !important; overflow-wrap: break-word !important;word-wrap: break-word !important;-ms-word-break: break-all !important;word-break: break-all !important;word-break: break-word !important;} .mobBlock {display: block !important;} .mobVisibleInBlock, .mobInBlock {display: inline-block !important;} .mobTransparent{ background-color: transparent !important;} .hideMobile { display:none; } .headerLinkPublicMenu { position:absolute; width:100%; height:auto !important; z-index:100!important; } .ContactsHeaderPublico { top:5px !important; } .headerLinkPublicMenu .barOptions li { display: none; width: 100%; } .headerLinkPublicMenu .barOptions .toggleMenu { display:block !important; } .headerLinkPublicMenu .showMenu li { display:block !important; } .toggleMenu { color: white; } .toggleMenu:hover { background-color: #2d629f; cursor: pointer; } .data_alteracao { position:relative; width:100%; text-align:left; } #headerLeft { display:none; } #headerLeftMobile { height: 100%; display: flex; align-items: center; justify-content: left; text-align: left; box-shadow: 0px 2px 3px -1px #295589; } #ContactsHeader ul li { padding-left:0px; } .boxShadow { width:100%; } #footerContent { margin:0px; overflow:hidden; font-size:1em; } #footerLeft,#footerMiddle,#footerRigth { padding:0px; width:100%; } #footer .info { padding:1em; margin:0px; width:100%; } #footerMiddle ul li { padding:0px; } #footerRigth { padding:1em; } .contentBox { width:100%; } #headerLeftMobile { border-bottom: solid 1px #295589; } #contentRigth .mobMenu { display:none; } .calendarLink a { color:white; } .calendarLink a:hover { color: #b7b7b7; } #contentRigth .gap { margin-top: 0px; margin-bottom: 2px; box-shadow: 0px 2px 3px -1px #343639; } .mobOpenClose { padding:0px; } .boxBusiness { padding-bottom:25px; } .imgCompany { box-shadow: 0 0 5px #99ccff; } .imgUser { box-shadow: 0 0 5px #ef8b8b; } .mobOpenClose { display:none; } .boxTitle { position: relative; display: table; height: 2.7em; font-weight: bold; font-size: 1.2em; width: 100%; color: #636363; z-index: 35; } .logo-box { position: absolute; top: 8px; z-index: 25; width: 60px; height: 100%; left: 0px; text-align: left; padding: 0px; margin: 0px; } .boxLinksRefResponder { position: absolute; width: 100%; left: 0px; text-align: center; bottom: 0px; font-size: 1em; color: white; } .boxCircleClass i { animation: rotate 1s infinite; transform-style: preserve-3d; /* importante para o efeito 3D */ } .boxLinksRefResponder { animation: pulseText 1.2s ease-in-out infinite; } .publicOptionsQuery + p { margin-top:120px; } .mobClick { background-color: #13447c; padding: 8px; margin: 0px; color: white !important; } .widthFull table { width:100% !important; } } @keyframes rotate { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } } @keyframes pulseText { 0%, 100% { transform: scale(0.9); } 50% { transform: scale(1.05); /* ligeiro aumento */ } } @media screen and (min-width: 1px) and (max-width:1080px) { #headerLeft { float: left !important; height: 4em !important; width: 35% !important; /*background: transparent url("/static/images/logos/ine_cores.png?v20160629") 0 10px no-repeat !important; background-size:contain; background-position-y:10px;*/ } #headerRight { float: right !important; height: 3.6em !important; width: 20% !important; /*background: transparent url("/static/images/logos/logowebinqsmall.png?v20160629") 100% 10px no-repeat !important;*/ } } @media screen and (min-width: 1px) and (max-width:768px) { /* retirados */ .privateContext #headerRightSmall { display: none; } /* header */ #header.privateContext { height: 4.2em; } #ContactsHeader { top: -0.2em; left: auto; margin-right: 0; padding-right: 0; } #ContactsHeader.privateContext .ajudaBox { position: relative; display: none; } .privateContext #headerLeftSmall { width: 100%; background: rgba(0, 0, 0, 0) url("/static/images/logos/logomobile.png?v20160629") 0 0 no-repeat; background-position-y:center; height:100%; } /* restante estrutura */ .privateContext #content { padding-bottom: 6em; } #contentRigth.privateContext .mobMenu span { margin-right: 1em; } #contentLeft { margin: 0 0.2em; width: 98%; } #footer.privateContext { height: 6em; } /* Genéricos */ .gapRight { margin-right: 0.1em; } .privateContext fieldset.inlineBlock { display: block; width: 90%; } .privateContext fieldset .inlineBlock { display: block; width: 100%; } table tbody td { padding: 0.2em; } table input[type="submit"] { padding: 10px; border: none !important; zoom: 0.9; } .newAlert { padding: 3px !important; } .tblInfo thead th { display: block; font-size: 0.8em; border-top: solid 1px #28719C; padding: 0.5em 0.2em; } .tblInfo tbody td { display: block; border-top: solid 1px #EEE; text-align: left; min-height: 30px; } .tblInfo tbody tr { border-top: solid 10px #EEE; } .tblInfo tbody tr:first-child { border-top: none; } .userInfo { background-color: #def3ff; border: solid 3px #d1e3f0; } .userInfoCC { background-color: #C0DFF9; border: solid 3px #a3d3f6; } #listDetail { background-color: transparent !important; border: none; padding: 0; } #listType li.active { background-color: transparent !important; } .sectionUnitData { background-color: #FFF; border: none; padding: 0; width: 96%; display: block; float: left; } .sectionUnitData .labelBox { float: left; text-align: left; border: solid 4px #BBDDF2; border-radius: 5px; background: none; } .sectionUnitData #unitDataBox, .innerDivUnitData table { width: 100%; } .sectionUnitData .mobBoxText { width: 100%; padding: 0 0 0 0.2em; } .propertyList { width: 100% !important; } .propertyList tr { border-top: solid 1px #EEE; background-color: #FFF !important; } .propertyList td { background-color: #FFF !important; border: none !important; text-align: left; } .menuHorizontal { margin-top: 0; font-size: 100%; } .menuHorizontal ul li { display: block; width: 98%; border-top: 0; border-left: solid 0.4em #CCC; } .menuHorizontal li.selected { border-left: solid 0.4em #6CC0FF; border-top: 0; color: #E0F3FF; background-color: transparent; } .menuHorizontal ul li:hover { border-top: none; border-left: solid 0.4em #96B6BF; } .menuHorizontal ul li.selected:hover { cursor: default; border-top: 0; border-left: solid 0.4em #6CC0FF; background-color: transparent; } #sectionForm .labelBox { border-top: solid 6px #BBDDF2; border-bottom: solid 1px #BBDDF2; text-align: left; float: left; width: 91%; } .divReceipt { width: 96%; } .divReceipt table { margin: 0 0 0 10px; font-size: medium; } .divReceipt #sectionForm { background-color: #F1F1F1 !important; border: none; border-radius: initial; margin-left: -5px; } .divReceipt #sectionForm #innerDivForm { margin: 1em 0 0 0; padding: 0; } ul.delivery-list { margin-bottom: 1.5em; } ul.delivery-list li { margin-top: 1.5em; } ul.delivery-list strong { width: 100% !important; } ul.listUploadQuerys { margin-left: 0.5em; } #QOW_TableContainer { margin: 0; padding: 0; } #QOW_TableContainer table td { display: block; } #QOW_TableContainer fieldSet, .QOW_Table_RadioButtonList { float: left; width: 100%; } .QOW_Questao_Td { padding: 0; } .QOW_Td_Obj, .QOW_Td_Obj2 { border: none; } .QOW_SubQuestao_Td { text-align: left; padding: 0; } .infoBlock { margin: 1em 0 0.2em 0; } .infoBlock > .messageContent > .textNews { display: block; width: 96%; margin: 0 0 0.2em 0; padding: 0.2em 0 0 0.2em; } .infoBlock > div.messageContent > div.messageQuery { display: block; width: 98%; margin: 0; padding: 0; } #queriesContainer { float: left; } #queriesContainer h2 { text-align: left; } /* especificos mobile */ #contentRigth .mobMenuItems a { font-size: medium; } .mobMenuItems p { margin: 8px; } #headerLink { position: fixed; width: 100%; height: 2em; z-index: 25; top: 0px; } .ajudaBox { left:0px; padding:2px 5px; } #ajudaBoxContacts { display: inline-grid !important; gap:2px; } #ajudaBoxContacts li { text-align:left; } .container-flex { position: relative; width: 100%; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } .table-container-flex table { width: 100% !important; } } :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin:; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); }