/* --- sticky footer --- */
html {
    position: relative;
    min-height: 100%;
}

.footer {
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 120px;
    background-color: #f8f8f8;
    color: darkgray;
}
/* --- fim sticky footer*/

body {
    overflow-x: hidden;
}

.divisor_finalizador {
    padding: 1px;
    width: 100%;
    float: left;
    background-color: #bcd3f2;
    color: #bcd3f2;
    font-weight: lighter;
    margin: 5px 0px 10px 0px;
}

/* CSS do tema azul e branco da Barra Brasil: http://barra.governoeletronico.gov.br/ */
#footer-brasil {
    background: none repeat scroll 0% 0% #0042b1;
    padding: 1em 0px;
    max-width: 100%;
}

.eouv-header {
    background-color: #2969bd;
    color: white;
}

.rowTitulo {
    margin-top: 20px;
    border-bottom: 1px solid hsla(0,0%, 100%, .2);
}

.eouv-nav {
    background-color: #0f4098;
    border: 0;
    border-radius: 0;
}

    .eouv-nav li a:hover {
        color: #FF0;
    }

    .eouv-nav li a:visited {
        color: lightgray;
    }

    .eouv-nav li a:link {
        color: lightgray;
    }

.eouv-painel {
    display: table;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-left: initial;
}

.eouv-painel-side {
    background-image: url("../../img/fundoBordaPanel.png");
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    vertical-align: middle;
    float: none;
    display: table-cell;
}

.eouv-painel-form {
    background-color: #FCFCFC;
    float: none;
    display: table-cell;
}

.eouv-form-destacado {
    color: #19479c;
    font-weight: bold;
}

.TextoDestacado {
    color: #19479c;
    font-size: 16px;
    font-weight: bold;
}

.divTitulo {
    margin-top: 7px;
    margin-left: -35px;
}

.ltAmbiente {
    margin-top: 12px;
}

.eouv-titulo {
    font-family: OpenSans-ExtraBold, Verdana, sans-serif;
    font-size: 40pt;
    font-weight: 700;
    color: white;
    line-height: normal;
    margin-top: -20px;
}

    .eouv-titulo a {
        color: white;
        text-decoration: none;
        font-size: 24px;
    }

.eouv-link-tipo-manifestacao {
    padding-right: 0;
    padding-left: 0;
}

@media only screen and (max-width: 768px) {
    .eouv-painel {
        border-left: 5px;
        border-left-color: #19479c;
        border-left-style: solid;
        margin-left: initial;
    }

    .eouv-link-tipo-manifestacao {
        width: 120px;
    }
}

/* icons */
.eouv-form .icon-append,
.eouv-form .icon-prepend {
    position: absolute;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    color: #b3b3b3;
    border-color: #bbb;
    top: 1px;
    font-size: 14px;
    background: inherit;
}

.eouv-form .icon-append {
    right: 5px;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-style: solid;
}

.eouv-form .icon-prepend {
    left: 5px;
    padding-right: 3px;
    border-right-width: 1px;
    border-right-style: solid;
}

.eouv-form .input .icon-prepend + input,
.eouv-form .textarea .icon-prepend + textarea {
    padding-left: 46px;
}

.eouv-form .input .icon-append + input,
.eouv-form .textarea .icon-append + textarea {
    padding-right: 46px;
}

.eouv-form .input .icon-prepend + .icon-append + input,
.eouv-form .textarea .icon-prepend + .icon-append + textarea {
    padding-left: 46px;
}

.eouv-form .input,
.eouv-form .select,
.eouv-form .textarea,
.eouv-form .radio,
.eouv-form .checkbox,
.eouv-form .toggle,
.eouv-form .button {
    position: relative;
    display: block;
    margin-bottom: 0px;
}

    .eouv-form .input input,
    .eouv-form .select select,
    .eouv-form .textarea textarea {
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        padding: 8px 10px;
        outline: none;
        background: #fff;
        color: #404040;
        -moz-appearance: none;
        -webkit-appearance: none;
        font-weight: 100;
    }

.divSideBarLink {
    float: left;
    background-color: #efefef;
    vertical-align: middle;
    overflow: hidden;
    height: 30px;
}

    .divSideBarLink img, .divSideBarLinkSelected img {
        height: 100%;
    }

.sideBarLink {
    display: table-cell;
    text-decoration: none;
    color: black;
    font-weight: bold;
    cursor: pointer;
    background-color: #efefef;
    padding: 5px 5px 0px 5px;
    vertical-align: middle;
}

.divSideBarLinkSelected {
    float: left;
    background-color: white;
    text-decoration: none;
    overflow: hidden;
    height: 30px;
}

    .divSideBarLinkSelected a, .divSideBarLinkSelected a:hover {
        border: none;
        cursor: default;
        color: black;
        text-decoration: none;
    }

.sideBarLinkSelected {
    display: table-cell;
    text-decoration: none;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background-color: #0e4097;
    padding: 5px 5px 0px 5px;
    vertical-align: middle;
}

a.sideBarLinkSelected:hover {
    color: white;
    text-decoration: none;
    cursor: default;
}

a.sideBarLink:hover {
    color: black;
    text-decoration: none;
    cursor: default;
}

.PanelAzul {
    background-color: #124098;
    color: white;
}

/* Classes para abrir e fechar accordion (chevron-up e down) */
.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings', sans-serif;
    content: "\e113";
    float: right;
    color: grey;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";
}

.btn {
    box-shadow: none;
}

.btn-u {
    border: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #72c02c;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}

    .btn-u:hover {
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .btn-u.btn-block {
        text-align: center;
    }

.btn-u-sm,
a.btn-u-sm {
    padding: 3px 12px;
}

.btn-u-lg,
a.btn-u-lg {
    font-size: 18px;
    padding: 10px 25px;
}

.btn-u-xs,
a.btn-u-xs {
    font-size: 12px;
    padding: 2px 12px;
    line-height: 18px;
}

.btn-u.btn-u-default {
    background: #95a5a6;
}

    .btn-u.btn-u-default:hover,
    .btn-u.btn-u-default:focus,
    .btn-u.btn-u-default:active,
    .btn-u.btn-u-default.active,
    .open .dropdown-toggle.btn-u.btn-u-default {
        background: #7f8c8d;
    }

.btn-u.btn-u-split-default.dropdown-toggle {
    border-left: solid 1px #7f8c8d;
}

.LockOff {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.LockBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 105%;
    height: 105%;
    background-color: #666;
    z-index: 20997;
    filter: alpha(opacity=75);
    opacity: 0.75;
    padding-top: 20%;
}

.LockPane {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 25%;
    visibility: visible;
    display: block;
    text-align: center;
    width: 100%;
    z-index: 20998;
}

    .LockPane div {
        width: 55%;
        background-color: #1659bf;
        color: white;
        font-size: large;
        border: dotted 1px White;
        padding: 9px;
        margin-top: -30px;
        margin-left: auto;
        margin-right: auto;
        z-index: 20999;
    }

.botaoEscondido {
    visibility: hidden;
    display: none;
}

.HideColumn {
    display: none;
}

.eouv-painel-conclusao {
    padding: 25px;
}

/* Botões para anexos */
.BotaoManifestacao {
    border: 0px;
    color: #19479c;
    font-size: 13px;
    cursor: default;
    height: 20px;
    padding-left: 25px;
}

    /* Botões para anexos */
    .BotaoManifestacao:hover, .panel-heading:hover {
        cursor: pointer;
    }

/* Botões para anexos */
.IconeBotaoLinks {
    background: url(../../img/icone_anexar.png) no-repeat;
    background-color: transparent;
    background-size: 16px;
    background-position-y: center;
}

.eouv-ordenacao-ascendente::after {
    content: "↓";
}

.eouv-ordenacao-descendente::after {
    content: "↑";
}

/* preserva as quebras de linha*/
.texto-quebra-linha {
    white-space: pre-wrap;
}

.texto-quebra-linha-espaco {
    white-space: pre-wrap;
    word-wrap: break-word!important;
    word-break: break-word!important;
}

    .grupo-botoes > .btn {
        margin-top: 5px;
    }

@media (min-width: 768px) { 
    .dl-horizontal dt {
        width: 230px;
        white-space: normal;
        margin-bottom: 5px;
    }

    .dl-horizontal dd {
        margin-left: 250px;
    }
}

.nomeMinisterio {
    font-size: 18px;
    margin: 10px auto;
}

.msgDireitos, .contraste {
    color: black;
}

#btnBrasilCidadao {
    background-color: lightgray;
}

#links li {
    display: inline;
    list-style-type: none;
    padding-left: 0;
}

    #links li a {
        color: white;
        text-decoration: none;
        margin: 5px 4px;
    }

        #links li a span {
            font-weight: bold;
            margin-right: 0;
            padding-right: 0;
            background-color: transparent;
        }

.barra-acessibilidade, .barra-acessibilidade:hover, .barra-acessibilidade:visited {
    font-size: 11px;
    color: #fff;
    text-decoration: none;
}

#links {
    display: inline-block;
    position: relative;
    top: 45px;
    z-index: 1;
    padding-left: 0;
}

.semBorder {
    border: 0 !important;
}

.semMargin {
    margin: 0;
}

.btnList {
    display: inline-block;
    height: 100%;
}

.text-muted, small, caption {
    color: #525252;
}

a, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
    color: #015298;
}

.navbar-text {
    line-height: 37px;
    color: white;
    margin-bottom: 0;
}

.glyphicon.glyphicon-remove-circle {
    color: white;
}

.iconBS {
    padding-left: 20px;
}

.items {
    float: left;
}

.radio .TextoDestacado input[type=radio], .radio input[type=radio] {
    margin-left: 0;
}

.close {
    opacity: .8;
}

.pgr td .container-fluid .row div span a {
    color: #015298 !important;
}

td.td_campo input[type="text"], td.td_campo select {
    width: 50% !important; /* !important porque o controle gera eles com style="width..." */
}

#ConteudoGeral_ConteudoFormComAjax_frmUsuario_cmbTipoDocumento, #ConteudoGeral_ConteudoFormComAjax_frmUsuario_txtNumeroDocumento {
    width: 100% !important;
    margin-bottom: 10px;
}

.td_label label, .td_label span {
    font-weight: 700;
}

.iframeModal {
    width: 100%;
    height: 400px;
}

.modal:focus {
    border: none;
}

#modalEsqueciSenha {
    top: 9%;
}

@media(max-width: 576px) {
    td.td_campo input[type="text"], td.td_campo select {
        width: 90% !important; /* !important porque o controle gera eles com style="width..." */
    }

    .iframeModal {
        height: 545px;
    }

    .sideBarLinkSelected, .sideBarLink {
        width: 50% !important;
    }

    #modalCriarSenha {
        height: 375px;
    }
}

#frameCriarSenha {
    height: 340px;
}

#modalCriarSenha {
    top: 22%;
}

#dialogCriarSenha {
    width: 425px;
}

.label-primary {
    background-color: #0073e6;
}

div.linkIcon b, div.linkIcon small {
    margin: -10px;
}

.label-danger {
    background-color: #db0a11;
}

.btn-danger {
    background-color: #ca4744;
}

.boxCentral {
    width: 60%;
    text-align: center;
    border: solid 1px black;
    color: black;
    margin-left: 20%;
}

.portlet {
    margin-left: 15px;
    width: auto;
}

@media(max-width: 768px) {
    .portlet {
        margin: 0;
    }
}

.caixa-login {
    height: auto;
}

.title {
    font-size: 17pt;
}


.lnkAjuda {
    font-weight: bold;
    font-size: 11px;
    padding: 5px 1px 1px;
}

    .lnkAjuda span {
        margin-left: 3px;
        font-size: 14px;
    }

.break-word {
    word-wrap: break-word;
    text-align: justify;
}

.selecaoTipo {
    border-radius: 20px;
    border: 1px solid rgb(200,200,200);
    padding-right: 0;
    padding-left: 0;
    margin-top: 15px;
    margin-left: 15px;
}

.descTipo {
    color: rgb(117, 117, 117);
}

.txtTipo > h4, .titulo, .faqConsulta > .col-xs-12 > .col-xs-9 > h4 {
    font-weight: bold;
}

.txtTipo.col-xs-8 > h4 {
    padding-top: 10px;
}

.iconeTipo {
    padding: 40px 0px;
    background-color: rgb(249, 249, 249);
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.icoNavegacao:hover {
    cursor: pointer;
}

.navigation-wrapper {
    display: none;
    background-color: rgb(249, 249, 249);
    color: #333;
    border-bottom: 1px solid #f1f1f1;
    padding: 40px 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px #ccc;
}

.navigation-content{
    position: relative;
}

.navigation-content::before {
    content: "\25B2";
    position: absolute;
    top: -60px;
    left: -125px;
    color: #fff;
    font-size: 19px;
}

.ativo {
    display: block !important;
}

.icoNavegacao, .icoNavegacao:hover, .icoNavegacao:active, .icoNavegacao:focus {
    color: white;
    font-size: 24px;
}

.denominacao-orgao {
    font-size: 10px;
    color: #fff;
    opacity: .6;
}

.nome-principal {
    font-size: 26px;
    margin-top: -10px;
}

    .nome-principal > a {
        color: white;
    }

.subtitulo-principal{
    font-size: 24px;
}

.subtitulo-principal-federal {
    font-size: 18px;
}

.titulo > a, .titulo {
    font-weight: 900;
    display: inline-block;
    font-size: 26px;
    color: #fff;
    margin-top: -10px;
}

.ambiente {
    margin-top: 10px;
    margin-bottom: 10px;
}


.iconMobile {
    padding: 15px 0;
}


.faqConsulta > a > .col-xs-12 {
    border: 1px solid rgb(200,200,200);
    padding-right: 0;
    padding-left: 0;
    margin-top: 25px;
    margin-right: 15px;
}

    .faqConsulta > a > .col-xs-12 > .col-xs-3 {
        background-color: #1659bf;
        padding: 15px 0;
    }

    .faqConsulta > a > .col-xs-12 > .col-xs-9 {
        background-color: rgb(242, 242, 242);
        color: #1659bf;
        padding: 19px 0px 19px 10px;
    }

@media(max-width: 768px) {
    .faqConsulta > a > .col-xs-12 {
        width: 100%;
    }

    .selecaoTipo {
        min-height: initial;
    }
}

@media (min-width: 768px) {
    .selecaoTipo {
        width: 22%;
        margin-left: 15px;
        min-height: 300px;
    }

    .faqConsulta > a > .col-xs-12 {
        width: 47%;
    }
}

.hamburger-menu-list {
    padding-left: 0;
    margin-top: 25px;
}

    .hamburger-menu-list > li {
        list-style: none;
    }

        .hamburger-menu-list > li > a {
            color: rgb(34,34,34);
            opacity: .7;
            font-size: 16px;
        }

.login, .login:hover, .login:focus {
    color: white;
    font-weight: bold;
}

.grvUsuarios {
    margin-right: 5px;
}

.form-group.selectize {
    margin-bottom: 12px;
    min-height: 45px;
}

.table-spacer {
    border-collapse: separate !important;
    border-spacing: 0 15px;
}

.voltarAoTopo .icone {
    background: black;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: white;
    display: inline-block;
    line-height: 48px;
    margin-left: 10px;
    font-size: 18px;
}

* {
    font-family: Raleway, sans-serif;
}

.raleway-medium {
    font-weight: 500;
}

.raleway-bold {
    font-weight: 700;
}

.raleway-black {
    font-weight: 900;
}

#menu-barra-brasil li a, #barra-brasil #orgaos-governo-barra ul li a {
    font-weight: 700;
    font-size: 12px;
}

#menu-barra-brasil li a {
    font-size: 11px;
}


.btn-circular {
    border-radius: 25px;
    padding-left: 40px;
    padding-right: 40px;
    border-color: black;
}

    .btn-circular:hover {
        background: #06acff;
        border-color: #06acff !important;
        color: #fff !important;
    }

#header {
    background-color: #2969bd;
    margin-right: 0;
}

.acoes > a {
    margin-left: 2px;
    margin-right: 2px;
}

.menu-rapido {
    height: 64px;
    list-style-type: none;
    margin-bottom: 2px;
}

    .menu-rapido ul li {
        display: inline;
    }

        .menu-rapido ul li .menu-rapido-item {
            font-size: 15px;
            font-weight: 500;
            color: white;
            line-height: 33px;
            background: #2969bd;
        }

            .menu-rapido ul li .menu-rapido-item:hover {
                color: white;
                text-decoration: none;
                background-color: #2969bd;
            }

            .menu-rapido ul li .menu-rapido-item:visited {
                color: white;
            }

.altoContraste::before {
    content: "";
    margin-top: 3px;
    margin-left: 40%;
    float: left;
    background-image: url(../../img/sprite.png);
    background-position: -269px -109px;
    width: 18px;
    height: 18px;
    -webkit-filter: none;
    filter: none;
}

.vlibras::before {
    content: "";
    margin-top: 4px;
    float: right;
    background-image: url(../../img/sprite.png);
    background-position: -269px -183px;
    width: 13px;
    height: 14px;
    -webkit-filter: none;
    filter: none;
}

.botoes {
    margin-top: 25px;
}

.card {
    height: 135px;
    width: 97%;
    margin: 5px;
    background-position: 0 -25px;
}

    .card p {
        color: white;
    }

.titulo-card {
    font-size: 28px;
    margin-top: 55px;
}

.texto-card {
    font-size: 14px;
}

.btn.btn-default.raleway-bold{
    margin-top: 15px;
}

@media(max-width: 480px) {
    .titulo-card {
        margin-top: 40px;
    }

    .cardLAI > .titulo-card {
        margin-top: 25px;
    }
}

@media(min-width: 992px) {
    .card {
        height: 211px;
        width: 272px;
        background-position: 0 0;
    }

    .titulo-card {
        margin-top: 110px;
    }

    .tituloLAI {
        margin-top: 70px;
    }
}

.breadcrumb-padrao {
    padding-left: 0;
    padding-right: 0;
    list-style-type: none;
    margin: 0;
    display: inline-block;
}

.bc-item, .bc-home {
    margin-right: 0;
    margin-left: 0;
    display: inline;
}

.bc-home-item {
    display: inline-block;
    background-image: url("../../img/sprite.png");
    background-position: -269px -145px;
    width: 17px;
    height: 12px;
}

.bc-item::before {
    padding: 0;
    content: '>';
    text-indent: -1000px;
    display: inline-block;
    background-image: url("../../img/sprite.png");
    background-position: -133px -223px;
    width: 26px;
    height: 21px;
}

.bc-ativo {
    font-weight: 800;
}

.mapaSite-Footer{
    background-color: #F1F1F1;
    border-bottom: 0;
    padding-top: 50px;
}

/* Backgrounds dos cards */

.cardLAI {
    background-image: url(../../img/mobile-acesso-a-informacao.png), url(../../../../img/mobile-acesso-a-informacao.png);
}

.cardDenuncia {
    background-image: url(../../img/mobile-denuncia.png), url(../../../../img/mobile-denuncias.png);
}

.cardElogio {
    background-image: url(../../img/mobile-elogio.png),url(../../../../img/mobile-elogios.png);
}

.cardReclamacao {
    background-image: url(../../img/mobile-reclamacao.png), url(../../../../img/mobile-reclamacao.png);
}

.cardSimplifique {
    background-image: url(../../img/mobile-simplifique.png), url(../../../../img/mobile-simplifique.png);
}

.cardSolicitacao {
    background-image: url(../../img/mobile-solicitacao.png), url(../../../../img/mobile-solicitacao.png);
}

.cardSugestao {
    background-image: url(../../img/mobile-sugestao.png), url(../../img/mobile-sugestao.png);
}

@media(min-width: 992px){
    .cardLAI {
        background-image: url(../../img/bt-acesso-a-informacao.png), url(../../../../img/bt-acesso-a-informacao.png);
    }

    .cardDenuncia {
        background-image: url(../../img/bt-denuncias.png), url(../../../../img/bt-denuncias.png);
    }

    .cardElogio {
        background-image: url(../../img/bt-elogios.png),url(../../../../img/bt-elogios.png);
    }

    .cardReclamacao {
        background-image: url(../../img/bt-reclamacao.png), url(../../../../img/bt-reclamacao.png);
    }

    .cardSimplifique {
        background-image: url(../../img/bt-simplifique.png), url(../../../../img/bt-simplifique.png);
    }

    .cardSolicitacao {
        background-image: url(../../img/bt-solicitacao.png), url(../../../../img/bt-solicitacao.png);
    }

    .cardSugestao {
        background-image: url(../../img/bt-sugestao.png), url(../../img/bt-sugestao.png);
    }
}

/* Fim dos backgrounds de cards */

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: #88b5dd;
}

#divLogin span::after{
    content: "|";
    margin-right: 3px;
}

.border-bottom-cinza{
    border-bottom: 1px solid hsla(0,0%,90%,1);
}

#ConteudoGeral_ConteudoFormComAjax_grdServicosFederais_ConteudoGeral_ConteudoFormComAjax_grdServicosFederais_celulaPaginacao > span > a,
#ConteudoGeral_ConteudoFormComAjax_grdTags_ConteudoGeral_ConteudoFormComAjax_grdTags_celulaPaginacao > span > a,
#ConteudoGeral_ConteudoFormComAjax_grdTelefone_ConteudoGeral_ConteudoFormComAjax_grdTelefone_celulaPaginacao > span > a,
#ConteudoGeral_ConteudoFormComAjax_grdServicoNaoFederal_ConteudoGeral_ConteudoFormComAjax_grdServicoNaoFederal_celulaPaginacao > span > a {
    color: black !important;
}

.mgrid{
    border: 0;
}

/*********************************************************************/
/* Interação com o Sistema Faro: Score indicando aptidão da denúncia */
/*********************************************************************/

.radio-interacao-faro input[type = "radio"] {
    display: none;
}

    .radio-interacao-faro input[type = "radio"] + label {
        /*background-size: 100px 100px;*/
        height: 30px;
        width: 30px;
        /*content: " ";*/
        /*               display: inline-flex;*/
        display: table-cell;
        padding: 0 0 0 0;
        cursor: pointer;
        /*-moz-box-sizing: padding-box ;*/
        padding-right: 0;
        padding-left: 0;
        margin-right: -15px;
        margin-left: -15px;
        margin-top: -6px;
        margin-bottom: -10px;
    }

    .radio-interacao-faro input[type = "radio"]:checked + label {
        height: 30px;
        width: 30px;
        /*               display: inline-flex;*/
        display: table-cell;
        padding: 0 0 0 0;
        cursor: pointer;
        /*outline: 4px solid black;*/
        /*background-color: black;*/
        padding-right: 0;
        padding-left: 0;
        margin-right: -15px;
        margin-left: -15px;
        margin-top: -6px;
        margin-bottom: -10px;
        outline-offset: 4px;
        outline: 8px solid black;
    }

.label-interacao-faro{
    padding-left: 31px;
}

.label-interacao-faro-distancia-setas{
    padding-left: 400px;
}


.ocultaNaTela {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.container-header{
    width: 90%;
}

.pointer:hover{
    cursor: default;
}

.azulPainel {
    background-color: #2969bd;
    color: white;
    font-size: small;
}

.divRadioLikert {
    display: inline-block;
    position: relative !important;
    text-align: center;
    width: 20px;
    margin-right: 0px;
}

.rdLikert {
    display: inline-block;
    position: relative !important;
    text-align: center;
}

.sliderFormDividido {
    width: 75px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border-style: none
}

.corpoFormDividido {
    overflow-x: auto;
    padding-right: 25px;
}

.btnExpandirOcultar {
    font-size: 14px;
    width: 55px;
}
.icone {
    min-width: 35px;
}

.preview {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.textoTruncado {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    max-width: 100px
}

.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 17px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 17px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 5px;
    left: 30%;
    opacity: 0;
    position: absolute;
    top: 32%;
    transform: rotate(-45deg);
    width: 7px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
    background-color: darkgrey;
    border-color: darkgrey;
}

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

/* styles for '...' */
.block-with-text {
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.2em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 3.6em;
    /* fix problem when last visible word doesn't adjoin right side  */
    text-align: justify;
    /* place for '...' */
    margin-right: -1em;
    padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: white;
}

.tag {
    padding: .3em .4em .4em;
    margin: 0 .1em;
}

.tag a {
    color: white;
    cursor: pointer;
    opacity: 0.6;
}

.tag a:hover {
    opacity: 1.0
}

.tag .remove {
    vertical-align: bottom;
    top: 0;
}

.tag a {
    margin: 0 0 0 .3em;
}

.tag a .glyphicon-white {
    color: #fff;
    margin-bottom: 2px;
}