/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
@font-face {
  font-family: "open_sansextrabold";
  font-style: normal;
  font-weight: normal;
  /*src: url("https://formularios.cgu.gov.br/tmp/assets/8bd6c673/fonts/opensans-800-webfont.woff") format("woff"), url("https://formularios.cgu.gov.br/tmp/assets/8bd6c673/fonts/opensans-800-webfont.ttf") format("truetype");*/
}

body, .font-noto  {
font-family: "open_sansregular", Arial, Helvetica, sans-serif;
padding-bottom: 50px;
padding-top: 0 !important;
}

.question-container {
    margin-bottom: 2em;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #cccccc
}

.question-text {
    color: #337ab7;
 }
 
.text-danger {
    color: red;
    margin-right: 3px;
    font-weight: normal;
}

.question-valid-container .text-danger {
    font-weight: normal;
}

.group-title{
    font-weight: bold;    
}

.space-col {
     margin-bottom: 1em;
     margin-top: 0.4em;
}

.row {
    margin-right: 0px;
    margin-left:  0px; 
}

.alert {
    margin-bottom: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
}

.navbar-default .navbar-brand {
    font-weight: bold;
    color: #5f5f5f;
}

.navbar-right{
    float: none !important;
}

.navbar-collapse.in{
    height: auto !important;
}

/**
Barra do top
*/
#barra-brasil {
    height: 32px;
    background: #f1f1f1;
    font-weight: bold;
    font-size: 12px;
    line-height: 32px;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    border-bottom: 1px solid #dfdfdf;
    box-sizing: content-box;
}
div#wrapper-barra-brasil {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    height: 100%;
}
#barra-brasil div, #barra-brasil a, #barra-brasil ul, #barra-brasil li {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
#barra-brasil .brasil-flag {
    float: left;
    padding: 7px 0 6px;
    width: 115px;
    height: 19px;
    border-right: 2px solid #dfdfdf;
}
#barra-brasil .brasil-flag .link-barra {
    display: block;
    padding-left: 42px;
    width: 43px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg…5%201642-948%202507%202065-316%204179-480%206330-480z%22%2F%3E%3C%2Fsvg%3E) 8px center no-repeat;
    text-transform: uppercase;
    line-height: 19px;
}
#barra-brasil .link-barra {
    color: #606060;
}
#barra-brasil a {
    text-decoration: none;
}
#barra-brasil .acesso-info {
    position: absolute;
    left: 130px;
}
#barra-brasil .list {
    position: absolute;
    top: 0;
    right: 40px;
}
#barra-brasil ul {
    list-style: none;
}
#barra-brasil .list .first {
    border-left: 2px solid #dfdfdf;
}
#barra-brasil .list-item {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border-right: 2px solid #dfdfdf;
}
#barra-brasil #brasil-vlibras {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}
#barra-brasil #brasil-vlibras ul {
    padding-top: 32px;
}
#barra-brasil ul {
    list-style: none;
}

.navbar-toggle{
    margin-top: 40px !important;
}

/**
Tamanho da Barra do top
*/

.navbar{
    min-height: 32px;
}

.container{
    padding-right: 0px;
    padding-left:  0px; 
    width: 100%;
    max-width:960px;
}

#main-row {
    min-height: 280px;
}

/**
Tamanho da Barra MAIOR
*/

#header > div {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    max-width: 960px;
}
#logo {
    float: left;
    padding: 0;
    width: 70%;
}
#portal-logo, #portal-title {
    color: #fff !important;
}
#portal-logo {
    display: block;
    margin: 0;
    width: 100%;
}
#logo span {
    position: absolute;
    display: block;
    line-height: 1em;
}
#portal-title-1 {
    top: 42px;
    font-size: 0.75em;
}
#portal-title {
    margin: 0;
    margin: 65px 0 46px;
    color: #fff;
    font-size: 2.75em;
    font-family: "open_sansextrabold", Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1em;
}

#portal-logo:hover {
  text-decoration: none;
}

#logo span {
    position: absolute;
    display: block;
    line-height: 1em;
}
#portal-description {
    bottom: 24px;
    text-transform: uppercase;
    font-size: 1.2em;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  /*font-family: open_sansregular;*/
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.container::before{
    content: " ";
    display: table;
}

.container::after{
    content: " ";
    display: table;
}

*::before, *::after{
    box-sizing: border-boz; 
}

.navbar-fixed-top{
    z-index: 0;
}

html body .navbar.navbar-default.navbar-fixed-top {
    z-index: 2000;
}
.file-upload-modal,.modal{
    z-index: 0;
}

.modal{
    z-index: 3000;    
}

.xdebug-var-dump{
    z-index: 10000;
    position: relative;
    top: 10px;
}

.navbar-action-link{
    padding-right: 0em  !important;
}

body .top-container {
    margin-top: 30px !important;
}

/*Configurar o progresso para ficar no meio e com tamanho maximo 960px*/

.top-container .progress{
    margin: 0 auto;
    max-width: 960px;
}

/*Configurar a altura do campo de escolha de lingua*/
.language_change_container{
    height: auto;
}


/*Rodape*/

#footer {
    padding: 20px 0px 0px 0px;
    min-height: 50px;
    width: 100%;
    position: absolute;
    margin-top: 25px;
    left:0;
    display: block;
}


.footer-logos {
    background: #0042b1;
    height: 97px;
}
.footer-logos {
    margin: 0 0 -20px;
    padding: 2em 0;
    max-width: 100%;
}
.footer-logos > div {
    margin: 0 auto;
    max-width: 960px;
}
.footer-logos .logo-brasil img {
    float: right;
}
#extra-footer {
   margin-top:30px;
}
#extra-footer p {
    margin: 1em auto;
    max-width: 960px;
    line-height: 1.8em;
    font-size:12px;
    
}

#sobre {
    background: #0f4098;
    height: 30px;
}
#sobre {
    clear: both;
    margin: 0;
    padding: 5px 0;
    max-width: 100% !important;
    line-height: 20px;
}
#sobre ul {
    margin: 0 auto;
    max-width: 960px;
    text-align: right;
}
#sobre ul li {
    display: inline;
}
#sobre .portalservicos-item a {
    border-right: 1px solid #87a0cc;
}
#sobre .portalservicos-item a {
    padding: 0 10px;    
}
#sobre a {
    color: white;
}
.dropdown-menu > li > a  {
    color: black !important;
}

/*Para arumar o cabeçalho*/

#navbar {
    background: #0f4098;
    height: 30px;
}

#navbar {
    clear: both;
    margin: 0;
    padding: 5px 0;
    max-width: 100% !important;
    line-height: 20px;
}

#navbar ul {
    max-width: 960px;
    margin: 0 auto;
    text-align: right;
    
}

#navbar ul li {
    display: inline;
}

#sobre .portalservicos-item a {
    border-right: 1px solid #87a0cc;
}

#sobre .portalservicos-item a {
    padding: 0 10px;    
}

#navbar a {
    color: white;
}



#menu_perguntas {
    font-size: 14px;
}
body {
    padding-bottom: 0px !important;     
}
/*Para a pergunta ficar vermelha quando não atende uma condição dela*/
.input-error > div > div > div {
    color: red !important;
    font-weight: bold;
}