/* -------------------------------------------------------------------------------- */
/*
             ____                                                
		    / __ \___  _________ _____ _____ ___  __  ______ ___ 
		   / /_/ / _ \/ ___/ __ `/ __ `/ __ `__ \/ / / / __ `__ \
		  / ____/  __/ /  / /_/ / /_/ / / / / / / /_/ / / / / / /
		 /_/    \___/_/   \__, /\__,_/_/ /_/ /_/\__,_/_/ /_/ /_/ 
		       

*/
/* -------------------------------------------------------------------------------- */

/*

 =========================================================
 	Pergamum - v10.0
 =========================================================
 
	*	Pergamum 					 
	*	by Bourscheid, Ricardo 	 
	*	2020 						 

*/

/* -------------------------------------------------------------------------------- */
		
/* -- BG  -- */			
		.bannerlogin
			{				
				background-size: cover;
				background-position: center;
			}
		.bkdark70_0			{	background-color: rgba(  0,   0,   0, 0.70);	}	
		.bkmontanha 
			{
			    background-image: url(../../resources/img/montanha.png);
			    background-position: center;
			    background-size: cover;
			}
		.card [data-background-color="filtro"] {		    
			    box-shadow: 
					    0 12px 20px -10px rgba(78, 130, 74, 0.3), 
					    0 4px 20px 0px rgba(21, 93, 16, 0.1), 
					    0 7px 8px -5px rgba(78, 130, 74, 0.2);				
			    background-image: url(../../resources/img/montanha.png) , url(../../resources/img/card_filtro.svg);
			    background-size: 100%;
			    background-position: 0px 50%, center;
			}
		.imgFilter
			{
				background-image: url(../../resources/img/filter-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 16px;
			}
		.imgCalendar
			{
				background-image: url(../../resources/img/calendar-alt-regular.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 16px;
			}
		.imgTimes
			{
				background-image: url(../../resources/img/times-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 12px;
			    padding: 6px 8px;
			}
		.imgPencil
			{
				background-image: url(../../resources/img/pencil-alt-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 12px;
			    padding: 6px 8px;
			}
		.imgTimesBranco
			{
				background-image: url(../../resources/img/times-solid_branco.svg);
			    background-position: 7px;
			    background-repeat: no-repeat;
			    background-size: 12px;
			    padding: 6px 8px;
			}
		.imgCheckBranco
			{
				background-image: url(../../resources/img/check-solid_branco.svg);
			    background-position: 7px;
			    background-repeat: no-repeat;
			    background-size: 12px;
			    padding: 6px 8px;
			}
		.imgPlus
			{
				background-image: url(../../resources/img/plus-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 18px;
			    padding: 6px 8px;
			}
		.imgIdcard
			{
				background-image: url(../../resources/img/id-card-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 20px;
			    padding: 6px 8px;
			}
		.imgImage
			{
				background-image: url(../../resources/img/image-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 20px;
			    padding: 6px 8px;
			}
		.imgEntrada
			{
				background-image: url(../../resources/img/arrow-right-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 15px;
			    padding: 6px 8px;
			}
		.imgSaida
			{
				background-image: url(../../resources/img/arrow-left-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 15px;
			    padding: 6px 8px;
			}
/* -- .BG  -- */		

/* -- MARGIN -- */
		.mgeral-5		{	margin: -5px;	}
/* -- .MARGIN -- */

/* -- CARD -- */
		.card 	
			{
			    display: inline-block;
			    position: relative;
			    width: 100%;
			    margin: 20px 0 5px 0;
			    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.05);
			    border-radius: 3px;
			    background: #fff;
			    border: 1px solid rgba(0,0,0,.05) !important;
			}
		 .card .card-header .title 
		 	{
		    	color: #FFFFFF;
			}
		h4 	
			{
			    font-size: 1.3em;
			    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
		    	font-weight: 300;
		    	line-height: 1.1;
		    	margin-bottom: -5px;
			}
		.cardVazio .card-header, .card .card-header 
			{	   
			    margin: -20px 15px 12px 15px;
			    border-radius: 3px !important;
			    padding: 3px 10px 5px 10px;	    
			}
		.card [data-background-color] 
			{
			    color: #FFFFFF;
			}
		.card-header 
			{	   
			    border-bottom: 1px solid rgba(0,0,0,.125);
			}
		.card .title 
			{
			    margin-top: 0;
			    margin-bottom: 0px;
			}
/* -- . CARD -- */

/* -- ESTRUTURAS -- */
		.canto_inclinado
			{
				transform: skewX(-12deg); 
				margin: -0 -90px 0 90px;
			}
		[data-simplebar] {
		      overflow: auto;
		    }
		.numeroAlertas {
			width: 26px;
		    height: 26px;
		    position: absolute;
		    margin-top: -8px;
		    margin-left: -8px;
		}
		.btnFooterMarc {
			position: fixed;
			bottom: 10px;
			right: 300px;
			z-index: 5;
		}
		.fixedFooter {
			position: fixed;
			bottom: 0px;
			left: 0px;
			right: 0px;
			z-index: 5;
		}
		.teste .z-popup-content{
			background-color: rgba(0,0,0, 0.7);
		}
		.btnLabelView .label
			{	display: inline-block;
			    transition: All 0.4s ease;
			    width: 0px;
			    overflow: hidden;		
			}
		.btnLabelView:hover .label 	
			{	display: inline-block;
			    transition: All 0.4s ease;
			    width: auto;
			    overflow: inherit;		
			}
		
/* -- .ESTRUTURAS -- */

/* -- COMPONENTES - JSP -- */
		select,
		input[type=text],
		input[type=password],
		input[type=date]
			{
				padding: 8px;
			    font-size: 14px!important;
			    font-weight: 300;
			    border: none;
			    background: #FFF;			    
			    border-radius: 5px;
			    /*width: 100%;*/
			    margin-top: 2px!important;
			    border-style: solid ;
			    border-color: rgb(0 0 0 / 15%);
			    border-width: 1px;
			}	
		input:read-only
			{
				background-color:rgb(0 0 0 / 6%);
			}
		#id_calendar,
		#id_cor_marc,
		#id_login,
		#id_lider,
		#id_pesquisa_autoridade_sub,
		#id_tesauro,
		#layer_rfidbrasil,
		#id_tableAfastamento,
		#id_titulo_transf,
		.layer_jsp,
		.layer_jsp_z18,
		#id_historico_marc,
		#id_area,
		#id_uo,
		#id_situacao,
		#id_importacao_lista,
		#id_tela_cheia,	
		#div_inclusao_exemplares,
		#id_motivoColecaoExemplar,
		#id_arvore,	
		#id_vinculos_kardex,
		#id_acervo_nao,
		#id_CCN,
		#id_historico_acervo,
		#id_complemento_mostrar,
		#id_complemento,
		#id_ordenar_campo,
		#id_alterar_campo,
		#id_remissivas
			{
				position:fixed !important;
				width:100%;
				height:100%;
				z-index:99;
				background: rgba(0 0 0 / 0.8);
				visibility: hidden;
				left: 0px;
				top: 0px;
				overflow-y: auto;
			}
			
		#id_duplicatas_kardex
			{
				position:fixed !important;
				width:100%;
				height:100%;
				z-index:100;
				background: rgba(0 0 0 / 0.8);
				visibility: hidden;
				left: 0px;
				top: 0px;
				overflow-y: auto;
			}
		
		.divIncluirSubCampo,
		#id_selecao_titulo,
		#id_devolucao,
		#id_emprestimo,
		#idAlertas,
		#div_wrapper_pagamento
			{
				position:fixed !important;
				width:100%;
				height:100%;
				z-index:99;
				background: rgba(0 0 0 / 0.8);
				left: 0px;
				top: 0px;
				padding: 20px;
			}
		.divIncluirSubCampo,
		#id_selecao_titulo,
		#id_devolucao,
		#id_emprestimo,
		#idAlertas,
		#div_wrapper_questionario
			{
				position:fixed !important;
				width:100%;
				height:100%;
				z-index:99;
				background: rgba(0 0 0 / 0.8);
				left: 0px;
				top: 0px;
				padding: 20px;
			}
		#idNovidadesVersao
			{
				position:fixed !important;
				width:100%;
				height:100%;
				z-index:99;
				background: rgba(255 255 255 / 0.9);
				left: 0px;
				top: 0px;
				padding: 20px;
			}
		/*#id_arvore {
				position:absolute;
				left:363px;
				top:85px;
				width:400px;
				height:250px;
				z-index:75;
				background:  rgba(0 0 0 / 0.8);;
				padding: 5px;
				visibility: hidden;
				overflow: auto;
			}*/
		.janela_etiquetas {
				padding: 10px;
			    height: 140px;
			    overflow: auto;
			    background-color: #FFFFFF;
			    border: solid #CCC 1px;
			    border-radius: 5px;
			}	
		.tab_marc_tamanho {
				height: 250px;
				width: 100%;
				border: none;				
				overflow: auto;
				padding: 2px;
			}	
		textarea	{	line-height: 1.3em  !important; 	}	
		
		.ui-accordion .ui-accordion-content {	padding: 5px!important; 	}
		
		
		
		.meioAlerta{			
			margin: 50px auto auto auto;
			/* width: auto; */				
			border: 5px rgba(var(--ceu), 0.3) solid;
			border-radius: 5px;
			background-color: #FFF;			
			
			-webkit-box-shadow: 0 0 5px 2px #333;
			box-shadow: 0 0 5px 2px #333;
		}
		
		.meioAlerta .topoLayer{	
			padding: 10px;
			/*border-radius: 5px 5px 0px 0px;*/
			box-shadow: 0 12px 20px -10px rgba(var(--ceu), 0.3), 0 4px 20px 0px rgba(var(--ceu), 0.1), 0 7px 8px -5px rgba(var(--ceu), 0.2);
		    background: url(../../resources/img/montanha.png) , url(../../resources/img/card_tema.svg) , rgba(var(--ceu),1);
		    background-size: 100%;
		    background-position: 0px 50%, center;
			color: #FFF;
			font-weight: bold;	
			font-family: verdana;
			font-size: 12px;
		}
		
		.container.tabela .row:nth-child(odd) {		background-color: rgba(0,0,0, .03)	}
		
		.w300 	{	width: 300px						}
		.movX1 	{	transform: translateX(-270px);		}
		.ml-220 {	margin-left: -260px					}
		.ml-390 {	margin-left: -390px					}
		.txtLateral, 
		.txtLateral2,
		.txtLateral3  {	
			transform: rotate(270deg);
		    position: absolute;
		    margin-top: 90px;
		 }
		.txtLateral 	{	margin-left: -15px;		 }
		.txtLateral2 	{	margin-left: -5px;		 }
		.txtLateral3 	{	margin-left: -25px;		 }
				
/* -- .COMPONENTES - JSP -- */



/* -- MENU -- */
		.menuOut 	{	transform: translateX(-380px); opacity: 0;	}
		.menuIn 	{	transform: translateX(0px); opacity: 1;	}
/* -- .MENMU -- */

/* -- INPUT CARACTERE POR CARACTERE - CONFIRMAÇÃO DE CÓDIGO P/ TROCAR SENHA -- */
		input.inputCodigoSenha {
			display: block !important;
			border: none !important;
			padding: 0 !important;
			width: 10.5ch !important;
			background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.5ch) 0 100%/ 10ch 2px no-repeat !important;
			font: 5ch droid sans mono, consolas, monospace !important;
			letter-spacing: 0.5ch !important;
			box-shadow: none !important;
		}
		input.inputCodigoSenha:focus {
			outline: none !important;
			color: dodgerblue !important;
		}		
/* -- .INPUT CARACTERE POR CARACTERE - CONFIRMAÇÃO DE CÓDIGO P/ TROCAR SENHA -- */

/* -- INPUT GERAL » JSP POR EXEMPLO -- */
		input:focus,
		input[type=text]:focus
			{				
				box-shadow: inset 0px -2px #419F42,  0px 2px 4px 0px rgba(76, 175, 80, 0.28) !important;
				
			}
			
/* -- .INPUT GERAL » JSP POR EXEMPLO -- */	

/* -------------------------------------------------------------------------------- */
/* --- MEDIAS QUERY --- */

	@media (min-width: 576px) 
		{ /*...*/ }
	
	
	@media only screen and (max-width: 768px) 
		{ /*...*/ }
		
	@media only screen and (max-width: 991px) 
		{ /*...*/ }
		
	@media (min-width: 992px) 
		{ /*...*/ }
	
	@media (min-width: 1200px) 
		{ /*...*/ }
		
/* --- .MEDIAS QUERY --- */
/* -------------------------------------------------------------------------------- */	




/* -------------------------------------------------------------------------------- */
/*
			 
		   ____     __       __
		  / __ \   / /  ____/ /
		 / / / /  / /  / __  / 
		/ /_/ /  / /  / /_/ /  
		\____/  /_/   \__,_/   
			                 			                 
                 
*/                 
/* -------------------------------------------------------------------------------- */

/* --- tabelas --- */
		.borda_tab_tp,
		.borda_tab_10,		
		.borda_tab {			
				font-size: 14px;
				color: #666666;
				border-width: 1px;
				border-style: solid;
				border-top-color: #FFFFFF;
				border-right-color: #FFFFFF;
				border-bottom-color: #C6DCE3;
				border-left-color: #C6DCE3;			
				vertical-align: middle;
				padding: 5px 0px;
				font-weight: 400;
			}
		.divTxt			{	font-weight:  700;		font-size: 14px;		}
		.borda_tab_10_write {			
				font-size: 12px;
				color: #666666;
				border-width: 1px;
				border-style: solid;		
				border-top-color: #FFFFFF;
				border-right-color: #FFFFFF;
				border-bottom-color: #CCCCCC;
				border-left-color: #CCCCCC;
				padding: 5px 0px;
				/*height: 30px;*/
				vertical-align: middle;
				background-color: #f7f7f7;
				font-weight: 400;
			}
		.divFoto img, .img_capa_zk	{	width: 80px;	}
		.gridZK{
			border: 1px solid #CFCFCF;
			padding: 3px;
			margin: 10px 0px 0px 0px;
			border-radius: 2px;
		}
		.gridZK th{
			background: linear-gradient(to bottom, #FEFEFE 0%, #EEEEEE 100%);
			font-weight: 900;
			border:1px solid #CFCFCF;
		}
		.gridZK th, 
		.gridZK td 
			{
				font-family: 'Roboto', serif !important;
    			font-size: 14px;
    			color: rgba(0,0,0,.8);
    			padding: 4px 5px;
			}	
		.gridZK tr:nth-child(even) 	{	background: #f7f7f7;}
		.gridZK tr:nth-child(odd) 	{	background: transparent;}
		
		.important_box_branco 
			{
			    border: none !important;
			    color: #ffffff !important;
			    width: 1px !important;
			    background-color: #FFFFFF !important;			    
			    display: none;
			}
/* --- tabelas --- */

/* --- aba --- */
		.aba_ativa,
		.aba_inativa
			{
				font-family: 'Roboto', serif !important;
				width: 150px;
				font-size: 14px;
				font-weight: 700;
				text-align: center;
				border-style: solid solid none solid;
				margin-right: 5px;
				border-radius: 5px 5px 0 0;
			}
		.aba_ativa {
			color: #FFFFFF;
			background-color: #00B394;
			border-width: 3px;
			border-color: #00B394;			
			padding: 7px 2px;
		}
		.aba_inativa {
			color: #333333;
			border-width: 1px;
			border-color: #c0c0c0;
			background-color: #CCCCCC;
			padding: 5px 2px;
		}
		.box_ativo {
			border-style: solid;
			background-color: #FFFFFF;
			border-width: 3px;
			border-color: #00B394;
			border-radius: 2px;
		}
/* --- .aba --- */

/* --- botões --- */
		.btn_link_agenda{
			width: 15px;
			height: 10px;
			cursor: pointer;
			background-color: #0000cd;
			border-style: none;
		}
		.btn_link_agenda:hover{
			background-color: #32cd32;
		}
/* --- botões --- */

/* --- checkbox --- */		
	    input[type=radio],
		input[type=checkbox] {
         	position: relative;
	       	cursor: pointer;
	       	margin-right: 10px;
	    }
	    input[type=radio]:before {
	        content: "";
		    display: block;
		    position: absolute;
		    width: 20px;
		    height: 20px;
		    top: 0;
		    left: 0;
		    border: 2px solid #555555;
		    border-radius: 3px;
		    background-color: white;
		    margin-top: -2px;
		    border-radius: 50%;
		}
	    input[type=checkbox]:before {
	        content: "";
		    display: block;
		    position: absolute;
		    width: 20px;
		    height: 20px;
		    top: 0;
		    left: 0;
		    border: 2px solid #555555;
		    border-radius: 3px;
		    background-color: white;
		    margin-top: -2px;
		}
		input[type=radio]:checked:after,
	    input[type=checkbox]:checked:after {
	         content: "";
		     display: block;
		     width: 6px;
		     height: 10px;
		     border: solid black;
		     border-width: 0 2px 2px 0;
		     -webkit-transform: rotate(45deg);
		     -ms-transform: rotate(45deg);
		     transform: rotate(45deg);
		     position: absolute;
		     top: 1px;
		     left: 7px;
		}
		input[type=radio]:checked:disabled:after,	
		input[type=checkbox]:checked:disabled:after {
	         content: "";
		     display: block;
		     width: 6px;
		     height: 10px;
		     border: solid rgba(0,0,0,.5);
		     border-width: 0 2px 2px 0;
		     -webkit-transform: rotate(45deg);
		     -ms-transform: rotate(45deg);
		     transform: rotate(45deg);
		     position: absolute;
		     top: 1px;
		     left: 7px;
		}		
		input[type=checkbox]:disabled:before {
	         content: "";
		     display: block;
		     position: absolute;
		     width: 20px;
		     height: 20px;
		     top: 0;
		     left: 0;
		     border: 2px solid #777;
		     border-radius: 3px;
		     background-color: #CCC;
		     margin-top: -3px;
		     cursor: no-drop;
		}
		input[type=radio]:disabled:before {
	         content: "";
		     display: block;
		     position: absolute;
		     width: 20px;
		     height: 20px;
		     top: 0;
		     left: 0;
		     border: 2px solid #777;
		     border-radius: 3px;
		     background-color: #CCC;
		     margin-top: -3px;
		     cursor: no-drop;
		     border-radius: 50%;
		}
/* --- .checbox --- */

/* --- menu --- */
		.bt_menu_sub2,
		.bt_menu_sub3,
		.bt_menu_sub4{
				font-family: 'Roboto', serif !important;
    			font-size: 14px;
    			color: rgba(0,0,0,.7); 
    			display: block !important;
    			padding: 2px;   
    			border-radius: 2px;			
			}
		.bt_menu_sub2
			{
				font-weight: 900;
				margin-top: 10px;
				padding-top: 10px;
				border-top: 1px solid rgba(0,0,0,.1);
			}
		.bt_menu_sub3
			{
				font-weight: 700;
				padding-left: 30px;
			}
		.bt_menu_sub4
			{
				font-weight: 500;
				padding-left: 60px;
			}
		.bt_menu_sub2:hover,
		.bt_menu_sub3:hover,
		.bt_menu_sub4:hover{
				/*text-decoration: underline;*/
				background: rgba(0,0,0,.7);
				color: #fff;
				transition: All 0.4s ease; 			
			}
/* --- .menu --- */

/* --- classes da tela relatório --- */
		.janela_relatorio_check
			{
				height: 200px;
				overflow: auto;
				border: 1px solid rgba(0,0,0,.1);
				padding: 5px; 
				font-size: 14px; 
				margin: 5px 5px 0 5px;
			}
		.janela_relatorio_check .tab_relatorio2:nth-child(even),
		.janela_relatorio .tab_relatorio2:nth-child(even) 			
			{	background: #f7f7f7;		padding: 2px 0 2px 10px;		}
		.janela_relatorio_check .tab_relatorio2:nth-child(odd),
		.janela_relatorio .tab_relatorio2:nth-child(odd) 			
			{	background: #fff;			padding: 2px 0 2px 10px;		}	
		

		#id_tela_relatorio table:nth-child(even) 		{	background: #f7f7f7;	margin: 2px 0;		}
		#id_tela_relatorio table:nth-child(odd) 		{	background: #fff;	  	margin: 2px 0;		}
		#id_tela_relatorio table td 					{	padding: 5px;		}
		
		.janela_relatorio,
		.janela_relatorio9
			{
				border: 1px solid rgba(0,0,0,.1);
				padding: 5px; 
				font-size: 14px; 
    			margin: 5px 5px 0 5px;
    			height: 200px;
				overflow: auto;
			}
		
		 u {
		/* --- 	text-decoration: none;  --- */
		 		font-family: 'Roboto', serif !important;
    			font-size: 14px;
    			color: rgba(0,0,0,.7);
    			margin-left: 5px;
		 	}
		 	
		 .tab_relatorio2 label
		 	{
		    	margin-bottom: 0rem;
		 	}
/* --- .classes da tela relatório --- */

/* --- topo MODAL JSP --- */
		.header-modal-jsp	{		    
		    margin: -49px -5px 0px -5px;
		    font-size: 15px;
		    font-weight: 500;		    
		    color: #FFF;
		    padding: 5px 5px 5px 10px;
		}		
/* --- topo MODAL JSP --- */


.fa-rotate-45 {
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fa-rotate-45-neg {
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}