@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import 'defs.less';

/* BOTOES */
.btt_contained,
.btt_outlined,
.btt_text,
.btt_raised-o-ods,
.btt_raised-invert {
font-family:"Ropa Sans", sans-serif;
cursor:pointer;
font-size:13px !important;
text-transform:uppercase;
padding:8px 12px;
line-height:1;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
background-position:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
transition:0.2s;
-o-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
overflow:hidden;
margin:0 5px;
}
.btt_contained{
background-color:@cor_forte;
color:white !important;
box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
border:none;
&:disabled, &:disabled:hover{
opacity:0.6;
pointer-events:none;
}
}
.btt_outlined{
border:1px solid @cor_forte !important;
color:@cor_forte;
background-color:transparent;
}
#perfil_usu .btt_contained{
margin:5px 0 !important;
}
.btt_text{
border:transparent;
background-color:transparent;
color:@cor_forte; 
}
.btt_raised-invert{
background-color:white;
color:@cor_fonte !important;
}    
.btt_contained i,
.btt_outlined i,
.btt_text i{
margin-right:5px;
}
.btt_full{
width:100%; 
margin:0;
}
.btt_card{
font-family:"Ropa Sans",sans-serif;
cursor:pointer;
font-size:14px;
border-radius:2px;
text-transform:uppercase;
line-height:1 !important;
display:inline-block;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
outline:none !important;
border:0;
background:none;
}
.btt_card{
min-width:100px;
min-height:100px;
padding:10px!important;
margin:15px;
display:flex;
flex-direction:column;
font-size:16px;
align-items:center;
width:min-content;
text-align:center;
justify-content:center;
}
.btt_card img{
height:36px;
width:36px;
margin:0 0 10px;
}
.btn{
cursor:pointer;
}
.btt{
text-decoration:none;
-moz-border-bottom-colors:none;
-moz-border-left-colors:none;
-moz-border-right-colors:none;
-moz-border-top-colors:none;
background-color:#f5f5f5;
background-image:linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat:repeat-x;
border-color:#bbb #bbb #a2a2a2;
border-image:none;
border-radius:4px;
border-style:solid;
border-width:1px;
box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
color:#111 !important;
cursor:pointer;
display:inline-block;
font-size:14px;
line-height:20px;
padding:2px 6px;
text-align:center;
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align:middle;
outline:none !important;
}
.contained, .btt_card{
background-color:@cor_forte;
color:#fff !important;
box-shadow:2px 3px 10px 0px #888;
}
.contained:hover, .btt_card:hover{
background-color:@cor_forte_hover;
}
.botoes_padroes a{
color:@cor_forte!important;
}
.btt_outlined:active, .btt_text:active{
background-color:#b491c8;
background-size:100%;
transition:background 0s;
}    
.btt_contained:hover{
background:@cor_forte_hover radial-gradient(circle, transparent 1%, white 1%) center/15000%;
}
.btt_outlined:hover,
.btt_text:hover{
background:lighten(@cor_forte_hover, 40%);
}
.btt_icon{
font-size:20px!important;
color:@cor_forte !important;
cursor:pointer;
}

.btt_icon_disabled{
font-size:20px!important;
color:lightgray !important;
}

.btt_toggle_menu{
position:relative;
display:flex;
align-items:center;
}
.btt_toggle_menu i{
padding:0 4px;
}
.btt_toggle_menu .cx_opcoes_toggle{
display:none;
background-color:#f5f5f5;
position:absolute;
right:0;
flex-direction:column;
top:17px;
padding:6px;
box-shadow:2px 3px 8px 0 #CCC;
}
.btt_toggle_menu .cx_opcoes_toggle li{
font-size:14px;
white-space:nowrap;
padding:6px;
width:100%;
z-index:1;
border-radius:5px;
box-sizing:border-box;
a{
width:100%;
}
}
.btt_toggle_menu .cx_opcoes_toggle li:hover{
    background-color:#E8E8E8;
}

.btt_toggle_menu:hover .cx_opcoes_toggle{
display:flex;
z-index:1;
}
.cx_opcoes{
    display:flex;
    align-items:center;
    gap:10px;
    
    .link_filtro{
        margin-right:10px;
    }

    #btt_buscar_ccir:disabled{
        opacity:0.6;
        pointer-events:none;
    }
}
.modal_form{
position:absolute;
top:32px;
right:15px;
z-index:1;
box-shadow:0 0 4px 1px rgba(0, 0, 0, 20%);
border-radius:10px;
height:auto;
background-color:white;
}
.modal_form .cx_busca{
padding:0!important;
}
.modal_form .cx_busca .busca .conteudo_form{
padding:7px!important;
display:flex;
flex-direction:column;
gap:10px;
}
.modal_form .cx_busca .busca .conteudo_form .filtros{
flex-direction:column;
}
.modal_form .cx_busca .busca{
margin-bottom:0!important; 
}
.btt_icon_no_pointer{
font-size:20px!important;
color:@cor_forte;
}
.btt_icon_recurso{
color:#f5f5f5;
}

/*Floating action button*/
.btt_act{
display:flex;
background-color:@cor_link;
cursor:pointer;
width:32px;
min-width:32px;
height:32px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
text-decoration:none;
align-items:center;
justify-content:center;
}
button:active{
outline:none;
}
/* INPUT FILE */
.file-input-wrapper {
position:relative;
overflow:hidden;
display:inline-block;
cursor:pointer;
}
.file-input-wrapper input[type="file"] {
font-size:100px;
position:absolute;
left:0;
top:0;
opacity:0;
cursor:pointer;
}
.file-input-button {
display:inline-block;
padding:10px 20px;
border:1px solid @cor_forte;
border-radius:6px;
color:@cor_forte;
cursor:pointer;
}
.import_key_words_XLSX{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
cursor:pointer;
}
/*Flat button*/
.btt_flat{
text-transform:uppercase;
display:inline-block;
cursor:pointer;
}

.campo{
position:relative;
width:100%;
margin-bottom:20px;
}
.i_placeholder{
position:absolute;
color:#707070;
top:50%;
left:15px;
transform:translateY(-50%);
}

p{
line-height:1.4!important;
text-align:justify;
}
h4{
margin-bottom:4px;
display:block;
text-align:left;
}
.esquerda{
float:left;
}
.clear{
clear:both;
}
.legenda{
font-style:italic;
text-align:left;
font-size:10px;
margin-top:2px;
}
.espaco{
height:20px;
width:100%;
display:block;
}
.espaco_pq{
height:10px;
width:100%;
display:block;
}
.inline{
display:inline-block;
float:left;
}
td.vlr{
white-space:nowrap;
}
td.nw{
white-space:nowrap;
}
td.icone{
    white-space:nowrap;
    .fa{
        font-size:10px;
        transform:translateY(-4px);
        margin-left:2px;
    }
    .fa-arrow-up{
        color:green;
    }
    .fa-arrow-down{
        color:red;
    }
}
.cx_ind{
display:flex;
flex-direction:row;
white-space:nowrap;
}
.ind_per{
font-size:10px;
transform:translateY(-2px);
display:flex;
align-items:center;
line-height:1;
}

.ind_up{
color:#1db954;
}
.ind_down{
color:#e22134;
}
.ind_up, .ind_down, .dados_porcentagem{
font-size:13px;
font-style:italic;
}
.ind_up::before{
content:'\f062';
transform:rotate(-45deg);
}
.ind_down::before{
content:'\f063';
transform:rotate(-45deg);
}
.ind_up::before, .ind_down::before{
font-family:FontAwesome, sans-serif;
margin:0 5px 0 0;
}
.ind_up span, .ind_down span{
color:#333333;
margin-left:5px;
}
.fa-star-o, .fa-star{
color:gold;
}
.icon_up, .icon_down{
float:left;
margin-right:2px;
}
.up, .icon_up{
color:blue;
}
.down, .icon_down{
color:red;
}
.in_c{
text-transform:capitalize;
}
.debug{
margin-top:20px;
border:1px solid black;
padding:10px 20px;
background-color:white;
min-height:100px;
width:100%;
font-size:12px;
box-sizing:border-box;
}
.debug:empty{
display:none;
padding:0;
margin:0;
}
.ch{
display:none;
}
#logar{
z-index:2;
position:relative;
}
th.header{
cursor:pointer;
}
th.headerSortUp:after , th.headerSortDown:after,th.header:after{
font-family:FontAwesome, sans-serif;
font-size:11px;
margin:0 0 0 4px;
position:absolute;
}
th.header.headerSortUp:after{
content:"\f0dd";
}
th.header.headerSortDown:after {
content:"\f0de";
}
.Entregue{
color:green;
}
.Solicitado{
color:#ffaf0f;
}
.Erro{
color:red;
}
.conteudoEixo{
line-height:1.3;
}
.conteudoEixo .negrito{
margin-right:4px;
}

.faixa_pushpin{
width:100%;
font-size:20px;
text-transform:uppercase;
}
.faixa_pushpin img{
margin-right:28px;
height:60px;
width:auto;
}
.desafio-eixo{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
padding:20px;
}
.desafio-eixo .dsc_desafio{
flex-grow:2;
}
.desafio-eixo .dsc_desafio div{
text-align:justify;
}
.cx_ind .dsc:before{
content:'Indicador:';
margin-right:4px;
font-weight:bold;
color:#EC7063;
}
.meta-eixo .dsc:before{
margin-right:4px;
font-weight:bold;
color:#EC7063;
}
.dscM_rotulo{
margin-right:4px;
font-weight:bold;
color:#EC7063;
}
.r_ano:before{
margin-right:4px;
font-weight:bold;
color:#EC7063
}
.r_ano:before{
content:'Referência:';
}
input.dsc{
width:300px;
}

div.infCred{
text-align:left;
}
div.infCred label{
width:125px;
float:left;
text-align:left;
margin-left:4px;
font-weight:bold;
}
div.infCred legend{
font-weight:bold;
margin-bottom:2px;
text-align:center;
}
div.infCred div.esquerda{
width:100%;
}
div.infCred div.separador{
font-weight:bold;
text-align:center;
width:100%;
margin:5px 0 5px 0;
border:1px solid;
}
div.infCred div.separadorSocio{
width:100%;
margin:5px 0 5px 0;
}
div.infCred div{
margin-bottom:2px;
}
div.infCred span{
word-wrap:unset;
}
.verticalItem{
text-align:left;
margin-bottom:20px;
}

/* TABELAS */
.params_rel{
display:none;
}
.cx_tabela{
padding:10px 0;
}
.cx_tabela:last-child{
padding-bottom:0;
}
.portal-wrapper{
padding:5px 15px 15px 15px;
margin-bottom:20px !important;
background-color:#fff;
}
.portal-wrapper .portal-desc{
display:block;
margin-top:10px;
}
.inst-wrapper{
padding:5px 0;
}
.inst-wrapper h2{
margin-left:20px;
}
.button-lista {
width:30px;
height:29px;
display:inline-flex;
font-size:14px;
margin-right:35px;
align-items:center;
justify-content:center;
}

.link-lista {
background-color:transparent;
border:0;
cursor:pointer;
padding:0;
position:relative;
text-decoration:none;
}

.alert-cadastros {
margin-left:15px;
display:inline-block;
}
.tooltip_obs {
opacity:0;
width:180px;
position:absolute;
right:20px;
background-color:#fff;
color:#000;
text-align:left;
padding:15px;
border-radius:7px;
box-shadow:0 5px 15px -5px #333;
transition:all ease 200ms;
transition-delay:0s;
pointer-events:none;
z-index:2;
}
.grafico-tooltip{
background-color:rgba(255, 255, 255, 0.9);
padding:10px;
border-radius:2px;
border:1px solid black;
display:flex;
flex-direction:column;
align-items:center;
}
.grafico-tooltip table{
margin-top:10px;
font-size:12px;
}
.grafico-tooltip table td{
background-color:inherit;
}
.legend_graphic_gauge{
display:flex;
}
.legend_graphic_gauge label{
font-size:16px!important;
}
.legend_graphic_gauge + .legend_graphic_gauge{
margin-left:20px;
}
.capitalize{
text-transform:capitalize;
}
#resumo-gestao-publica td{
text-align:center;
}
.cx_inf_imovel{
display:flex;
justify-content:space-between;
}
#cx_inf_areas #cx_inf_areas_export{
background:@cor_forte !important;
}
strong.grifado{
background-color:~'@{cor_forte}AA';
}
strong.destaque-sublinhado{
text-decoration:underline;
}