/*
 =========================================================
 	Pergamum - v10.0 - MEU PERGAMUM
 =========================================================
 
	*	Meu Pergamum					 
	*	by Bourscheid, Ricardo 	 
	*	2023 						 

*/

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

:root{
	--blur1: blur(5px);
	--blur2: blur(10px);
	--blur3: blur(15px);
	--blur4: blur(20px);

	--anima1: 1000ms;
	--anima2: 500ms;

	--branco:  255, 255, 255;
}
			
.neo .imgMeuPergamum {
    height: 100vh;
    background-image: url(../../resources/original/original_bg_login.png);
    background-size: cover;
    background-color: rgba(var(--tema),0.1);
    background-attachment: fixed;
    background-blend-mode: overlay;
}
.neo .img_logoMeuPergamum {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 226px;
    height: 120px;
    border-radius: 0 0 5px 5px;
    position: relative;
    margin-left: 90px;
    border-top: 1px solid;
    margin-top: 0px;
}
.neo .b-tema-10 {
    border-color: rgba(var(--tema),0.1);
}
.neo h5 {
    padding: 10px 10px 20px 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right,rgba(var(--tema),0.2),rgba(var(--tema),1));
    border-image-slice: 1;
    color: rgba(var(--tema),1);
}
.neo .bkbread {
    background: rgba(240,240,245,.9);
}
.neo .alturadoHeaderMeuPergamum {
    margin-top: calc(-100vh + 150px);
}	
.neo .sombraPadrao {
    box-shadow: 0 0 14px 1px rgba(109,109,109,.3);
}
.neo .bk-theme-meio {
    background: rgba(var(--branco),0.5);
}
.neo .cor-menu-ico {
    color: rgba(var(--branco),0.5);
}
.neo .b-menu-divide {
    border-color: rgba(var(--branco),0.3);
}
.neo .cor-menu {
    color: rgba(var(--branco),1);
}
.neo .bkmenu-1 {
    background: rgba(var(--branco),0.3);
}
.neo .bkmenu-2 {
    background: linear-gradient(140deg,rgba(var(--preto),0.8) 0%,rgba(var(--tema),0.8) 50%,rgba(var(--tema),1) 100%);
}
.neo .bkneo {
    background: linear-gradient(204deg,#f1f0ff 0%,#e7e7e7 35%,#f4fbfd 100%);
}
.neo .b-menu {
    border: rgba(var(--branco),1) solid 1px;
}
.w-300 {	width: 283px;	}


.blur1	{	backdrop-filter: var(--blur1); -webkit-backdrop-filter: var(--blur1);	}
.blur2	{	backdrop-filter: var(--blur2); -webkit-backdrop-filter: var(--blur2);	}
.blur3	{	backdrop-filter: var(--blur3); -webkit-backdrop-filter: var(--blur3);	}
.blur4	{	backdrop-filter: var(--blur4); -webkit-backdrop-filter: var(--blur4);	}

.anima-1    {   transition: var(--anima1);  }
.anima-2    {   transition: var(--anima2);  }


/* COMPONENTES ZK */
.neo select, 
.neo .z-textbox, 
.neo .z-combobox, 
.neo input[type=text], 
.neo input[type=password], 
.neo input[type=date],
.neo .z-select {
		font-family: var(--family);
		font-weight: 300;
		font-size: 20px !important;
		color: rgba(var(--preto),1);
		border-radius: 5px;
		box-shadow: inset 0 -1px rgba(var(--tema),0.2),inset 3px 3px 10px rgba(var(--tema),0.1),inset -2px -2px 10px #ffffff;
		background: 0 0;
		border-width: 1px;
		border-style: solid;
		border-color: #eee;
		transition: all .4s ease 0s;
		padding: 10px 15px!important;
	}
.neo .z-listbox {
	border: none;
}
.neo .z-listbox-header  {
	background: transparent;
	border: none;
}
.neo .z-listhead th {
    border: none !important;
}
.neo .z-listbox .z-listcell {
	background: rgba( 255,255,255, 0.1);
	border: none;
}
.neo .z-listheader,
.neo .z-listitem 											{ 	background: transparent 			 !important; }
.neo .z-listitem.z-listitem-selected>.z-listcell			{ 	background: rgba(255,255,255,0) 	!important;	}
.neo tr:nth-child(even).z-listcell-content,
.neo .z-listitem.z-listbox-odd	 							{ 	background: rgba(0,0,0,0.03) 		!important;	}
.neo tr:nth-child(odd).z-listcell-content 					{ 	background: rgba(0,0,0,0) 			!important;	}		
.neo tr:nth-child(even).z-listitem.z-listitem-selected, 	
.neo tr:nth-child(odd).z-listitem.z-listitem-selected  		{ 	background: rgba(0,0,0,0) 			!important;	}
.neo .z-datebox-button,
.neo .z-timebox-button>a 									{ 	background: transparent; 	}
.neo .z-timebox-button										{ 	background: transparent; 	border: none;		 }

/* .COMPONENTES ZK */

/* MENU */
.menu_logout {
    position: absolute;
    width: 100%;
    bottom: 0;
	left: 0;
}
.movMenuOut {
	margin-left: -400px;
    margin-right: 118px;
	transition: all .4s ease;
}
.movMenuIn {
	margin-left: -140px;
    margin-right: 40px;
	transition-delay: 500ms;
	transition: all .4s ease;
}
.neo .cor-menu-sub {
    color: rgba(var(--branco),0.5);
}
/* .MENU */

/* HEADER */
.topLinkSpaceMeuPergamum {
    float: right;
    border-radius: 0 0 8px 8px;
    margin-right: 24px;
}
.alertaNumeral {
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 5px;
    border-radius: 50%;
    position: relative;
    top: -11px;
    left: -11px;
    font-weight: 700;
    background: rgba(var(--laranja),0.9);
    color: rgba(var(--branco),1);
    font-size: 11px;
    border: 2px solid rgba(var(--branco),0.5);
    box-shadow: 0 0 14px 1px rgba(109,109,109,.3);
    display: inline-block;
}
/* .HEADER */

/* MOBILE */
.neo .bg-degrade-mobile {
    background-image: linear-gradient(145deg,rgba(var(--tema),1) 0%,rgba(var(--tema),0.8) 35%,rgba(var(--tema),0.05) 100%);
}
/* .MOBILE */

/* BUTTON NEO */
	.neo button.primeiro,
	.neo .btnPri {
			box-shadow: 15px 10px 20px -13px rgba( var(--tema), 1 ), -20px -10px 20px -10px rgba( var(--preto), 0.1 ), inset 3px 3px 10px 5px rgb(255 255 255 / 50%);
			padding: 0.5rem !important;
			border-radius: 16px;
			font-weight: 500;
			transition: All 0.4s ease;
			color: #fff;
			border: 1px solid rgba(255,255,255, 0.8);
			font-size: 14px;
			margin-left: 1rem;
			background-color: rgba(var(--tema), 1);
			background-image: none;
			text-shadow: none;
			cursor: pointer;
			margin-left: 0.25rem;
		}
	.neo button.primeiro:disabled,
	.neo .btnPri:disabled {
			cursor: no-drop;
			font-size: 14px;
			font-family: "Roboto", sans-serif !important;
			text-decoration: line-through;
			font-weight: 500;
			background-color: rgba(122, 60, 60, 0.2) !important;
			background-image: none;
			color: rgba(163, 128, 128, .7);
			box-shadow: 15px 10px 20px -13px rgba( var(--tema), 0,4 ), -20px -10px 20px -10px rgba( var(--preto), 0.1 ), inset 3px 3px 10px 5px rgb(255 255 255 / 50%);
		}

	.neo button.segundo,
	.neo .btnSeg {
			box-shadow: inset 0 0px 0px 1px rgba(var(--tema), 0.3);
			padding: 0.5rem !important;
			border-radius: 16px;
			font-weight: 500;
			transition: All 0.4s ease;
			color: rgba(var(--preto), 0.6);
			border: rgba(var(--tema), 0.3) 1px solid;
			font-size: 14px;
			margin-left: 1rem;
			background-color: rgba(var(--tema), 0);
			background-image: none;
			cursor: pointer;
			margin-left: 1rem;
			background-color: rgba(255,255,255, .2);
			box-shadow: 15px 10px 20px -13px rgba( var(--tema), 0.3 ), -20px -10px 20px -10px rgba( var(--preto), 0.05 ), inset 3px 3px 10px 5px rgb(255 255 255 / 50%);
		}
	.neo button.segundo:disabled,
	.neo .btnSeg:disabled {
			cursor: no-drop;
			font-size: 14px;
			font-family: "Roboto", sans-serif !important;
			text-decoration: line-through;
			font-weight: 500;
			background-color: rgba(122, 60, 60, 0.1) !important;
			box-shadow: inset 0 0px 0px 1px rgba(var(--tema), 0.1);
			color: rgba(163, 128, 128, .7);
		}
	.neo button.primeiro.nao,
	.neo .btnPri.nao {
		box-shadow: 15px 10px 20px -13px rgba( var(--vermelho), 1 ), -20px -10px 20px -10px rgba( var(--preto), 0.1 ), inset 3px 3px 10px 5px rgb(255 255 255 / 50%);
		padding: 0.5rem !important;
		border-radius: 16px;
		font-weight: 500;
		transition: All 0.4s ease;
		color: #fff;
		border: 1px solid rgba(255,255,255, 0.8);
		font-size: 14px;
		margin-left: 1rem;
		background-color: rgba(var(--vermelho), 1);
		background-image: none;
		text-shadow: none;
		cursor: pointer;
		margin-left: 0.25rem;
	}
	.neo button.segundo.nao,
	.neo .btnSeg.nao {
			box-shadow: inset 0 0px 0px 1px rgba(var(--vermelho), 0.3);
			padding: 0.5rem !important;
			border-radius: 16px;
			font-weight: 500;
			transition: All 0.4s ease;
			color: rgba(var(--vermelho), 0.6);
			border: rgba(var(--vermelho), 0.3) 1px solid;
			font-size: 14px;
			margin-left: 1rem;
			background-color: rgba(var(--vermelho), 0.05);
			cursor: pointer;
			margin-left: 1rem;
			background-color: rgba(255,255,255, .2);
			box-shadow: 15px 10px 20px -13px rgba( var(--vermelho), 0.3 ), -20px -10px 20px -10px rgba( var(--preto), 0.05 ), inset 3px 3px 10px 5px rgb(255 255 255 / 10%);
		}
	.neo .nav-tabs .nav-link.active  {   
		background: rgba( var(--tema), .9) !important;
		color: #FFF;
		font-family: var(--family);
		font-weight: 700;  
	}
	.nav-tabs .nav-link.active:hover { background: rgba(var(--preto), 1);}
	.nav-tabs > li {
		font-size: 14px;
		cursor: pointer;
	}
	.nav-link       {   color: rgba(  var(--tema), 1);  }
	.nav-link:hover {   color: rgba(var(--preto), 1); background: rgba(  var(--branco), 0.5);   }
	.nav-item:hover {    background: rgba(  var(--branco), 0.5);   }
/* BUTTON NEO */

/* FOOTER */
	.ico_br,
	.ico_en,
	.ico_es {
		background-size: cover;
		background-position: center;
		position: relative;
		top: 6px;
	}
	.ico_br {	background-image: url('../img/ban_br.svg');	}
	.ico_en {	background-image: url('../img/ban_en.svg');	}
	.ico_es {	background-image: url('../img/ban_es.svg');	}

	.ef_pb_07 {	filter: grayscale(.7);	}
	.ef_zo_15 {	zoom: 1.5;	}
/* .FOOTER */

/* MEDIA QUERRY - DESKTOP */
	.btn-w100 {
		display: inline;
		width: auto;
	}
/* .MEDIA QUERRY - DESKTOP */



/* -------------------------------------------------------------------------------- */	
/* MEDIA QUERRY - MOBILE */
	@media screen and (max-width: 768px) {
		.alertaNumeral {
			width: 24px;
			height: 24px;
			top: -10px;
			left: -10px;
		}
		.btn-w100 {
			display: block;
			width: 100%;
		}
	}
/* .MEDIA QUERRY - MOBILE */