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

	:root {
		--tema: 0, 51, 100; 		/* used in - tema.css 		/ 		CODIGO DO BANCO */
		--primeiro: 134, 59, 255;  	/* used in - button.css 	/ 		CODIGO DO BANCO */

		--amarelo: 240, 173, 78;
		--amarelo2: 251, 245, 61;
		--alerta: 205, 25, 25;
		--azul: 51, 153, 255;
		--azul1: 176, 200, 224;
		--azul01: 143, 203, 223;
		--azul_celeste: 4, 198, 188;
		--azul_celeste1: 162, 179, 230;
		--azul-claro: 164, 209, 255;
		--azulclaro1: 241, 245, 251;
		--verde-tiffany: 22, 228, 228;
		--branco: 255, 255, 255;
		--cinza: 192, 192, 192;
		--cinza2: 179, 179, 179;		
		--cinza3: 82, 82, 82;
		--cinza4: 68, 68, 68;
		--cinzaescuro1: 29, 29, 29;
		--laranja: 255, 127, 36;
		--laranja1: 245, 173, 122;
		--magenta: 198, 9, 204;
		--magenta2: 194, 46, 89;
	 	--pergamum: 0, 54, 74;
	 	--preto: 0,0,0;
		--roxo: 138, 43, 226;
		--roxoclaro: 170, 169, 192;
	 	--verde: 65, 159, 66;
		--verde1: 179, 204, 179;
		--verde2: 179, 204, 179;
		--verdeescuro: 46, 96, 47;
		--verdevivido: 9, 171, 58;
		--vermelho: 255, 0, 0;
		--vermelho1: 195, 146, 146;
		--vermelho2: 217, 83, 79;
		--vermelhoescuro: 216, 0, 0, 0;
		
		
		--family1: 'Roboto', sans-serif;
	  }

/* --- MODO DARK - DEFAULT USER SYSTEM --- */

	  @media (prefers-color-scheme: dark) {
		:root {
			--amarelo: 240, 173, 78;
			--amarelo2: 251, 245, 61;
			--alerta: 205, 25, 25;
			--azul: 51, 153, 255;
			--azul1: 176, 200, 224;
			--azul01: 143, 203, 223;
			--azul_celeste: 4, 198, 188;
			--azul_celeste1: 162, 179, 230;
			--azul-claro: 164, 209, 255;
			--azulclaro1: 241, 245, 251;
			--verde-tiffany: 22, 228, 228;
			--branco: 255, 255, 255;
			--cinza: 192, 192, 192;
			--cinza2: 179, 179, 179;		
			--cinza3: 82, 82, 82;
			--cinza4: 68, 68, 68;
			--cinzaescuro1: 29, 29, 29;
			--laranja: 255, 127, 36;
			--laranja1: 245, 173, 122;
			--magenta: 198, 9, 204;
			--magenta2: 194, 46, 89;
			--pergamum: 0, 63, 98;
			--preto: 0,0,0;
			--roxo: 138, 43, 226;
			--roxoclaro: 170, 169, 192;
			--verde: 65, 159, 66;
			--verde1: 179, 204, 179;
			--verde2: 179, 204, 179;
			--verdeescuro: 46, 96, 47;
			--verdevivido: 9, 171, 58;
			--vermelho: 255, 0, 0;
			--vermelho1: 195, 146, 146;
			--vermelho2: 217, 83, 79;
			--vermelhoescuro: 216, 0, 0, 0;
		}
	  }
/* -------------------------------------------------------------------------------- */




.btnXMenuPosition {
	margin-top: -4px;
	position: absolute;
	left: 227px;
}

/* --- CAROUSSEL --- */
.carousel-control-prev.hover.hpreto, .carousel-control-next.hover.hpreto
	{
	opacity: 0.8;
}

.carousel-inner a {
	padding: 0px;
	border: none;
}

.carousel {
	margin-bottom: 3rem;
}
/* --- CAROUSSEL --- */
.click {
	cursor: pointer !important;
}

/* --- BUTTON --- */
	.z-button.alertaFomatura::after {
		content: '\f111';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		color: #F00;
		position: absolute;
		margin-top: -10px;
		font-size: 10px;
	}
/* -------------------------------------------------------------------------------- */	
	.z-button.primeiro {
	    background: rgba(var(--primeiro), 1);
	    box-shadow: 0px 8px 16px 0px rgba(var(--primeiro), .4);
	    border-color: rgba(var(--branco), .4);
	    color: rgba(var(--branco), 1);
	}
	
	.z-button.segundo {
	    background: rgba(var(--branco), .1);
	    box-shadow: 0px 8px 16px 0px rgba(var(--primeiro), .1);
	    border-color: rgba(var(--primeiro), .7);
	    color: rgba(var(--primeiro), 1);
	    border: solid 1px;
	}
	
	.z-button.primeiro.nao,
	.z-button.terceiro {
	    /* 
	    background: rgba(var(--vermelho), 1);
	    box-shadow: 0px 8px 16px 0px rgba(var(--vermelho), .2);
	    border-color: rgba(var(--branco), .3);
	    color: rgba(var(--branco), 1);
	     */
	     background: rgba(var(--branco), .1);
	     box-shadow: 0px 8px 16px 0px rgba(var(--vermelho), 0);
	     border-color: rgba(var(--vermelho), 0);
	     color: rgba(var(--primeiro), 1);
	     padding: 6px 16px;
	     text-decoration: underline;
	     text-underline-offset: 6px;
	}
	.z-button.terceiro:disabled{
		color: rgba(var(--preto), .7);
		background: rgba(var(--preto), .1);
	}
	.z-button.terceiro:disabled{		
		color: rgba(var(--preto), .5);
		background: rgba(var(--preto), .04) !important;
	}
	.z-button.terceiro:disabled:after{
		content: '\f023';
		font-family: 'Font Awesome 5 Free';
		color: rgba(var(--preto), .3) !important;
		background: rgba(var(--preto), .05) !important;	
		font-weight: 900;
		position: absolute;
		z-index: 5;
		margin: -8px 0 0 -5px;
	}
	.z-button.terceiro:disabled i{    
	    border-bottom: 1px solid rgba(var(--preto), .1) !important;
	}
	
	
	.z-button.segundo.nao {
	    background: rgba(var(--branco), .1);
	    /* box-shadow: 0px 8px 16px 0px rgba(var(--vermelho), .1); */
	    box-shadow: 0px 8px 16px 0px rgba(var(--vermelho), 0);
	    /* border-color: rgba(var(--vermelho), .6); */
	    border-color: rgba(var(--vermelho), .6);
	    /* color: rgba(var(--vermelho), 1); */
	    color: rgba(var(--vermelho), 1);
	    padding: 6px 16px;
	    text-decoration: underline;
	    text-underline-offset: 6px;
	}
	
	.z-button.primeiro.nao i,
	.z-button.segundo.nao i{    
	    padding-bottom: 4px;
	    border-bottom: 1px solid rgba(var(--vermelho), 1);
	}
	.z-button.terceiro i {    
	    padding-bottom: 4px;	
	    border-bottom: 1px solid rgba(var(--primeiro), 1);	
	}
	
	.z-button:hover.primeiro.nao,
	.z-button:hover.segundo.nao,
	.z-button:hover.terceiro,
	.z-button:hover.terceiro i,
	.z-button:hover.segundo.nao i{    
	    border-bottom: none !important;
	    text-decoration: none !important;
	}
	
	.z-button {
	    padding: 8px 16px;
	    border-radius: 16px;
	    font-weight: 700;
	    transition: All 0.4s ease;
	    color: rgba(var(--branco), 1);
	    border: 1px solid;
	    font-size: 16px;
	    margin-left: 1rem;
	    white-space: inherit;
	    text-shadow: none;
	    font-family: 'Roboto', san-serif;
	}
	
	.z-button.primeiro:hover,
	.z-button.segundo:hover,
	.z-button.terceiro:hover,
	.z-button.segundo.nao:hover,
	.z-button.primeiro.nao:hover {
	    background: rgba(var(--preto),1);
	    color: rgba(var(--branco), 1);
	}
	        
	   
	.hoverPainel {
	    transition: All 0.2s ease;
	}
	            
	.hoverPainel:hover {
		transform: scale(1.03) translateY(-16px);
	    box-shadow: 0px 8px 16px 8px rgba(var(--primeiro), .4);
	    border: 2px solid rgb(255 255 255 / 100%);
	    border-radius: 16px !important;
	    transition: All 0.2s ease;
	}
	.z-button:disabled {
	    cursor: no-drop;
	    font-size: 14px;
	    font-family: "Roboto", sans-serif !important;
	    text-decoration: line-through;
	    font-weight: 500;
	    background-color: #d42e41;
	    background-color: rgba(0, 0, 0, 0.2) !important;
	}
	.z-button:hover:disabled {
	    background-color: rgba(255, 0, 0, 0.5) !important;
	}
/* -------------------------------------------------------------------------------- */

/* --- .BUTTON --- */


.in .z-listcell-content, .out .z-listcell-content {
	display: flex !important;
	align-items: center !important;
}

.in .detalhes {
	display: none;
}

.out .detalhes {
	display: block;
}

/* -- CALENDARIO JAVSCRIPT -- */
.calendario {
	font-family: "Roboto", sans-serif !important;
	max-width: 24%;
	min-width: 24%;
	margin: 10px auto 20px auto;
}

.calendario h2 {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	margin-top: 20px;
}

.calendario table {
	width: 100%
}

.calendario th {
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	padding: 4px;
}

.calendario td {
	font-size: 13x;
	font-weight: 400;
	text-align: center;
	padding: 4px;
	opacity: .8;
}

.calendario th:nth-child(1), .calendario th:nth-child(7) {
	opacity: .6;
	color: #f00;
}

.calendario td:nth-child(1), .calendario td:nth-child(7) {
	opacity: .4;
	color: #f00;
}

.calendario td.ativo {
	font-weight: 700;
	background: rgba(121, 146, 126, .2);
	opacity: 1 !important;
	color: #073408 !important;
}

.mesAtivo {
	border: 1px solid rgb(255, 255, 255);
	border-radius: 5px;
	box-shadow: -2px 4px 12px 0px #07340840;
	background: rgb(255 255 255/ 40%);
}
/* -- .CALENDARIO JAVSCRIPT -- */

/* --- TAGS --- */
.tag {
	padding: 2px 12px 2px 10px;
	border: 1px solid #009688;
	border-radius: 5px 0 0 5px;
	display: inline-block;
	color: #fff;
	position: relative;
	margin: 4px 8px 4px 7px;
	text-decoration: none;
	background: #009688;
	cursor: pointer;
	transition: All 0.2s ease;
}

.tag:after {
	display: inline-block;
	border: 13.5px solid;
	border-color: transparent transparent transparent #009688;
	height: 0px;
	width: 0;
	position: absolute;
	right: -28px;
	top: -1px;
	content: "";
	display: inline-block;
	transition: All 0.2s ease;
}

.tag:hover {
	border: 1px solid rgb(128, 0, 0);
	background: rgb(128, 0, 0);
}

.tag:hover:after {
	border-color: transparent transparent transparent rgb(128, 0, 0);
}
/* --- TAGS --- */

/* --- RATING + NPS--- */
.z-rating>.z-rating-icon {
	color: #cfcfcf;
	width: 40px;
	height: 30px;
	font-family: "Font Awesome 5 Free";
}

.z-rating>.z-rating-selected {
	font-weight: 900;
}

.satisfacao.z-icon-star:before {
	content: "\f005" !important;
}

.nps .z-icon-star:before {
	content: "\f111" !important;
}

.nps .z-rating-selected.z-icon-star:before {
	content: "\f058" !important;
}

.z-rating {
	font-size: 20px;
}

.text-nps {
	text-align: center;
	width: 36.8px;
	display: inline-block;
}
/* ---. RATING + NPS--- */

/* --- LINK BRANCO --- */
.abranco {
	color: #FFF !important;
	border-bottom: 2px solid #FFF !important;
}
/* --- LINK BRANCO --- */
.riscado {
	text-decoration: line-through;
}

/* --- BUGS --- */
.bugCompartilhamento.z-listitem.z-listitem-selected .z-listcell .z-listcell-content
	{
	padding-left: 40px;
}
/* --- .BUGS --- */

/* --- TREE --- */
.z-treecell-content {
	padding: 8px 16px;
}

.z-treerow-checkable {
	width: 30px;
	height: 30px;
	font-size: 20px;
	border: 3px solid #d9d9d9;
	border-radius: 5px;
}

.atrasado .z-treerow-checkable {
	height: 30px;
	border: 3px solid #F00;
}

.z-tree-icon {
	font-size: 25px;
	margin-right: 10px !important;
}

.treePasta .z-icon-caret-right:before, .treePasta .z-icon-caret-down:before,
	.treePasta .z-treerow-checkable {
	margin-bottom: -30px;
}

.treePasta i {
	margin-top: 3px;
}

.treeSeta i {
	margin-top: -5px;
}

.z-treerow-selected .z-treecell-content, .z-treerow-focus .z-treecell-content
	{
	background: rgba(255, 255, 255, 1);
}

.nao .z-treerow-checkable {
	display: none;
}

/* fechado */
.treePasta .z-icon-caret-right:before {
	content: "\f07b";
}
/* aberto*/
.treePasta .z-icon-caret-down:before {
	content: "\f07c";
}


.nomeMesa {
	max-height: 32px;
    overflow: hidden;
    max-width: 110px
}

.linhaMeio {
	background: url(../img/svg/linha_meio.svg);
    background-repeat: repeat-y;
    background-position: center;
}

/* --- .TREE --- */
.t-3 {
	margin-top: -3px !important;
}

.t-5 {
	margin-top: -5px !important;
}

.t-10 {
	margin-top: -10px !important;
}

.t-20 {
	margin-top: -20px !important;
}

.t100 {
	margin-top: 100px;
}

.bkdark70_0 {
	background-color: rgba(0, 0, 0, 0.70);
}
.w-90 {		width: 90%;	}	

/* --- carousel tutorial --- */
.carousel-indicators-tutorial {
	bottom: unset;
	margin-top: 60px;
}

.carousel-indicators-tutorial .active {
	background-color: rgba(51, 153, 255, 1) !important;
}

.carousel-indicators-tutorial li {
	height: 20px;
	width: 20px;
	border: 2px solid;
}

.carousel-indicators-tutorial li:hover {
	background: #000;
	transition: All 0.5s ease;
}

.carousel-control-next-tutorial, .carousel-control-prev-tutorial {
	width: 7%;
	color: rgba(0, 0, 0, .5) !important;
}

.carousel-indicators-tutorial li.active, .carousel-item.active {
	margin-top: 0px !important;
	font-size: auto;
	transition: 0s;
}
/* --- carousel tutorial --- */
.setaMenuLateral {
	/*clip-path: polygon(0px 0%, calc(100% - 20px) 0%, 100% 20px, 96% calc(100% - 10px), calc(100% - 20px) 100%, 0px 100%, 0% 100%, 0% 0px);*/
	margin-right: -20px;
	border-radius: 5px 5px 5px 5px;
}

/* --- GRAFICO ECHARTS --- */
.echarts01 {
	height: 30px;
	width: 300px;
}

.echarts02 {
	height: 20px;
	width: 100%;
}
/* --- GRAFICO ECHARTS --- */

/* --- FONT - SIZES --- */
	.s6		{	font-size: 6px !important;		}
	.s7		{	font-size: 7px !important;		}
	.s8		{	font-size: 8px !important;		}
	.s9		{	font-size: 9px !important;		}
	.s10	{	font-size: 10px !important;		}
	.s11	{	font-size: 11px !important;		}
	.s12	{	font-size: 12px !important;		}
	.s13	{	font-size: 13px !important;		}
	.s14	{	font-size: 15px !important;		}
	.s15	{	font-size: 16px !important;		}
	.s16	{	font-size: 16px !important;		}
	.s17	{	font-size: 17px !important;		}
	.s18	{	font-size: 18px !important;		}
	.s19	{	font-size: 19px !important;		}
	.s20	{	font-size: 20px !important;		}
	.s21	{	font-size: 21px !important;		}
	.s22	{	font-size: 22px !important;		}
	.s23	{	font-size: 23px !important;		}
	.s24	{	font-size: 24px !important;		}
	.s25	{	font-size: 25px !important;		}
	.s26	{	font-size: 27px !important;		}
	.s27	{	font-size: 27px !important;		}
	.s28	{	font-size: 28px !important;		}
	.s30	{	font-size: 30px !important;		}
	.s32 	{	font-size: 32px !important;		}
	.s35	{	font-size: 35px !important;		}
	.s40	{	font-size: 40px !important;		}
	.s48 	{	font-size: 48px !important;		}
	.s50	{	font-size: 50px !important;		}
	.s56 	{	font-size: 56px !important;		}
	.s60	{	font-size: 60px !important;		}
	.s64 	{	font-size: 64px !important;		}
	.s70	{	font-size: 70px !important;		}
	.s72 	{	font-size: 72px !important;		}
	.s80	{	font-size: 80px !important;		}
	.s90	{	font-size: 90px !important;		}
	.s100	{	font-size: 100px !important;	}
	.s110	{	font-size: 110px !important;	}
	.s120	{	font-size: 120px !important;	}
	.s130	{	font-size: 130px !important;	}
	.s140	{	font-size: 140px !important;	}
	.s150	{	font-size: 150px !important;	}
/* --- .FONT - SIZES --- */

/* --- COR --- */
.branco 	{	color: rgb(255, 255, 255);	}
.preto 		{	color: rgb(0, 0, 0);		}
.preto20 	{	color: rgba(0, 0, 0, 0.2);	}
.preto30 	{	color: rgba(0, 0, 0, 0.3);	}
.preto50 	{	color: rgba(0, 0, 0, 0.5);	}
.preto70 	{	color: rgba(0, 0, 0, 0.7);	}
.preto80 	{	color: rgba(0, 0, 0, 0.8);	}

/* --- COR --- */

/* --- OPACITY --- */
.op0 	{	opacity: 0 !important;		}
.op1 	{	opacity: 0.1 !important;	}
.op2 	{	opacity: 0.2 !important;	}
.op3 	{	opacity: 0.3 !important;	}
.op5 	{	opacity: 0.5 !important;	}
.op7 	{	opacity: 0.7 !important;	}
.op10 	{	opacity: 1 !important;		}
/* --- .OPACITY --- */

/* --- BACKGROUND --- */
.bknone 	{	background-color: rgba(0, 0, 0, 0) !important;			}
.bkazul 	{	background-color: #3399ff !important;					}
.bkverde 	{	background-color: #419f42 !important;					}
.bkvermelho {	background-color: #f00 !important;						}
.bklaranja 	{	background-color: #ff7f24 !important;					}
.bkroxo 	{	background-color: #8a2be2 !important;					}
.bkpreto 	{	background-color: #000000 !important;					}
.bkbranco 	{	background-color: #fff !important;						}
.bkcinza 	{	background-color: #c0c0c0 !important;					}
.bkcinza2 	{	background-color: rgba(192, 192, 192, 0.2) !important;	}
.bkcinza3 	{	background-color: #3a3a3a !important;					}
.bkcinza4 	{	background-color: rgba(192, 192, 192, 0.1) !important;	}
.bkmagenta 	{	background-color: #c609cc !important;					}
.bkamarelo 	{	background-color: #f0ad4e !important;					}
.bkbranco 	{	background-color: #FFFFFF !important;					}
.bkdark5 	{	background-color: rgba(0, 0, 0, 0.05) !important;		}
.bkdark10 	{	background-color: rgba(0, 0, 0, 0.1) !important;		}
.bkdark20 	{	background-color: rgba(0, 0, 0, 0.2) !important;		}
.bkdark30 	{	background-color: rgba(0, 0, 0, 0.3) !important;		}
.bkdark40 	{	background-color: rgba(0, 0, 0, 0.4) !important;		}
.bkdark50 	{	background-color: rgba(0, 0, 0, 0.5) !important;		}
.bkdark60 	{	background-color: rgba(0, 0, 0, 0.6) !important;		}
.bkdark70 	{	background-color: rgba(0, 0, 0, 0.7) !important;		}
.bkdark80 	{	background-color: rgba(0, 0, 0, 0.8) !important;		}
.bkdark90 	{	background-color: rgba(0, 0, 0, 0.9) !important;		}
.bklight10 	{	background-color: rgba(255, 255, 255, 0.1) !important;	}
.bklight20 	{	background-color: rgba(255, 255, 255, 0.2) !important;	}
.bklight30 	{	background-color: rgba(255, 255, 255, 0.3) !important;	}
.bklight40 	{	background-color: rgba(255, 255, 255, 0.4) !important;	}
.bklight50 	{	background-color: rgba(255, 255, 255, 0.5) !important;	}
.bklight60 	{	background-color: rgba(255, 255, 255, 0.6) !important;	}
.bklight70 	{	background-color: rgba(255, 255, 255, 0.7) !important;	}
.bklight80 	{	background-color: rgba(255, 255, 255, 0.8) !important;	}
.bklight90 	{	background-color: rgba(255, 255, 255, 0.9) !important;	}

/* --- .BACKGROUND --- */

/* --- SOMBRAS --- */
.sombra {
	box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
}

.sombra2 {
	box-shadow: 0px 0px 8px 0 rgba(46, 61, 73, 0.1);
}

.sroxo, .btnsroxo {
	box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}

.scinza, .btnscinza {
	box-shadow: 0 14px 26px -12px rgba(208, 208, 208, 0.42), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(210, 210, 210, 0.2);
}

.btnscinza2 {
	box-shadow: 1px 4px 9px 0px rgba(208, 208, 208, 0.42);
}

.scinzatema {
	box-shadow: -20px -10px 26px -12px rgba(208, 208, 208, 0.42);
}

.sazul, .btnsazul {
	box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}

.samarelo, .btnsamarelo {
	box-shadow: 0 12px 20px -10px rgba(253, 192, 13, 0.28), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(253, 192, 13, 0.2);
}

.svermelho, .btnsvermelho {
	box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}

.sverde, .btnsverde {
	box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}

.slaranja, .btnslaranja {
	box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px
		rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}

.btnsnone:hover, .spreto, .btnspreto {
	box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.28), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.btnsnone {
	box-shadow: none;
}

/* --- .SOMBRAS --- */

/* --- .BORDAS --- */
.b-none, .b-none:hover {
	border-style: none !important;
}

.b-solid 			{	border-style: solid !important;						}
.b-dotted 			{	border-style: dotted !important;					}
.b-dashed 			{	border-style: dashed !important;					}
.b-solid-bottom 	{	border-style: none none solid none !important;		}
.b-dotted-bottom 	{	border-style: none none dotted none !important;		}
.b-dashed-bottom 	{	border-style: none none dashed none !important;		}
.b-solid-top 		{	border-style: solid none none none !important;		}
.b-dotted-top 		{	border-style: dotted none none none !important;		}
.b-dashed-top 		{	border-style: dashed none none none !important;		}
.b-solid-left 		{	border-style: none none none solid !important;		}
.b-dotted-left 		{	border-style: none none none dotted !important;		}
.b-dashed-left 		{	border-style: none none none dashed !important;		}
.b-solid-right 		{	border-style: none solid none none !important;		}
.b-dotted-right 	{	border-style: none dotted none none !important;		}
.b-dashed-right 	{	border-style: none dashed none none !important;		}
.b-w1 				{	border-width: 1px !important;						}
.b-w2 				{	border-width: 2px !important;						}
.b-w3 				{	border-width: 3px !important;						}
.b-w4 				{	border-width: 4px !important;						}
.b-w5 				{	border-width: 5px !important;						}
.b-w10 				{	border-width: 10px !important;						}
.b-w20 				{	border-width: 20px !important;						}
.b-preto 			{	border-color: rgba(0, 0, 0, 1) !important;			}
.b-preto10 			{	border-color: rgba(0, 0, 0, 0.1) !important;		}
.b-preto20 			{	border-color: rgba(0, 0, 0, 0.2) !important;		}
.b-preto30 			{	border-color: rgba(0, 0, 0, 0.3) !important;		}
.b-preto50 			{	border-color: rgba(0, 0, 0, 0.5) !important;		}
.b-preto70 			{	border-color: rgba(0, 0, 0, 0.7) !important;		}
.b-preto80 			{	border-color: rgba(0, 0, 0, 0.8) !important;		}
.b-branco 			{	border-color: rgba(255, 255, 255, 1) !important;	}
.b-branco10 		{	border-color: rgba(255, 255, 255, 0.1) !important;	}
.b-branco20 		{	border-color: rgba(255, 255, 255, 0.2) !important;	}
.b-branco30 		{	border-color: rgba(255, 255, 255, 0.3) !important;	}
.b-branco50 		{	border-color: rgba(255, 255, 255, 0.5) !important;	}
.b-branco70 		{	border-color: rgba(255, 255, 255, 0.7) !important;	}
.b-branco80 		{	border-color: rgba(255, 255, 255, 0.8) !important;	}
.b-cinza 			{	border-color: #aeaeae !important;					}
.b-cinza2 			{	border-color: #dddfe6 !important;					}

/* --- BORDAS ARREDONDADAS --- */
.rad20 	{	border-radius: 20px !important;		}
.rad16 	{	border-radius: 16px !important;		}
.rad15 	{	border-radius: 15px !important;		}
.rad10 	{	border-radius: 10px !important;		}
.rad8 	{	border-radius: 8px !important;		}
.rad5 	{	border-radius: 5px !important;		}
.rad3 	{	border-radius: 3px !important;		}
.rad2 	{	border-radius: 2px !important;		}
.rad1 	{	border-radius: 1px !important;		}
.rad0 	{	border-radius: 0px !important;		}
.rad20p {	border-radius: 20% !important;		}
.rad50p {	border-radius: 50% !important;		}

/* --- .BORDAS ARREDONDADAS --- */

/* --- LINK --- */
.nolink, .nolink:hover {
	text-decoration: none !important;
}

.link, .link:hover {
	text-decoration: underline !important;
}

/* --- .LINK --- */

/* --- HOVER --- */
.hover:hover {
	color: #FFF !important;
	-webkit-transition: All 0.8s ease;
	transition: All 0.8s ease;
}

.hpreto:hover, .hverde:hover, .hvermelho:hover {
	-webkit-transition: All 0.8s ease;
	transition: All 0.8s ease;
}

.hpreto:hover {
	background-color: #000000 !important;
}

.hverde:hover {
	background-color: rgb(76, 175, 80) !important;
}

.hvermelho:hover {
	background-color: #F00 !important;
}

/* --- .HOVER --- */

/* --- DIVERSOS --- */
.txtLateral {
	margin-left: -55px;
}

.txtLateral2 {
	margin-left: -20px;
}

.txtLateral3 {
	margin-left: -25px;
}

.txtLateral, .txtLateral2, .txtLateral3 {
	transform: rotate(270deg);
	position: absolute;
	margin-top: 90px;
}
/* --- DIVERSOS --- */

/* --- IMG PATROCINIO --- */
.imgDiamante {
	width: 400px;
	height: 200px;
}

.imgOuro, .imgRealizacao {
	width: 200px;
	height: 100px;
}

.imgPrata {
	width: 150px;
	height: 75px;
}

.imgBronze, .imgApoio {
	width: 100px;
	height: 50px;
}

/* --- IMG PATROCINIO --- */

/* --- MODAL ZK --- */
.eventum, .eventum-ghost {
	
}

.eventum-modal, .eventum-modal-ghost, .eventum-move-ghost {
	background-color: white !important;
	border-radius: 5px !important;
	padding: 10px !important;
}

.eventum-header .eventum-icons {
	float: right;
}

.eventum-header {
	color: black !important;
	font-weight: 500 !important;
	font-size: 20px !important;
	padding: 10px;
	padding-left: 15px;
	font-family: 'Roboto';
	border: none;
}

.eventum-icon {
	float: right;
	margin: 5px;
	cursor: pointer;
}

.eventum-close {
	border-radius: 5px;
	border-style: none;
	background-color: transparent;
	content: "\f00d" !important;
	font-family: "Font Awesome 5 Free";
}

.eventum-close:hover {
	background-color: #F00 !important;
	transition: All 0.8s ease;
	color: white;
}

.eventum-content {
	padding: 10px;
}

.tela_blackOut {
	position: fixed;
	width: 100%;
	right: 0px;
	z-index: 20;
	height: 100vh;
	top: 0px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-left: -20px !important;
}

.tela_centro {
	width: 90%;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 90%;
}

.linhaResumo {
	width: calc(100% - 30px);
	height: 15px;
}

/* --- SOMBRAS --- */
.sombra {
	box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
}

.sroxo, .btnsroxo {
	box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}

.scinza, .btnscinza {
	box-shadow: 0 14px 26px -12px rgba(208, 208, 208, 0.05), 0 4px 23px 0px
		rgba(0, 0, 0, 0.05), 0 8px 10px -5px rgba(210, 210, 210, 0.05);
}

.btnscinza2 {
	box-shadow: 1px 4px 9px 0px rgba(208, 208, 208, 0.42);
}

.scinzatema {
	box-shadow: -20px -10px 26px -12px rgba(208, 208, 208, 0.42);
}

.sazul, .btnsazul {
	box-shadow: 0 12px 20px -10px rgba(8, 124, 162, 0.28), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(8, 124, 162, 0.2);
}

.stiffany, .btnstiffany {
	box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}

.svermelho, .btnsvermelho {
	box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}

.sverde, .btnsverde {
	box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}

.slaranja, .btnslaranja {
	box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px
		rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}

.btnsnone:hover, .spreto, .btnspreto {
	box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.28), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.btnsnone {
	box-shadow: none;
}

/* --- .SOMBRAS --- */

/* --- LINK --- */
.nolink, .nolink:hover {
	text-decoration: none !important;
}

.link, .link:hover {
	text-decoration: underline !important;
}

/* --- .LINK --- */

/* --- HOVER --- */
.hover:hover {
	color: #FFF !important;
	-webkit-transition: All 0.8s ease;
	transition: All 0.8s ease;
}

/* --- .HOVER --- */

/* --- DIVERSOS --- */

/* --- DIVERSOS --- */

/* --- IMG PATROCINIO --- */
.imgOuro, .imgRealizacao {
	width: 200px;
	height: 100px;
}

.imgPrata {
	width: 150px;
	height: 75px;
}

.imgBronze, .imgApoio {
	width: 100px;
	height: 50px;
}

/* --- IMG PATROCINIO --- */

/* --- MODAL ZK --- */
.eventum, .eventum-ghost {
	
}

.eventum-modal, .eventum-modal-ghost, .eventum-move-ghost {
	background-color: white !important;
	border-radius: 5px !important;
	padding: 10px !important;
}

.eventum-header .eventum-icons {
	float: right;
}

.eventum-header {
	color: black !important;
	font-weight: 500 !important;
	font-size: 20px !important;
	padding: 10px;
	padding-left: 15px;
	font-family: 'Roboto';
	border: none;
}

.eventum-icon {
	float: right;
	margin: 5px;
	cursor: pointer;
}

.eventum-close {
	border-radius: 5px;
	border-style: none;
	background-color: transparent;
	content: "\f00d" !important;
	font-family: "Font Awesome 5 Free";
}

.eventum-close:hover {
	background-color: #F00 !important;
	transition: All 0.8s ease;
	color: white;
}

.eventum-content {
	padding: 10px;
}

.tela_blackOut {
	position: fixed;
	width: 100%;
	right: 0px;
	z-index: 20;
	height: 100vh;
	top: 0px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-left: -20px !important;
}

.tela_centro {
	width: 90%;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 90%;
}

/* --- .MODAL ZK --- */

/* SVG */
.svg-item {
	width: 100%;
	font-size: 16px;
	margin: 0 auto;
	animation: donutfade 1s;
}

@
keyframes donutfade { 0% {
	opacity: .2;
}

100
%
{
opacity
:
1;
}
}
@media ( min-width : 992px) {
	.mt-md-nbanner {
		
	}

	/* --- .MODAL ZK --- */
	/* SVG */
	.svg-item {
		width: 100%;
		font-size: 16px;
		margin: 0 auto;
		animation: donutfade 1s;
	}
	@
	keyframes donutfade { 0% {
		opacity: .2;
	}
	100
	%
{
	opacity
	:
	1;
}

}
@media ( min-width : 992px) {
	.mt-md-nbanner {
		
	}
	.svg-item {
		width: 80%;
	}
}

.donut-ring {
	stroke: #EBEBEB;
}

.donut-segment {
	transform-origin: center;
	stroke: #FF6200;
}

.donut-percent {
	animation: donutfadelong 1s;
}

@
keyframes donutfadelong { 0% {
	opacity: 0;
}

100
%
{
opacity
:
1;
}
}
@
keyframes anima_nota { 0% {
	stroke-dasharray: 0, 100;
}

100
%
{
stroke-dasharray
:
20
,
80;
}
}
@
keyframes anima_certificado { 0% {
	stroke-dasharray: 0, 100;
}

100
%
{
stroke-dasharray
:
37
,
63;
}
}
.altura_meio_grafico {
	position: absolute;
	margin-top: calc(-50% - 20px);
	width: 100%;
}

.altura_meio_grafico2 {
	position: absolute;
	margin-top: calc(-50% + 30px);
	width: 100%;
}

.altura_meio_grafico3 {
	position: absolute;
	margin-top: -110px;
	width: 100%;
}

.donut-text {
	font-family: Arial, Helvetica, sans-serif;
	fill: #FF6200;
}

.donut-text-1 {
	fill: aqua;
}

.donut-text-2 {
	fill: #d9e021;
}

.donut-text-3 {
	fill: #ed1e79;
}

.donut-label {
	font-size: 0.28em;
	font-weight: 700;
	line-height: 1;
	fill: #000;
	transform: translateY(0.25em);
}

.donut-percent {
	font-size: 0.5em;
	line-height: 1;
	transform: translateY(0.5em);
	font-weight: bold;
}

.donut-data {
	font-size: 0.12em;
	line-height: 1;
	transform: translateY(0.5em);
	text-align: center;
	text-anchor: middle;
	color: #666;
	fill: #666;
	animation: donutfadelong 1s;
}

/* SVG */
/* OUTROS */
.panel-widget-100h {
	height: calc(100% - 30px);
}

.bkmontanha {
	background-image: url("../img/montanha.png");
	background-position: center;
}

/* OUTROS */
/* CHAT */
.chat-holder {
	height: 480px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: white;
	border-radius: 5px;
	margin: 10px 10px 0px 0px;
}

.chat-item {
	padding: 10px;
}

.chat-item .chat-pic img {
	border-radius: 50%;
	object-fit: cover;
	width: 50px;
	height: 50px;
}

.chat-item .chat-name {
	font-weight: bold;
}

.chat-item .chat-msg {
	
}

.chat-item .chat-date {
	color: grey;
}

/* CHAT */
/* WIZARD */
.whEtapa {
	width: 33px;
	height: 33px;
}

.wh50 {
	width: 50px;
	height: 50px;
}

.lh16 {
	line-height: 16px;
}

.nEtapa a:nth-child(1) span::after {
	content: "\f024";
	font-family: "Font Awesome 5 Free";
	margin-left: 5px;
	font-weight: 400;
}

.nEtapa a:nth-child(2) span::after {
	content: "2";
}

.nEtapa a:nth-child(3) span::after {
	content: "3";
}

.nEtapa a:nth-child(4) span::after {
	content: "4";
}

.nEtapa a:nth-child(5) span::after {
	content: "5";
}

.nEtapa a:nth-child(6) span::after {
	content: "6";
}

.nEtapa a:nth-child(7) span::after {
	content: "7";
}

.nEtapa a:nth-child(8) span::after {
	content: "8";
}

.nEtapa a:nth-child(2) span::after, .nEtapa a:nth-child(3) span::after,
	.nEtapa a:nth-child(4) span::after, .nEtapa a:nth-child(5) span::after,
	.nEtapa a:nth-child(6) span::after, .nEtapa a:nth-child(7) span::after,
	.nEtapa a:nth-child(8) span::after {
	margin-left: 9px;
}

.nEtapa a:nth-child(1) span:nth-child(even)::after, .nEtapa a:nth-child(2) span:nth-child(even)::after,
	.nEtapa a:nth-child(3) span:nth-child(even)::after, .nEtapa a:nth-child(4) span:nth-child(even)::after,
	.nEtapa a:nth-child(5) span:nth-child(even)::after, .nEtapa a:nth-child(6) span:nth-child(even)::after,
	.nEtapa a:nth-child(7) span:nth-child(even)::after, .nEtapa a:nth-child(8) span:nth-child(even)::after
	{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	/*color: rgba(0,0,0,.3);*/
	position: relative;
	font-weight: 900;
	left: 16px;
}

.nEtapa a:nth-last-child(1) span:nth-child(even)::after {
	content: "";
}

.nEtapa a:nth-last-child(1) span::after {
	content: "\f11e";
	font-family: "Font Awesome 5 Free";
	margin-left: 3px;
}

/* .WIZARD */
}
.donut-ring {
	stroke: #EBEBEB;
}

.donut-segment {
	transform-origin: center;
	stroke: #FF6200;
}

.donut-percent {
	animation: donutfadelong 1s;
}

@
keyframes donutfadelong { 0% {
	opacity: 0;
}

100
%
{
opacity
:
1;
}
}
@
keyframes anima_nota { 0% {
	stroke-dasharray: 0, 100;
}

100
%
{
stroke-dasharray
:
20
,
80;
}
}
@
keyframes anima_certificado { 0% {
	stroke-dasharray: 0, 100;
}

100
%
{
stroke-dasharray
:
37
,
63;
}
}
.altura_meio_grafico {
	position: absolute;
	margin-top: calc(-50% - 20px);
	width: 100%;
}

.altura_meio_grafico2 {
	position: absolute;
	margin-top: calc(-50% + 30px);
	width: 100%;
}

.altura_meio_grafico3 {
	position: absolute;
	margin-top: -110px;
	width: 100%;
}

.donut-text {
	font-family: Arial, Helvetica, sans-serif;
	fill: #FF6200;
}

.donut-text-1 {
	fill: aqua;
}

.donut-text-2 {
	fill: #d9e021;
}

.donut-text-3 {
	fill: #ed1e79;
}

.donut-label {
	font-size: 0.28em;
	font-weight: 700;
	line-height: 1;
	fill: #000;
	transform: translateY(0.25em);
}

.donut-percent {
	font-size: 0.5em;
	line-height: 1;
	transform: translateY(0.5em);
	font-weight: bold;
}

.donut-data {
	font-size: 0.12em;
	line-height: 1;
	transform: translateY(0.5em);
	text-align: center;
	text-anchor: middle;
	color: #666;
	fill: #666;
	animation: donutfadelong 1s;
}

/* SVG */

/* OUTROS */
.panel-widget-100h {
	height: calc(100% - 30px);
}

.panelCor1 .z-panel-body {
	background: #000;
}

.bkmontanha {
	background-image: url("../img/montanha.png");
	background-position: center;
}

/* OUTROS */

/* CHAT */
.chat-holder {
	height: 480px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: white;
	border-radius: 5px;
	margin: 10px 10px 0px 0px;
}

.chat-item {
	padding: 10px;
}

.chat-item .chat-pic img {
	border-radius: 50%;
	object-fit: cover;
	width: 50px;
	height: 50px;
}

.chat-item .chat-name {
	font-weight: bold;
}

.chat-item .chat-msg {
	
}

.chat-item .chat-date {
	color: grey;
}

/* CHAT */
.b-dashed-top {
	border-style: dashed none none none;
}

.b-solid-left {
	border-style: none none none solid;
}

.b-dotted-left {
	border-style: none none none dotted;
}

.b-dashed-left {
	border-style: none none none dashed;
}

.b-solid-right {
	border-style: none solid none none;
}

.b-dotted-right {
	border-style: none dotted none none;
}

.b-dashed-right {
	border-style: none dashed none none;
}

.b-w1 {
	border-width: 1px;
}

.b-w2 {
	border-width: 2px;
}

.b-w3 {
	border-width: 3px;
}

.b-w4 {
	border-width: 4px;
}

.b-w5 {
	border-width: 5px;
}

.b-w10 {
	border-width: 10px;
}

.b-w20 {
	border-width: 20px;
}

.b-preto {
	border-color: rgba(0, 0, 0, 1) !important;
}

.b-preto10 {
	border-color: rgba(0, 0, 0, 0.1) !important;
}

.b-preto20 {
	border-color: rgba(0, 0, 0, 0.2) !important;
}

.b-preto30 {
	border-color: rgba(0, 0, 0, 0.3) !important;
}

.b-preto50 {
	border-color: rgba(0, 0, 0, 0.5) !important;
}

.b-preto70 {
	border-color: rgba(0, 0, 0, 0.7) !important;
}

.b-preto80 {
	border-color: rgba(0, 0, 0, 0.8) !important;
}

.b-branco {
	border-color: rgba(255, 255, 255, 1) !important;
}

.b-branco10 {
	border-color: rgba(255, 255, 255, 0.1) !important;
}

.b-branco20 {
	border-color: rgba(255, 255, 255, 0.2) !important;
}

.b-branco30 {
	border-color: rgba(255, 255, 255, 0.3) !important;
}

.b-branco50 {
	border-color: rgba(255, 255, 255, 0.5) !important;
}

.b-branco70 {
	border-color: rgba(255, 255, 255, 0.7) !important;
}

.b-branco80 {
	border-color: rgba(255, 255, 255, 0.8) !important;
}

.b-cinza {
	border-color: #aeaeae !important;
}

.b-cinza2 {
	border-color: #dddfe6 !important;
}

/* --- LINK --- */
.nolink, .nolink:hover {
	text-decoration: none !important;
}

.link, .link:hover {
	text-decoration: underline !important;
}

/* --- .LINK --- */

/* --- HOVER --- */
.hover:hover {
	color: #FFF !important;
	-webkit-transition: All 0.8s ease;
	transition: All 0.8s ease;
}

/* --- .HOVER --- */

/* --- TAMANHO --- */
.w300 {
	width: 300px;
}

.wtamanho1 {
	width: 260px;
}

.wtamanho2 {
	width: 245px;
}
/* --- .TAMANHO --- */

/* --- IMG PATROCINIO --- */
.imgOuro, .imgRealizacao {
	width: 200px;
	height: 100px;
}

.imgPrata {
	width: 150px;
	height: 75px;
}

.imgBronze, .imgApoio {
	width: 100px;
	height: 50px;
}

/* --- IMG PATROCINIO --- */
.secao_cta {
	position: fixed;
	top: 45%;
	right: 0px;
	z-index: 1;
	border-radius: 10px 0 0 10px;
}

/* --- MODAL PADRAO DO ZK --- */
.eventum, .eventum-ghost {
	
}

.eventum-modal, .eventum-modal-ghost, .eventum-move-ghost {
	background-color: white !important;
	border-radius: 5px !important;
	padding: 10px !important;
}

.eventum-header .eventum-icons {
	float: right;
}

.eventum-header {
	color: black !important;
	font-weight: 500 !important;
	font-size: 20px !important;
	padding: 10px;
	padding-left: 15px;
	font-family: 'Roboto', serif;
	border: none;
}

.eventum-icon {
	float: right;
	margin: 5px;
	cursor: pointer;
}

.eventum-close {
	border-radius: 5px;
	border-style: none;
	background-color: transparent;
	content: "\f00d" !important;
	font-family: "Font Awesome 5 Free", serif;
}

.eventum-close:hover {
	background-color: #F00 !important;
	transition: All 0.8s ease;
	color: white;
}

.eventum-content {
	padding: 10px;
}

/* --- .MODAL PADRAO DO ZK --- */

/* --- COOKIES --- */
.cmp-revoke-consent {
	bottom: 0px !important;
	position: static;
	left: 0;
}
/* --- .COOKIES --- */

/* --- WIZARD --- */
.wh50 {
	width: 50px;
	height: 50px;
}

.wh10 {
	width: 10px;
	height: 10px;
}

.lh16 {
	line-height: 16px;
}

/* --- .WIZARD --- */
.boxTopoMiniEventos {
	position: absolute;
	right: 10px;
	top: 25px;
}

.resumo-portal-evento {
	max-height: 300px;
	overflow: auto;
}

.w-bread {
	max-width: 200px;
}

.btn-block {
	display: inline-block;
	width: auto;
}

/* --- .TRANSFORMS --- */
.scale-7 {
transform: scale(0.7);
}

@media ( max-width : 576px) {
	.btn-block {
		display: block;
		width: 100%;
	}
	.secao_cta {
		top: initial;
		bottom: 80px;
	}
	.w300 {
		width: 100%;
	}
	.calendario {
		max-width: 84%;
		min-width: 84%;
	}

	/*
	.txtLateral,
	.txtLateral2,
	.txtLateral3 
		{	display:none !important;		}*/
}

/* ------------------------------------------------------------------------------------------- */
@media ( min-width : 576px) {
	...
}

/*@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 991px) {
	div[vw].enabled {
		display: none !important;
	}
}

@media ( min-width : 992px) {
	...
}

@media ( min-width : 1200px) {
	...
}
/* ------------------------------------------------------------------------------------------- */