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

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

/*

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

*/

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

	:root{
		--verde:		75, 165, 80;
		--roxo: 		141, 65, 159;
	  	--vermelho: 	255, 0, 0;
	  	--azul: 		0, 188, 212;
	  	--laranja: 		255, 127, 36;
	  	--tiffany: 		8, 124, 162;
	  	--magenta: 		226, 10, 123;
        --amarelo:      240, 173, 78;
	  	--preto: 		0, 0, 0;
	 	--branco: 		255, 255, 255;
	  
	  	--lilas: 		201, 106, 248;
	 	--piscina: 		17, 200, 192;
	  	--orange: 		235, 143, 63;
	  	--musgo: 		45, 179, 135;
	  	--ceu: 			83, 181, 213;
	  	--rosa: 		246, 107, 178;
	  	--neon: 		238, 225, 119;
	  	--tree: 		147, 224, 106;
	}
	
/* -- PADRONIZAÇÃO DA FONT  -- */	
	body,
	.z-label, .z-radio-content, .z-checkbox-content, .z-loading,
	.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox, 
	.z-a, .z-groupbox-content, .z-select, .z-caption-content,
	.z-listheader-content, .z-listcell-content, .z-listgroup-content, .z-listgroupfoot-content, .z-listfooter-content,
	.z-tab-text,
	.z-combo-item .z-combo-item-text, .z-comboitem .z-comboitem-text,
	.z-panel-header,
	.z-column-content, .z-row-content, .z-group-content, .z-groupfoot-content, .z-footer-content,
	.z-comboitem, .z-comboitem a, .z-comboitem a:visited 
		{ 			
			font-family: 'Roboto', serif !important;
			font-size: 14px;			
			/*left:0px; 			
			padding: 0px !important;*/
		}
	.custom-comboitem img {
    	width: 16px; 
    	height: 16px; 
	}
	
/* -- .PADRONIZAÇÃO DA FONT  -- */		


/* -- COMPONENTES - ZK -- */
		.z-row-content, 
		.z-group-content, 
		.z-groupfoot-content, 
		.z-panelchildren,
		.z-listitem.z-listitem-selected>.z-listcell>.z-listcell-content,
		.z-listcell-content,
		.z-footer-content
			{
				color: rgba(0,0,0,.8);	
			}
		.z-label, .z-treecell-text 
			{
	    		font-family: 'Roboto', serif !important;
	   			font-size: 14px;
   			}
		.z-textbox		
			{
				padding: 8px;
			    font-size: 14px!important;
			    font-weight: 300;
			    border: none;
			    background: #FFF;			    
			    border-radius: 5px;
			    width: 100%;
			    margin-top: 2px!important;
			    border: 1px solid #ccc;
			}
		.z-textbox:disabled
			{				
			    box-shadow: inset 0px -1px rgba(0, 0, 0, .5);
			}
		.z-textbox:focus		
			{				
				box-shadow: inset 0px -2px #419F42,  0px 2px 4px 0px rgba(76, 175, 80, 0.28) !important;				
			}
		.z-listitem.z-listitem-selected>.z-listcell	{ 	   background:rgba(255,255,255,0); 	}
		
		tr:nth-child(even).z-listitem.z-listitem-selected  	{ 	   background: rgba(0,0,0,0.03); 	}
		tr:nth-child(odd).z-listitem.z-listitem-selected  	{ 	   background: #ffffff; 	}
	
		.z-panelchildren
			{
				padding: 0px 0px 0px 2px;
			}
	
		.z-caption-content
			{
			    color: #FFF !important;
			    padding: 0 5px;
			    background: rgb(86 94 115);
			    border-radius: 5px;			    
			}
		.groupboxNo .z-caption-content
			{
			    color: #FFF !important;
			    padding: 0 5px;
			    background: rgba(86, 94, 115, 0)!important;
			    border-radius: 5px;			    
			}
		.z-listcell-content:hover 	{ 	padding: 4px 5px;!important	 }
		
		.z-north-body, .z-south-body, .z-west-body, .z-center-body, .z-east-body 
			{	line-height: inherit !important;	}			
		
		.z-north-header, .z-south-header, .z-west-header, .z-center-header, .z-east-header 
			{
			    font-family: 'Roboto', serif !important;
			    font-size: 15px;
			    font-weight: 700;
			    font-style: normal;
			    border-radius: 5px;
			    padding: 4px 0 0px 20px;
		    }
		    
		.z-window-icons
			{	display: initial;	}
			
		.z-messagebox
			{	display: inline-block;
    			margin: 10px;	}
		
		/* TABS */
			.z-tabbox {
				box-shadow: inset -1px 0px 0px 0px rgba($corPreto, 0.05), 0 0 0px 1px rgba(0,0,0, 0.2);
				border-radius: 5px;
				border: 1px solid rgba(0,0,0, 0);
				border-radius: 5px;
			}
			.z-tabs-content {
				background-color: rgba(0,0,0, 0.05);
				box-shadow: inset 3px -3px 8px 0px rgba(0,0,0, 0.1);
				min-height: inherit;
				border-radius: 5px 5px 0 0;
			}
			.z-tab {
				font-family: 'Roboto', serif !important;
				font-size: 15px;
			}
			.z-tab.z-tab-selected {
				border-bottom: none;
				border-radius: 5px 5px 0 0;
			}
			.z-tab:not(.z-tab-selected) {
				background-color: transparent;
			}
			
			.z-tabpanel {
				border-top: none;
				padding: 10px;
			}
			
	/* - ícone search - */
		.z-bandbox-button
			{
				background: transparent !important;
				border: none !important;
			}
	/* - .ícone sarch - */
	
	/* - head do painel - */
		.z-panel-header {
		    font-weight: 700;
		    font-style: none none solid none;
		    color: #000;
		    border: 0;
		    padding: 3px 5px;
		    line-height: 24px;
		    background: #EEE;
		    border: transparent;
		}
		.z-panel-head
			{	background: #EEE;
				border-style: none none solid none;
			}		
	/* - . head do painel - */
	
	
	
	
	
	/* - sem sombra lateral no topo bug - */
		.canto_certo,
		.z-window-content > .z-div:first-child
			{
				margin: -10px 0px 0px -4px;
	    		width: calc(100% + 8px);
			}		
	/* - sem sombra lateral no topo bug - */
	
	/* - combo - */
		.z-combobox		
			{
				padding: 0px 0px 1px 0px;			   
			    border: none;
			    background: #FFF;			    
			    border-radius: 5px;			    
			    /*margin-top: 2px!important;*/
			    border-style: solid solid none solid;
			    border-color: rgb(0 0 0 / 15%);
			    border-width: 1px;
			}
		.z-combobox-input		
			{				
			    font-size: 14px!important;
			    font-weight: 300;
			    border: none;			   
			    width: 100%;			    
			    padding: 8px;		    			   
			}
		.z-combobox-button
			{
				border: none;
			}
		.z-icon-caret-down:before
			{
				content: "\f078";
				font-size: 11px;
    			color: #000;
   			    margin-left: 0px;
			}
		.z-combobox-input[readonly] 
			{
	    		border-color: #ffffff;
			}
	/* - .combo - */
	
	
	/* - btn upload - */
		.z-upload
			{
				background: #FF0;
			}
	
	
	/* - modal - */
		.z-temp, .z-modal-mask 
			{			    
			    background: #000;
			    opacity: .8;
    		}
    	.z-window-header 
    		{
				  font-family: 'Roboto', serif !important;	
				  font-size: 15px;
				  font-weight: 500;
				  font-style: normal;
				  color: #FFF;
				  padding: 5px 5px 5px 10px;
				  overflow: hidden;
				  zoom: 1;
				  cursor: default;				  
				  border-radius: 5px;
				  margin-bottom: 10px;
			}		
	/* - .modal - */
	
	/* - input da paginação - */
		.z-paging-input
			{
				width: 50px !important;
			}
	/* - input da paginação - */
	
	/* - button - */
		button 	
			{ 	
				line-height: normal!important;
				font-family: 'Roboto', serif !important;	 
			}
}
	/* - .button - */
	
	
	
	/* - tela ZK padrão - */

		.z-window-content 
			{
			    border: none;
			   	padding: 0px !important;
			}		
	/* - .tela ZK padrão - */
	
		.z-combobox-input, 
		.z-bandbox-input, 
		.z-datebox-input, 
		.z-timebox-input, 
		.z-spinner-input, 
		.z-doublespinner-input 
			{ 	
				height: auto
			}	
		.z-datebox-button
			{
				border: none;
				margin-left: -2px;
			}
	/* - spinner - */
		.z-doublespinner-button,
		.z-spinner-button
			{
				border: none;
				margin-left: -2px;
			}	
			
	/* - z-caption-content - */
		.zcontent100>.z-caption-content
			{
				width: 100%;
			}
	
	/* - inputs - */
	.z-textbox[disabled], .z-decimalbox[disabled], .z-intbox[disabled], .z-longbox[disabled], .z-doublebox[disabled] 
			{	    color: #646464!important;	}
			
/* -- COMPONENTES - ZK -- */


/* -- check do listbox -- */
	.z-listitem-checkable.z-listitem-checkbox 	{ 	float: left;	margin: 3px 0px 0px 10px;	}
						
						
/* -- BARRA DE PROGRESSO -- */	
	.z-progressmeter {
		border-radius: 20px;
		background-image: url("../img/prgmeter-anim_50.gif");
		text-align: left;
		overflow: hidden;
	}
	.z-progressmeter-image{
		font-size: 0;
		display: inline-block;
		height: 50px;
		line-height: 0;
	}
	.verde .z-progressmeter-image {
		background: rgba(var(--verde) , 0.5);
		border: 1px solid rgba(var(--verde), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--verde), 0.1);		
	}
	
	.roxo .z-progressmeter-image {
		background: rgba(var(--roxo) , 0.5);
		border: 1px solid rgba(var(--roxo), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--roxo), 0.1);		
	}
	.vermelho .z-progressmeter-image {
		background: rgba(var(--vermelho) , 0.5);
		border: 1px solid rgba(var(--vermelho), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--vermelho), 0.1);		
	}
	.azul .z-progressmeter-image {
		background: rgba(var(--azul) , 0.5);
		border: 1px solid rgba(var(--azul), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--azul), 0.1);		
	}
	.laranja .z-progressmeter-image {
		background: rgba(var(--laranja) , 0.5);
		border: 1px solid rgba(var(--laranja), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--laranja), 0.1);		
	}
	.tiffany .z-progressmeter-image {
		background: rgba(var(--tiffany) , 0.5);
		border: 1px solid rgba(var(--tiffany), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--tiffany), 0.1);		
	}
	.magenta .z-progressmeter-image {
		background: rgba(var(--magenta) , 0.5);
		border: 1px solid rgba(var(--magenta), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--magenta), 0.1);		
	}
	.amarelo .z-progressmeter-image {
		background: rgba(var(--amarelo) , 0.5);
		border: 1px solid rgba(var(--amarelo), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--amarelo), 0.1);		
	}
	.preto .z-progressmeter-image {
		background: rgba(var(--preto) , 0.5);
		border: 1px solid rgba(var(--preto), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--preto), 0.1);		
	}
	
	  
	.lilas .z-progressmeter-image {
		background: rgba(var(--lilas) , 0.5);
		border: 1px solid rgba(var(--lilas), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--lilas), 0.1);		
	}
	.piscina .z-progressmeter-image {
		background: rgba(var(--piscina) , 0.5);
		border: 1px solid rgba(var(--piscina), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--piscina), 0.1);		
	}
	.orange .z-progressmeter-image {
		background: rgba(var(--orange) , 0.5);
		border: 1px solid rgba(var(--orange), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--orange), 0.1);		
	}
	.musgo .z-progressmeter-image {
		background: rgba(var(--musgo) , 0.5);
		border: 1px solid rgba(var(--musgo), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--musgo), 0.1);		
	}
	.ceu .z-progressmeter-image {
		background: rgba(var(--ceu) , 0.5);
		border: 1px solid rgba(var(--ceu), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--ceu), 0.1);		
	}
	.rosa .z-progressmeter-image {
		background: rgba(var(--rosa) , 0.5);
		border: 1px solid rgba(var(--rosa), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--rosa), 0.1);		
	}
	.neon .z-progressmeter-image {
		background: rgba(var(--neon) , 0.5);
		border: 1px solid rgba(var(--neon), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--neon), 0.1);		
	}
	.tree .z-progressmeter-image {
		background: rgba(var(--tree) , 0.5);
		border: 1px solid rgba(var(--tree), 0.3);
		box-shadow: inset 0 1px 2px rgba(var(--tree), 0.1);		
	}
	
	.rotulo {
		font-size: 12px;
		font-weight: 700;
		color: rgba(0, 0, 0, 0.8);
		display: block;
		/*margin-left: 10px;*/
	}
/* -- .BARRA DE PROGRESSO -- */					
		
/* --- ALTURAS CHARTS --- */
	.alturaCharts { height: 250px; }
/* --- .ALTURAS CHARTS --- */		
		
/* --- ICONES DO ZK - SETAS --- */
	.z-icon-angle-double-left:before {
	    content: "\f100";
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 900;
	    color: rgba(var(--tema),1);
	    font-size: 22px;
	}
	.z-icon-angle-double-up:before {
	    content: "\f102";
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 900;
	    color: rgba(var(--tema),1);
	    font-size: 22px;
	}
	.z-icon-angle-double-down:before {
	    content: "\f103";
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 900;
	    color: rgba(var(--tema),1);
	    font-size: 22px;
	}
	.z-icon-angle-double-right:before{
	    content: "\f101";
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 900;
	    color: rgba(var(--tema),1);
	    font-size: 22px;
	}
	.z-icon-angle-right:before {
		content: "\f105";
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 900;
	    color: rgba(var(--tema),1);
	    font-size: 22px;
	}
	.z-icon-angle-left:before {
		content: "\f104";
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 900;
	    color: rgba(var(--tema),1);
	    font-size: 22px;
	}
	.z-paging-button[disabled] {
		opacity: .2;
		cursor: no-drop;
	}
/* --- .ICONES DO ZK - SETAS --- */

/* --- POPUP --- */
    .z-popup {
        font-family: "Roboto", sans-serif !important;
        font-style: normal;
        border-radius: 5px;
        background: none;
        border: none
    }
    .z-popup.verde .z-popup-content {
        color: #fff;
        background-color: rgba(var(--verde), 1);
        box-shadow: 0 3px 6px 0 rgba(var(--verde), 0.1), 0 2px 4px 0 rgba(var(--verde), 1);
    }
    .z-popup.roxo .z-popup-content {
        color: #fff;
        background-color: rgba(var(--roxo), 1);
        box-shadow: 0 3px 6px 0 rgba(var(--roxo), 0.1), 0 2px 4px 0 rgba(var(--roxo), 1);
    }
    .z-popup.vermelho .z-popup-content {
        color: #fff;
        background-color: rgba(var(--vermelho), 1);
        box-shadow: 0 3px 6px 0 rgba(var(--vermelho), 0.1), 0 2px 4px 0 rgba(var(--vermelho), 1);
    }
    .z-popup.azul .z-popup-content {
        color: #fff;
        background-color: rgba(var(--azul), 1);
        box-shadow: 0 3px 6px 0 rgba(var(--azul), 0.1), 0 2px 4px 0 rgba(var(--azul), 1);
    }
    .z-popup.laranja .z-popup-content {
        color: #fff;
        background-color: rgba(var(--laranja), 1);
        box-shadow: 0 3px 6px 0 rgba(var(--laranja), 0.1), 0 2px 4px 0 rgba(var(--laranja), 1);
    }
    .z-popup.tiffany .z-popup-content {
        color: #fff;
        background-color: rgba(var(--tiffany), 1);
        box-shadow: 0 3px 6px 0 rgba(var(--tiffany), 0.1), 0 2px 4px 0 rgba(var(--tiffany), 1);
    }
    .z-popup.magenta .z-popup-content {
        color: #fff;
        background-color: rgba(var(--magenta), 1);
        box-shadow: 0 3px 6px 0 rgba(var(--magenta), 0.1), 0 2px 4px 0 rgba(var(--magenta), 1);
    }
    .z-popup.amarelo .z-popup-content {
        color: #fff;
        background-color: rgba(var(--amarelo), 1);
        box-shadow: 0 3px 6px 0 rgba(var(--amarelo), 0.1), 0 2px 4px 0 rgba(var(--amarelo), 1);
    }
    .z-popup.preto .z-popup-content {
        color: #fff;
        background-color: rgba(var(--preto), 1);
        box-shadow: 0 3px 6px 0 rgba(var(--preto), 0.1), 0 2px 4px 0 rgba(var(--preto), 1);
    }
    .z-popup.branco .z-popup-content {
        color: #fff;
        background-color: rgba(var(--branco), 1);
        box-shadow: 0 3px 6px 0 rgba(var(--branco), 0.1), 0 2px 4px 0 rgba(var(--branco), 1);
    }
    .z-popup.degusta .z-popup-content {
        color: #fff;
        background-color: rgba(var(--preto), .9);
        box-shadow: inset 0px 0px 0px 1px rgba(var(--ceu),1), 0 3px 6px 0 rgba(var(--ceu), 0.1), 0 2px 4px 0 rgba(var(--ceu), 1);
        border: 8px solid rgba(var(--ceu),.3);
    }
	.z-popup.degusta-laranja .z-popup-content {
    	color: #fff;
    	background-color: #FFF;
    	box-shadow: inset 0px 0px 0px 1px rgba(var(--laranja),.5), 0 3px 6px 0 rgba(var(--laranja), 0.1), 0 2px 4px 0 rgba(var(--laranja), .5);
    	border: 8px solid rgba(var(--laranja),.2);
	}

/* --- .POPUP --- */

/* --- ICONES NO LAYER --- */
	.z-window-header.z-window-header-move .z-caption .z-caption-content {
		background: transparent;
	}
/* --- .ICONES NO LAYER --- */

/* --- RESPONSIVO --- */
	.z-west-splitter {	
			display: block;	
		} 
/* --- RESPONSIVO --- */						

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

	@media (min-width: 576px) 
		{ /*...*/ }
	
	
	@media only screen and (max-width: 768px) 
		{ 
			.z-west-splitter {	
				display: none !important;	
			} 
		}
		
	@media only screen and (max-width: 991px) 
		{ /*...*/ }
		
	@media (min-width: 992px) 
		{ /*...*/ }
	
	@media (min-width: 1200px) 
		{ /*...*/ }
		
/* --- .MEDIAS QUERY --- */
/* -------------------------------------------------------------------------------- */