/* -------------------------------------------------------------------------------- */
/*
	    __                     __        __                 ____  __  ______  ____
	   / /_  ____  __  _______/ /___  __/ /__              / __ \/ / / / __ )/  _/
	  / __ \/ __ \/ / / / ___/ __/ / / / / _ \   ______   / /_/ / / / / __  |/ /  
	 / /_/ / /_/ / /_/ (__  ) /_/ /_/ / /  __/  /_____/  / _, _/ /_/ / /_/ // /   
	/_.___/\____/\__,_/____/\__/\__, /_/\___/           /_/ |_|\____/_____/___/   
	                           /____/                                             

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

/*

 =========================================================
 	Pergamum - v10.0 - SAFIRA - RGB(var(--tema))
 =========================================================
 
	*	Tema / RUBI 					 
	*	by Bourscheid, Ricardo 	 
	*	2020 						 

*/

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


/* -- BG  -- */				
		.bktema 		{	background-color: rgba(var(--tema), 1)	!important; 	transition: All 0.4s ease;	}		
		.htema:hover	{	background-color: rgba(var(--tema), 1) !important;		-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}			
		.bktema2		{	background-color: rgba(var(--tema), 0.02) !important;		}
		.bktema5		{	background-color: rgba(var(--tema), 0.05) !important;		}
		.bktema10		{	background-color: rgba(var(--tema), 0.1) !important;		}
		.bktema20		{	background-color: rgba(var(--tema), 0.2) !important;		}
		.bktema30		{	background-color: rgba(var(--tema), 0.3) !important;		}
		.bktema40		{	background-color: rgba(var(--tema), 0.4) !important;		}
		.bktema50 		{	background-color: rgba(var(--tema), 0.5) !important;		}
		.bktema60		{	background-color: rgba(var(--tema), 0.6) !important;		}
		.bktema70		{	background-color: rgba(var(--tema), 0.7) !important;		}	
		.bktema80		{	background-color: rgba(var(--tema), 0.8) !important;		}
		.bktema90		{	background-color: rgba(var(--tema), 0.9) !important;		}	
/* -- BG  -- */	

/* -- BG + -- */
	.header-modal-jsp,
	.z-window-header,
	.card [data-background-color="tema"] {
	    /*background: linear-gradient(60deg, #0b2d6c, #2a6ca2);*/
	    box-shadow: 
			    0 12px 20px -10px rgba(var(--tema), 0.3), 
			    0 4px 20px 0px rgba(var(--tema), 0.1), 
			    0 7px 8px -5px rgba(var(--tema), 0.2);
		background: url(../../../resources/img/montanha.png) , url(../../../resources/img/card_tema.svg) , rgba(var(--tema),1);
	    background-size: 100%;
	    background-position: 0px 50%, center;
		}
	.header-modal-jsp		
/* -- .BG + -- */	

/* -- SOMBRA -- */
	.stema,
	.btnstema		
		{	box-shadow: 
			0 12px 20px -10px rgba(var(--tema), 0.42), 
			0 4px 23px 0px rgba(0, 0, 0, 0.12), 
			0 8px 10px -5px rgba(var(--tema), 0.2);			
		}
/* -- .SOMBRA -- */
			
/* -- COR TEXTOS  -- */	
		.cortxt		{	color: 		rgba(var(--tema), 1)		!important;		}  /* cor pura */
		.cortxt10	{	color: 		rgba(var(--tema), 0.1)		!important;		} 	
		.cortxt20	{	color: 		rgba(var(--tema), 0.2)		!important;		} 	
		.cortxt30	{	color: 		rgba(var(--tema), 0.3)		!important;		} 	
		.cortxt40	{	color: 		rgba(var(--tema), 0.4)		!important;		} 	
		.cortxt50	{	color: 		rgba(var(--tema), 0.5)		!important;		} 	
		.cortxt60	{	color: 		rgba(var(--tema), 0.6)		!important;		} 
		.cortxt70	{	color: 		rgba(var(--tema), 0.7)		!important;		} 	
		.cortxt80	{	color: 		rgba(var(--tema), 0.8)		!important;		}	
		.cortxt90	{	color: 		rgba(var(--tema), 0.9)		!important;		} 
/* -- COR TEXTOS  -- */		

/* -- COR BORDA  -- */		
		.b-tema		{	border-color: rgba(var(--tema), 1  )   !important;		}
		.b-tema10	{	border-color: rgba(var(--tema), 0.1)	!important;		}
		.b-tema20	{	border-color: rgba(var(--tema), 0.2)	!important;		}
		.b-tema30	{	border-color: rgba(var(--tema), 0.3)	!important;		}
		.b-tema40	{	border-color: rgba(var(--tema), 0.4)	!important;		}
		.b-tema50	{	border-color: rgba(var(--tema), 0.5)	!important;		}
		.b-tema60	{	border-color: rgba(var(--tema), 0.6)	!important;		}
		.b-tema70	{	border-color: rgba(var(--tema), 0.7)	!important;		}
		.b-tema80	{	border-color: rgba(var(--tema), 0.8)	!important;		}
		.b-tema90	{	border-color: rgba(var(--tema), 0.9)	!important;		}
/* -- COR BORDA  -- */	

/* -- COMPONENTES - JSP -- */		
		select,
		input[type=text],
		input[type=date]   
			{				
			    box-shadow: inset 0px -2px rgba(var(--tema), 30%);
			}
/* -- .COMPONENTES - JSP -- */

/* -- COMPONENTES - zk -- */		
		.z-textbox,
		.z-combobox
			{				
			    box-shadow: inset 0px -1px rgba(var(--tema), 1);
			}
		.z-combobox-input
			{
				box-shadow: inset 0px -1px rgba(255, 255, 255, 1) !important;
				background: none !important;							
			}	
		.z-tab:not(.z-tab-selected):hover {
				background-color: rgba(var(--tema), 0.2);
			}
			.z-tab.z-tab-selected .z-tab-text {
				color: rgba(var(--tema), 1);
				font-weight: 900;
			}
			
		/* Variavel --opcional é setada no servlet TemaSelecionadoServlet conforme o idioma dos arquivos de mensagem.properties */
		
		.opcional:after {
			content: var(--opcional);
			margin-left: 2px;
			font-size: 12px;
			color: rgba(0,0,0,.5);
			font-weight: 500;
		}
		
							
/* -- .COMPONENTES - zk -- */

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