@charset "UTF-8";
/*RESET*/
* {
    padding: 1px;
    margin: 0px;
}

/*RESET*/

html,body{
    background: #eee !important;
    font-stretch: normal !important;
    font-weight: normal !important;
}
/* ************************************************** */
/*                   ESTILOS MOBILE                   */
/* ************************************************** */



/*CLASSE NATIVA1*/
.ui-content{
    padding: 0px !important;
    width: 100%;
}
/* MINHA CESTA*/
#j_idt174 .ui-btn-text{
    font-size: 13px !important;
}
/* DADOS DO USUÁRIO*/
#pnl .ui-btn {
    font-size: 15px;
    background: #e2e2e2;
    font-stretch: normal !important;
    font-weight: normal !important;
}
/*ÁREA DO TEXTO DO DROPDOWN*/
#tbUsers{
    background: #E3E3E3;
    padding: .8em;
    border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    border: 1px solid #acacac !important;

}
/*CLASSE NATIVA2*/
.ui-collapsible-heading .ui-btn{
    font-size: 15px;
    background: #e2e2e2; 
}
#tbAtivoHisto{
    border-radius:10px 10px 0 0 !important;
    -moz-border-radius:10px 10px 0 0 !important;
    -webkit-border-radius:10px 10px 0 0 !important;
    border: 1px solid #acacac !important;
    border-bottom: 0px !important;
}
#j_idt174\:formGridComentarios{
    font-size: 15px;
}
#j_idt174\:formGridComentarios\:tabelaComentario_paginator_top{
    background: #e2e2e2;
    border: 1px solid #acacac !important;

}
#tbAtivoHisto\:j_idt52 .ui-icon{
    background-image: url( '../mobile_images/adiante.png' ) !important;
}
#btnVerLista{
    background-image: url( '../mobile_images/adiante.png' ) !important;

}

/* MINHA CESTA FIM*/


.fullWidth{
    width: 100%;
}

.wrapper{
    width: 92% !important;
    margin: 0 auto !important;
    margin-top: 0px !important ;
    margin-bottom: 10px !important ;
    padding: 10px !important;
    border-radius:10px !important;
    -moz-border-radius:10px !important;
    -webkit-border-radius:10px !important;
    border: 2px solid #acacac !important;
}

.testeBtn{
    background-color: blue !important;
}

/** = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = **/
/** = = = = = = =          ESTILOS DO MOBILE            = = = = = = = = = = **/
/** = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = **/

/** = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  **/
/** = = = = = = = = = = = ESTILOS DAS TABELAS INICIAIS = = = = = = = = = =   **/
/** = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  **/

.gridMenu{

    padding: 0px;
    background-image: url( '../mobile_images/gradiente-amarelo.jpg' ) !important;
    background-repeat: repeat-x;
}
/** = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  **/
/** = = = = = = = = = = = ESTILOS DAS TABELAS INICIAIS - DOIS (MODIFICACAO MARCOS) = = = = = = = = = =   **/
/** = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  **/

.gridMenu-dois{

    background-image: url( '../mobile_images/bb-detalhe.jpg' ) !important;
    padding-bottom: 1.5em;
    background-repeat: repeat-x;
    margin-top: -30px;

}

.wrapper .tabelaResultado{
    z-index: 0;
    position: relative;
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    border:0px solid #fff;

}
.wrapper .tabelaResultadomob{
    z-index: 0;
    position: relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    border:0px solid #000;
    width: 100%;
}


.wrapper .cabecalhoTitulo{
    background-color: #eaebec;
    text-align: left;
    vertical-align:top;
    border:1px solid #e1e1e1;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    padding:8px 0px 4px 12px;

}
/*MODIFICANDO CSS LINK NOVIDADES*/

/*CLASSE NATIVA4*/
.wrapper .ui-state-default a, .wrapper .ui-state-default a:link, .wrapper .ui-state-default a:visited{
    font-size: 14px;
}
/*MODIFICANDO CSS LINK NOVIDADES*/

.wrapper .tb_resultados{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    border:0px solid #fff;
    width:100%;
    margin-left: 0px;
}

.wrapper .tb_resultados_info{
    vertical-align:top;
    border-top:none;
    border-bottom:none;
    width:75%;
    padding:5px 0px 8px 15px;
    line-height:38px;
    text-align: left !important;
}

.wrapper .tb_resultados_img{
    vertical-align: middle;
    text-align:right;
    float: right !important;
    padding:9px -2px 7px 0px;
}

/*a{
    text-decoration: none;
}*/

/** = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  **/
/** = = = = = = = = = = =       ESTILOS DOS HEADERS    = = = = = = = = = =   **/
/** = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  **/

.logo{
    background-color: #017fdb;
    width: 85px;
    height: 85px;
    margin: 0 auto;
}
/** = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  **/
/** = = = = = = = = = = =       LOGO MODIFICADO (MARCOS)    = = = = = = = = = =   **/
/** = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  **/
.logo-dois{
    background-color:transparent;
    width: 44px;
    height: 46px;
    margin-left: -20px;
    padding-right: 0.5em;
    min-width: 50px;
}

.logo-dois img{
    width: 40px;
    height: 40px;
    margin-top: 3px;
    margin-left: 16px;
}

.wrapper .pesquisaSimples{
    width: 100%;

}.pesquisaSimples{
    height: 100% !important;

}
.left{
    float: left;
}

.right{
    float: right;
}

.centered{
    background: #2e70a3; /* COR FORMULARIO E TITULO USUARIOS EXTERNOS*/
    border-radius:0px 10px 10px 10px !important; 
    -moz-border-radius:0px 10px 10px 10px !important;
    -webkit-border-radius:0px 10px 10px 10px !important;
    padding: 10px !important;

}
/*AQUI ESTA O TITULO DO FORMULARIO*/
.titUsuExt{
    color: #fff !important;
    background: #2e70a3 ; 
    border-radius:10px 10px 0px 0px !important; 
    -moz-border-radius:10px 10px 0px 0px !important;
    -webkit-border-radius:10px 10px 0px 0px !important;
    padding:10px 10px 10px 10px !important;
}

.wrapper table{
    margin: 0px;
    padding: 0px;
}

.searchButtonIcon{
    margin-top: 8px;
    padding: 5px;
    padding-right: 0px;
    margin-right: 0px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
}

.searchButtonIcon:hover{
    box-shadow: 0px 0px 1px #000000;
}

.searchButtonIcon:click{
    box-shadow: 0px 0px 1px #000000;
}

.textLeft{
    text-align: left;
}

.textRight{
    text-align: right;
}

.textCenter{
    margin: 0 auto;
    text-align: center;
    width: 100% !important;

}

.separadorCesta-dois{
    width: 100%; 
    height: 5px; 
    background-color: #017fdb; 
    border-spacing: 0px !important;
    margin:  0 auto;
    margin-top: 0px;
    margin-bottom: -2px; 
    border: none;
}

.separadorResultados{
    width: 100%; 
    height: 2px; 
    background-color: #017fdb; 
    border-spacing: 0px !important;
    margin:  0 auto;
    margin-top: 10px;
    margin-bottom: 10px; 
}

/** ****************************** *
/** Override TabView do PrimeFaces **/
/** ****************************** **/
/*CLASSE NATIVA5*/
.ui-widget-header{
    background: none;
}

#j_idt34{
    border: none;
    background: none;
}

.ui-tabs .ui-tabs-panel{
    background-color: white;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/** ****************************** **/
/** ****************************** **/
/** ****************************** **/

/** *********************************** **/
/** Override Header do PrimeFacesMobile **/
/** *********************************** **/

/*CLASSE NATIVA7*/
.ui-bar-a{
    background-color: red !important;
    color: white !important;
    text-shadow: none !important;
    /*background-image: linear-gradient( #333 {a-bar-background-start}, #333 {a-bar-background-end}) !important;*/
}

/** *********************************** **/
/** *********************************** **/
/** *********************************** **/

/** ********************************************* **/
/** Override Botões do Header do PrimeFacesMobile **/
/** ********************************************* **/


/*CLASSE NATIVA8*/
.ui-btn-up-a{
    background-color: red !important;
    /*background-image: linear-gradient( white {a-bup-background-start}, #CCC {a-bup-background-end}) !important;*/
    border-radius: 5px !important;
    text-shadow: none !important;
    color: #333333 !important;
}

/*CLASSE NATIVA9*/
.ui-btn-up-a:hover{
    background-color: red !important;
    /*background-image: linear-gradient( #CCC {a-bup-background-start}, white {a-bup-background-end}) !important;*/
    border-radius: 5px !important;
    text-shadow: none !important;
    color: #333333 !important;
}

/** ********************************************* **/
/** ********************************************* **/
/** ********************************************* **/

/** *********************************************** **/
/**             Estilos View Minha Cesta            **/
/** *********************************************** **/

#all{
    font-size: 11px; 
    background-color:white; 
    padding-bottom:100px; 
    margin-top:0px; 
    margin-bottom:-1px; 
}
/** *********************************************** **/
/**             MODIFICAÇÃO DETALHE DA OBRA            **/
/** *********************************************** **/

.wrapper .ui-panel-group-cabecalho-top{
    background: -webkit-linear-gradient( #2e70a3 , #183156 ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #2e70a3 , #183156 ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #2e70a3 , #183156 ); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #2e70a3 , #183156 ); /* Standard syntax */ 
    height:auto !important;
    padding:  5px;
    border-radius:10px 10px 0px 0px !important; 
    -moz-border-radius:10px 10px 0px 0px !important;
    -webkit-border-radius:10px 10px 0px 0px !important;
    margin-bottom: 30px;
}

.wrapper .botaoReservas{
    color: #000;
    background: #d6d6d6;
    border-radius:25px 25px 25px 25px;
    -moz-border-radius:25px 25px 25px 25px;
    -webkit-border-radius:25px 25px 25px 25px;
    padding:4px 12px;
    cursor:pointer;
    position: absolute;
    margin-left: -120px;
    margin-top: 14px;
    font-size: 12px;

}

.wrapper .botaoAdicionaItens{
    color:#ffffff !important;
    background-color: #fff;
    border:1px outset #ffffff;
    text-shadow:0px -1px 3px #000000;
    box-shadow:2px 2px 5px #000000;
    -moz-box-shadow:2px 2px 5px #000000;
    -webkit-box-shadow:2px 2px 5px #000000;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    width:47px;
    padding:10px;
    cursor:pointer;
    margin:0 auto;
}

.wrapper .exemplaresL{
    font-weight:bold;
}

.wrapper .exemplaresS{
    font-weight:normal;
}

.wrapper .exemplaresD{
    text-align: center;
}

.wrapper .caixas{
    background-color:#F0FFFF; 
    color: black; 
    border: 1px ridge; 
    font-size:11px;
}

/** *********************************************** **/
/** *********************************************** **/
/** *********************************************** **/

/** *********************************************** **/
/**         Estilos Bibliotecas Disponíveis         **/
/** *********************************************** **/

.wrapper .tblBibliotecas{
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: right;
}

.wrapper .tblBibliotecas .ui-btn-text{
    color: #fff !important;
}
/*RESULTADOS - VERIFICAR DISPONIBILIDADE - BORDA*/
.wrapper .tblBibliotecas .ui-btn{
    /*
    box-shadow: 2px 2px 2px red !important;
    border: 1px solid #000 !important;
    */
    box-shadow: 0px 0px 0px #fff !important;
    border: 0px solid #fff !important;
}
/*RESULTADOS - VERIFICAR DISPONIBILIDADE - BORDA*/
.tblBibliotecas  .ui-btn-hidden{

}

.tblBibliotecas  .ui-link{
    height: 40px;
}

.btAddItem {
    margin-right: 0px;
    margin-top: -25px;
    position: absolute;
    right: -45%;
}


/*CLASSE NATIVA10*/
/*.ui-shadow{


}*/


.wrapper .myTable{
    width: 75px !important;
}

/*ESPAÇAMENTO BUSCA*/
.wrapper #frmTitulo{
    margin-top: 30px;
}

/*MODIFICANDO TAMANHO DA FONTE PESQUISA AVANÇADA*/

/*CLASSE NATIVA11*/
.ui-body-c .ui-link{
    margin: 0 auto;
    text-align: center;
}

/*RESULTADOS - PÁGINA*/
.wrapper .resultados-pesq{
    background: #ededed;
    width: 100%;
    padding-top: .5em;
    border:1px solid #e1e1e1;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
}

#accordionUser\:addListas-popup {
    width: auto;
    margin: 0 auto !important;

}

.pnlovermenu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    left:0 !important;
}

.pnlovermenu .ui-menu , .pnlovermenu .ui-menu .ui-menuitem-link{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0px;
    margin: 0px;
}

.header-miniform{
    margin-bottom: 0px;
    padding-left: 10px; 
    padding-right: 10px;
    background: -webkit-linear-gradient( #faea18 , #f2ca06 ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #faea18 , #f2ca06 ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #faea18 , #f2ca06 ); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #faea18 , #f2ca06 ); /* Standard syntax */
    height: auto !important;
}

.separadorHeader{
    width: 100%; 
    padding-bottom: 15px;
    padding-top: 10px;
    text-align: center;
    height: 10px;
    margin-bottom: 10px !important;
    background: -webkit-linear-gradient( #2e70a3 , #183156 ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #2e70a3 , #183156 ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #2e70a3 , #183156 ); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #2e70a3 , #183156 ); /* Standard syntax */   
    border-bottom: 2px solid #183156;
    color: white;
    font-weight: bold;
    font-size: 14px !important;
    text-shadow: none;
}

.gridOverlay{
    padding: 10px 0px 10px 0px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    background: #e3e3e3;
}

.gridOverlay .separadorBottom{
    background-color: #ccc;
    height: 2px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.gridOverlay .separadorSubmenu{
    background-color: #cbcbcb;
    width: 100%;
    color:black;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.gridOverlay img{
    width: 32px;
    height: 32px;
    margin-left: 10px;
}

.gridOverlay table td{
    text-align: left !important;
}

/*FORM-DROP-BG*/
#pnlovermenu{
    background: #000;
}

.tblBibliotecas .ui-btn{
    background: white !important;
    width: 100% !important;
    border-radius: 0px !important;
    text-shadow: none;
    color:black;
}
/*DISPONIBILIDADE*/
.disponi .ui-btn-inner{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #2e70a3 , #183156 ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #2e70a3 , #183156 ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #2e70a3 , #183156 ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #2e70a3 , #183156 ) !important; /* Standard syntax */
    border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;

}

/*RESERVA/MALOTE*/

.ui-panel-group-direita .ui-btn-inner{
    background: -webkit-linear-gradient( #cdcdcd , #dfdede ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #cdcdcd , #dfdede ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #cdcdcd , #dfdede ); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #cdcdcd , #dfdede ); /* Standard syntax */
    font-size: 12px;


}
.wrapper .ui-panel-group-direita .ui-btn-text{
    color:#000;
}
/*ALINHAMENTO DO BOTAO DETALHE MALOTE*/
.wrapper .detl-malote{
    text-align:center !important;
    padding: 1em !important;
}
.wrapper .detl-malote .ui-btn-inner{
    text-align:center;
    margin: 0 auto;
    background: -webkit-linear-gradient( #cdcdcd , #dfdede ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #cdcdcd , #dfdede ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #cdcdcd , #dfdede ); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #cdcdcd , #dfdede ); /* Standard syntax */
}
/*MALOTE*/
.wrapper #btnReservaMalote {
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    color: #FFFFFF !important;
    text-shadow: none !important;
    border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    font-size: 14px !important;
    padding: 10px 30px !important;
}


/*ADICIONAR*/

.wrapper #btnAddResultadoItem{
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    color: #FFFFFF !important;
    text-shadow: none !important;
    border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    font-size: 14px !important;
    padding: 8px 50px !important;

}
#paneaddlista{
}

#frmReservaTitulo{
    margin-bottom: 20px;
}


/*PAGINACAO EMPRESTIMO*/

/*CLASSE NATIVA12*/
/*.wrapper .ui-icon-seek-next{

    background: url( '../mobile_images/seta.png' ) no-repeat !important;

}

CLASSE NATIVA13
.wrapper .ui-icon-seek-end{

    background: url( '../mobile_images/seta-dois.png' ) no-repeat !important;

}

CLASSE NATIVA14
.wrapper .ui-icon-seek-prev{

    background: url( '../mobile_images/seta-volta.png' ) no-repeat !important;

}

CLASSE NATIVA15
.wrapper .ui-icon-seek-first{
    background: url( '../mobile_images/seta-volta-dois.png' ) no-repeat !important;

}*/
/*POPUP*/


#dlgBibliotecasDisponiveis .ui-collapsible-content{
    padding: 0px !important;}

/*ALINHANDO OS BOTÕES*/

/*CLASSE NATIVA16*/
.wrapper .ui-icon{
    width: 16px !important;
    height: 16px !important;
}
/*BOTÃO RENOVAR*/
.wrapper .bnt-renov{
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    color: #FFFFFF !important;
    width: 100% !important;
    height: auto !important;
    padding: .1em 2em .1em 2em !important;
    text-shadow: none !important;
    border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;

}
/*EMPRÉSTIMOS*/
.wrapper .btn-cancelar{
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    color: #FFFFFF !important;
    width: auto !important;
    height: auto !important;
    padding: .1em 2em .1em 2em !important;
    text-shadow: none !important;
    border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
}
/*COMENTÁRIOS*/
.wrapper .btn-exc-coment{
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    color: #FFFFFF !important;
    width: auto !important;
    height: auto !important;
    padding: .1em 2em .1em 2em !important;
    text-shadow: none !important;
    border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
}
/*INTERESSES*/
.wrapper #btn-excluir{
    text-shadow: none !important;
    color:#000000 !important;
}

.wrapper #books .ui-btn-text{
    text-shadow: none !important;
    color:#FFF !important;
}

.wrapper #books .ui-btn-inner{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #2e70a3 , #183156 ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #2e70a3 , #183156 ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #2e70a3 , #183156 ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #2e70a3 , #183156 ) !important; /* Standard syntax */
    margin: 0 auto !important;
    text-align: center !important;
}

.wrapper #btn-color .ui-btn{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    color: #FFFFFF !important;
}
.wrapper #btn-color .ui-input-text {
    padding:0 0.1em;
    height: 36px;

}

.wrapper #btnsalvaDisseminacao{
    text-shadow: none !important;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    color: #FFFFFF !important;
    border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}
/*PESQUISA AVANÇADA*/
.wrapper #frmMenuCombinadamob .ui-btn-inner{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    color: #FFFFFF !important;
    border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}
/*MINHA CESTA*/
.wrapper #frmListaTemporaria .ui-btn-inner{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    color: #FFFFFF !important;
    border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}
/*MINHA BIBLIOTECA*/

.wrapper .itemReservarSolic{
    font-size: .9em !important;
    text-shadow: none !important;
    color:#fff !important;
    padding: .3em;
    background: -webkit-linear-gradient( #2e70a3 , #183156 ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #2e70a3 , #183156 ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #2e70a3 , #183156 ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #2e70a3 , #183156 ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
}

.itemReservarSolic-ver{
    font-size: .9em !important;
    color: #FFFFFF !important;
}
.itemReservarSolic-alter{
    font-size: .9em !important;
    color: #FFFFFF !important;
}
.itemReservarSolic-excl{
    font-size: .9em !important;
    color: #FFFFFF !important;

}

.btn-list-usu{
    text-shadow: none !important;
    color:#fff !important;
    font-size: 1em !important;


}

#dtLivroListas .ui-btn-inner{
    color:#fff !important;
    text-shadow: none;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
}
#j_idt138 .ui-btn-inner{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}
.btns-minha-biblio .ui-widget-content{
    background: -webkit-linear-gradient( #2e70a3 , #183156 ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #2e70a3 , #183156 ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #2e70a3 , #183156 ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #2e70a3 , #183156 ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    margin: 0 auto;
    text-align: center !important;
    border: #FFFFFF !important;
}



/*BOTAO ENVIAR - MINHA BIBLIOTECA*/
.btn-email{
    color:#FFFFFF !important;
    text-shadow: none;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important;  
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important;  
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important;
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important;  
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    font-size: .8em;
    padding: .2em;

}
/*MINHA BIBLIOTECA*/

.grid-btns .ui-widget-content{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    border: #FFFFFF !important;
}

#btn-adic .ui-btn-inner{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}
.wrapper .ui-block-c .ui-btn-inner{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}
.gridListsUsers{
    color: #000;
}
/*CSS PARA TODOS .ui-collapsible-heading*/

/*CLASSE NATIVA17*/
.wrapper .ui-collapsible-heading .ui-btn-inner{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important;  
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important;  
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important;
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important;  
    border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}
/*MUDA OS ÍCONES DOS ACORDEONS*/

/*CLASSE NATIVA18*/
.wrapper .ui-collapsible-heading .ui-icon{
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important;  
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important;  
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important;
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important;  
}

.wrapper #j_idt126 .ui-btn-inner{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}



.wrapper #salve .ui-btn-inner{
    text-shadow: none !important;
    color:#fff !important;
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}
/*RESERVAR/SOLICITAÇÃO*/
.wrapper .itemReservarSolic-um .ui-btn-inner{
    font-size: .9em !important;
    text-shadow: none !important;
    color:#fff !important;
    padding: 1em;
    background: -webkit-linear-gradient( #2e70a3 , #183156 ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #2e70a3 , #183156 ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #2e70a3 , #183156 ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #2e70a3 , #183156 ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
}


/*BOTÃO POPUP*/
.wrapper .btn-reserv{
    color:#fff !important;
    font-size: 1em !important;
    text-shadow: none !important;
    background: -webkit-linear-gradient( #2e70a3 , #183156 ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #2e70a3 , #183156 ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #2e70a3 , #183156 ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #2e70a3 , #183156 ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
    padding: 10px 20px !important;
    text-align: center !important;
}


.wrapper .btn-close{
    color:#fff !important;
    font-size: 1em !important;
    text-shadow: none !important;
    background: -webkit-linear-gradient( #2e70a3 , #183156 ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #2e70a3 , #183156 ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #2e70a3 , #183156 ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #2e70a3 , #183156 ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
    padding: 10px 20px !important;
    text-align: center !important;
}
.wrapper .btns-align-grid{
    margin: 0 auto !important;
    text-align: center !important;
    padding: 10px !important;

}
.wrapper .change-icon .ui-btn-inner {
    background:#000 !important;
}
/*COMENTAR TÍTULO*/
.wrapper #j_idt207\:j_idt1462\:btnComentario{
    background: E3E3E3;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
    border: solid 2px #9ea0a1 !important;
}
.wrapper #j_idt207\:j_idt1462 .ui-btn-text{
    color:#000 !important;
    text-shadow: none !important;
}
/*ADICIONAR RESENHA*/
.wrapper #j_idt207\:j_idt1466\:btnResenha{
    background: #E3E3E3;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
    border: solid 2px #9ea0a1 !important;
}
.wrapper #j_idt207\:j_idt1466 .ui-btn-text{
    color:#000 !important;
    text-shadow: none !important;
}
/*ENVIAR EMAIL*/
.wrapper #j_idt207\:pnlMsgEmail\:btnEmail{
    background: #E3E3E3;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
    border: solid 2px #9ea0a1 !important;
}
.wrapper #j_idt207\:pnlMsgEmail .ui-btn-text{
    color:#000 !important;
    text-shadow: none !important;
}
/*ABNT*/
.wrapper #j_idt207\:pnlMsgEmail\:fmtEmail{

}
.wrapper #j_idt207\:pnlMsgEmail .ui-btn-text{
    color:#000 !important;
    text-shadow: none !important;
}

/*MINHA BIBLIOTECA - EDITAR*/
.wrapper #j_idt135{
    background: transparent !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;

}
.wrapper .btn-edit{


}
.wrapper #btnExcluiLista{
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */ 
    border-radius:10px 10px 10px 10px !important; ;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    margin: 0 auto !important;
    text-align: center !important;
    opacity: 1 !important;
    z-index: 0 !important;
}


.wrapper #j_idt136{
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */    
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}

.wrapper #j_idt132{
    background: #FFF !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}

/*EDITAR*/
.wrapper #j_idt133 .ui-btn-text{
    color:#fff !important;
    text-shadow: none !important;
}
/*MAIS*/
.wrapper #j_idt163{
    background: #fff !important;

}
/*EDITAR*/
.wrapper #j_idt165{
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */    
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    opacity: 1 !important;
    z-index: 0 !important;
}
.wrapper #j_idt134 .ui-btn-text{
    color: #fff !important;
    text-shadow: none !important;
    margin-right: 20px !important;
}
/*TABELA*/

.wrapper .tabela-inv .ui-widget-content{
    border: 1px solid #fff !important;
    width: 100% !important;

}
/*EXCLUIR*/
.wrapper #j_idt129 .ui-btn-inner{
    background: -webkit-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #9ea0a1 , #3a3a3a ) !important; /* Standard syntax */    
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;

}
.wrapper #j_idt129 .ui-btn-text{
    color: #fff !important;
    text-shadow: none !important;
}
/*PERSONALIZACAO DO MATRICULA BB*/

.btnMatribb .ui-btn-inner{

    background: -webkit-linear-gradient( #2e70a3 , #183156 ) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #2e70a3 , #183156 ) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #2e70a3 , #183156 ) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient( #2e70a3 , #183156 ) !important; /* Standard syntax */
    -moz-border-radius:10px 10px 10px 10px !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
}
.btnMatribb a{
    text-decoration: none !important;
}
.btnMatribb .ui-btn-text{

    color: #fff !important;
    text-shadow: none !important;
}
#j_idt129 .ui-btn-inner{

}
.espacamento{
    height: 0px !important;
}

/*carteirinha mobile*/

.container-carteirinha{

    height: 89vw;

    width: 149vw;

    border:5px solid black;

    box-shadow:0 0 0 7px #fff,0 0  8px 5px #000;

}

.card-carteirinha{

    margin:0 30px;

    height:50%;

    width:80%;

    background-color:#fff;

    border:5px solid black;

    box-shadow:0 0 0 7px #fff,0 0  8px 5px #000;

    box-sizing: border-box;

}

.nome{

    font-size: calc(1em + 2vw);

    font-family: Arial;

    margin: 40% 10px 0px 10px;

}

.nascimento{

    font-size: calc(1em + 2vw);

    font-family: Arial;

    margin: 0px 10px 0px 10px;

}

.dados{

    width: 100%;

    height: 65%;

}

.barcode{

    width: 100%;

    height: 35%;

    display: block;

    text-align: center;

    background-color: white;

}

.barra{

    font-size: calc(1em + 1vw);

    height: 84%;

}

.codigo{

    font-size: calc(1em + 1vw);

}

.imagem{

    width: 25%;

}

.logo{

    width: 35%;

    height: 40%;

}

.info{

    width: 60%;

    height: 100%;

}

.dados{

    display: flex;

    align-items: wrap;

}

.foto-carteirinha{

    width: 40%;

    height: 100%;

}

.carteirinhaUsuario_foto{

    width: 60%;

    margin-top: 10%;

    margin-left: 20%;

}

.codigoBarrasMatriculamobile{

    height: 74%;

}

.ui-content.ui-body-a{

    margin: 15px;

}


/* Fim do CSS da carteirinha de usuário */

/*css politica de cokkie */

.panel-aviso-cookie{
    align-items: center; 
    background: #468ccfad;
    justify-content: space-between; 
    bottom:80px;
    position: fixed;
    height: 250px;
    display:flex;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
    max-height: 90%;
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    border-radius: 17px;
}

#CokieContainer{

    display: inline-block; 
    align-items: center; 
    padding: 20px; 
    justify-content: space-between;

}



.buttonCokkie{

    padding: 10px 30px;
    border: none !important;
    border-radius: 20px;
    cursor: pointer;
    line-height: 1;
    letter-spacing: 0;
    text-align: center !important;
    width: 80px;
    height: 40px;

}

.texto-panel-avisocookie{

    font-size: 17px;
    font-family: sans-serif;
    margin-right: 10px;
    margin-bottom: 30px;
    display: block;
    color: white;
    word-wrap: break-word;
    text-align: justify;
}



.divCookie{
    min-width: 90%;
    max-width: 100%;
    min-height: 0;
    max-height: 100%;

}

#botoes_cookie{
    display: flex; 
    justify-content: space-between; 
    gap:12px;

}

.buttonCokkieAceitar.ui-state-default, .buttonCokkieAceitar.ui-widget-content, .buttonCokkieAceitar .ui-state-default{

    background-color: #63b6ff;
}



.buttonCokkieAceitar {

    color: rgb(255, 255, 255);
    background: rgb(0, 159, 255);
    border: 1px solid rgb(0, 221, 128);
    box-shadow: rgb(44, 171, 191) 0px 10px 28px -12px;
    transition: transform .2s; 

}

buttonCokkieAceitar:hover{
    transform: scale(1.5);  
}

#TermosdeusoLink{

    color:#2e70a3;
    font-weight: bold;
    display: inline-block !important;

}


@media (max-width: 600px){
    .ui-navbar li .ui-button {
        font-size: 12.5px;
        display: block;
        width: 100%;
        height: 40px;
        margin: 0px;
        padding: 2px;
        text-align: center;
        border-right-width: 0;
        box-sizing: inherit;
        white-space: inherit;
    }
}

.centralizadorLogin{
    height: 39px;
    margin-bottom: 18px;
    text-align: center;
    padding-top: 15px;
    border-bottom-width: 10px;
    color: white;
    font-family: Helvetica;
    font-size: 18px !important;
    border-radius: 20px 1px 20px 1px;
}

.label {
    word-break: keep-all;
    font-weight: bold;
    vertical-align: top;
}

.value {
    word-break: keep-all;
    width: 55%;  /* Ajuste a largura do valor */
    text-align: left;
    font-size: 14px;
}

h:panelGroup {
    margin-bottom: 10px;
}

.exemplares {
    text-align: center;
    word-break: break-all;
}

.condicaoPesAvanc{
    font-size: 14px;
    min-height: 3em !important;
}

.msgAvisoMalote {
    border: thin solid red;
    color: red;
    display: block;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px; }


/* 
    estilizacao do precadastro
*/
li.ui-wizard-step-title.ui-state-default.ui-state-highlight.ui-corner-all{
    background: var(--bg-btnLogin) !important;
    color: white;
}

li.ui-wizard-step-title.ui-state-default.ui-corner-all{
    background: whitesmoke;
    color: black;
    font-weight: normal;
}

/* estilizacao dos steps do pre cadastro*/
ul.ui-wizard-step-titles.ui-helper-reset.ui-helper-clearfix {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

/*button next step - precadastro*/
button#j_idt432\:j_idt160_next {
    background: red;
    color: white;
}

button#j_idt432\:j_idt160_next:hover {
    border: 1px solid yellow;
}

.frmPrecadastro_comandbuttonbuscarCep{
    background-color: red;
    color: white;
    height: 35px
}

.frmPrecadastro_comandbuttonbuscarCep:hover{
    border: 1px solid yellow;
    height: 40px
}

.frmPrecadastro_inputTextNumero{
    width: 10%;
    height: 35px;
    border-radius: 5px;
    margin-right: 2px;
}

.frmPrecadastro_inputTextComplemento{
    width: 20%;
    height: 35px;
    border-radius: 5px;
    margin-right: 2px;
}

.frmPrecadastro_confirmEmail_container{
    display: flex;
    flex-wrap: wrap;
}

.frmPrecadastro_confirmEmail_subcontainer{
    width: 100%;
    font-size: 1.1em;
    margin: 10px;
}

button.ui-wizard-nav-back{
    display: none !important;
}

button.ui-wizard-nav-next{
    display: none !important;
}
/* problema com combos em periodico tab colecao */

.frmPrecadastro{
    width: 95%;
    margin: 0px auto;
    border: 5px solid #e1e1e1;
    box-shadow: 4px 4px 6px 6px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.frmPrecadastro_label {
    margin: 5px;
}

.h1frmPrecastro{
    color: #646464;
    font-family: Arial,sans-serif;
    font-weight: bold;
}
.frmPrecadastro_inputText{
    height: 35px;
    width: 86%;
    margin:5px 0px 20px 2px; 
    border-radius: 5px;
}

/*
    estilos para campos de formularios nao preenchidos ou errados
*/
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error frmPrecadastro_inputText{
    border: 1px solid red !important;
}