/* Minification failed. Returning unminified contents.
(3032,42): run-time error CSS1046: Expect comma, found '0'
(3032,46): run-time error CSS1046: Expect comma, found '/'
(3060,41): run-time error CSS1046: Expect comma, found '0'
(3060,45): run-time error CSS1046: Expect comma, found '/'
(3158,28): run-time error CSS1039: Token not allowed after unary operator: '-form-background'
(3183,40): run-time error CSS1039: Token not allowed after unary operator: '-form-control-color'
(3199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3200,17): run-time error CSS1039: Token not allowed after unary operator: '-form-control-disabled'
(3232,31): run-time error CSS1046: Expect comma, found '243'
(3232,38): run-time error CSS1046: Expect comma, found ')'
(3934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3945,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3986,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4066,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-zindex'
(4068,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-margin'
(4069,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(4083,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-font-size'
(4089,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-opacity'
(4094,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(4095,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(4106,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(4111,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(4111,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(4112,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(4117,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(4118,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(4119,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(4124,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(4124,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(4124,106): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(4125,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(4130,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(4135,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(4135,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(4136,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(4141,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(4142,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(4143,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(4148,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(4148,77): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(4148,114): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(4149,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(4154,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-max-width'
(4155,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-y'
(4155,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-x'
(4156,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color'
(4158,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(4159,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;}
.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;
}


@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;margin-left: 0.5em;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-bottom: 45em;padding-top:0;}

    #contentRigth,#contentLeft {float:left;width:100%;}
    #contentRigth h2 {font-size: 90%; color:#6C6C6C;border-bottom: none;margin-top: 0;margin-bottom: 0;}
    #contentRigth h2:hover {color:#333;}
    
    #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;}
    
    .button, .button:hover, .button:active {box-shadow: none;}
    
    .box {margin-bottom: 2em;}
    .box, .boxBusiness, .boxFamily {overflow:auto;border:none; box-shadow: none;}
    .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:95%;}
    .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:right;}
    .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:96%;}
    .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;}
    .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: #FFF6E3;border-top: solid 1px #CEBA89;border-bottom: solid 1px #F0E2C0;
                -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;}
    .mobMenuItems  > div { border-top:solid 1px #F9E6B6; /*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 0.8em 0.8em 0.8em; float: left;width:91%;    
                -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;}
    .mobOpenClose {max-height: 0em !important;}
    .mobOpenClose * {display: none;}
    .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; }
}




@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);
}

