.font-pp {
	font-size: 7px;
}

.font-p {
	font-size: 8px;
}

.font-m {
	font-size: 10px;
}

.font-g {
	font-size: 12px;
}

.font-gg {
	font-size: 15px;
}

.font-xgg {
	font-size: 20px;
}

.margin-l-5 {
	margin-left: 5px !important;
}

.margin-l-10 {
	margin-left: 10px !important;
}

.margin-l-50 {
	margin-left: 50px !important;
}

.margin-r-5 {
	margin-right: 5px !important;
}

.margin-r-10 {
	margin-right: 10px !important;
}

.margin-r-50 {
	margin-right: 50px !important;
}

.margin-sides-5 {
	margin-right: 5px !important;
	margin-left: 5px !important;
}
.margin-sides-10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

.margin-0 {
	margin: 0px !important;
}

.margin-2 {
	margin: 2px !important;
}

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

.margin-top-2 {
	margin-top: 2px !important;
}

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

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

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-top-17 {
	margin-top: 17px !important;
}

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

.margin-top-25 {
	margin-top: 25px !important;
}

.margin-b-15 {
	margin-bottom: 15px !important;
}



@media screen {

	margin: 0;

	body {
		margin: 0px;
		overflow-y: scroll;
		font-size: 1em;
	}

	html,
	body {
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	label,
	input {
		margin: 0px;
		padding: 0px;
	}

	.conteudo {
		width: 95%;
		overflow: hidden;
		background-color: white;
		padding: 5px;
		margin-left: 2.5%;
	}


	.no-print {
		display: block;
	}

	.hideScreen {
		display: none;
	}


	.ui-tabs {
		margin-left: 5px;
		margin-right: 5px;
		padding: 0px;
		top: 0;
		margin-top: 2px;
	}

	.ui-tabs-header {
		width: 100%;
		top: 0;
	}

	.ui-tabs-a {
		font: inherit 'Lucida sans', Arial, Helvetica;
		text-decoration: none;
		border: none;
		cursor: pointer;

		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		min-height: 30px;
		padding: 0px 10px 0px 10px;
		margin-top: 2px;
		margin-right: 0px;
		box-shadow: -2px 0 0 rgba(0, 0, 0, .2);
	}

	.ui-tabs-a:hover {
		outline: none;
		text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
	}

	.ui-tabs-a:focus {
		outline: none;
	}

	.ui-tabs-a:active {
		outline: none;
	}

	.ui-tabs-a-current {
		box-shadow: -2px 0px 0 rgba(0, 0, 0, .2);
		text-shadow: none;
		font: bold inherit 'Lucida sans', Arial, Helvetica;
		text-decoration: none;
		cursor: default;
		border: none;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		min-height: 35px;
		padding: 0px 10px 0px 10px;
		outline: none;

		margin-right: 0px;
		border-bottom-left-radius: -10px;
		border-bottom-right-radius: -10px;

	}

	.ui-tabs-a-scroll {
		font: inherit 'Lucida sans', Arial, Helvetica;
		text-decoration: none;
		border: none;
		cursor: pointer;
		border-radius: 15px;
		height: 30px;
		min-width: 30px;
		padding: 0px 0px 0px 0px;
		margin-right: 0px;
		box-shadow: -2px 0 0 rgba(0, 0, 0, .2);
	}

	.ui-tabs-a-scroll:hover {
		outline: none;
		text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
	}

	.ui-tabs-a-scroll:focus {
		outline: none;
	}

	.ui-tabs-a-scroll:active {
		outline: none;
	}

	.tab-a-img-new {
		height: 30px;
		border-radius: 15px;
	} 



	.ui-tab-pane {
		border-radius: 0 2px 2px 2px;
		margin: 0px 0px 0px 0px;
		width: 100%;
		border-width: 1px;
		background-color: #FFF;

	}

	.ui-tab-pane-interna {
		min-height: 110px;
		border-width: 1px;
		border: 1px solid;
		padding-top: 5px;
		padding-bottom: 5px;
		overflow: auto;
	}




	.showBlock {
		display: block;
	}


	/*
	 * FIM PRINT
	 */



	#navbar {
		margin-bottom: 0;
	}




	.alert {
		border-radius: 0;
	}








	.container {
		width: 100% !important;
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}

	.col-xs-1,
	.col-sm-1,
	.col-md-1,
	.col-sm-1,
	.col-xs-2,
	.col-sm-2,
	.col-md-2,
	.col-sm-2,
	.col-xs-3,
	.col-sm-3,
	.col-md-3,
	.col-sm-3,
	.col-xs-4,
	.col-sm-4,
	.col-md-4,
	.col-sm-4,
	.col-xs-5,
	.col-sm-5,
	.col-md-5,
	.col-sm-5,
	.col-xs-6,
	.col-sm-6,
	.col-md-6,
	.col-sm-6,
	.col-xs-7,
	.col-sm-7,
	.col-md-7,
	.col-sm-7,
	.col-xs-8,
	.col-sm-8,
	.col-md-8,
	.col-sm-8,
	.col-xs-9,
	.col-sm-9,
	.col-md-9,
	.col-sm-9,
	.col-xs-10,
	.col-sm-10,
	.col-md-10,
	.col-sm-10,
	.col-xs-11,
	.col-sm-11,
	.col-md-11,
	.col-sm-11,
	.col-xs-12,
	.col-sm-12,
	.col-md-12,
	.col-sm-12 {
		position: relative;
		height: 100%;
		min-height: 1px;
		padding-right: 0;
		padding-left: 0;
	}

	.row {
		margin-right: 0;
		margin-left: 0;
	}

	.footer {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
		border-top: none;
	}


	.no-margin {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}


	.panel {
		border: none;
	}


	.vvs-modal {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: fixed;
		min-width: 100%;
		min-height: 100%;
		opacity: 0.98;
		z-index: 202;
		background-color: black;
	}


	.menu {
		position: fixed;
		width: 100%;
		height: 100%;
		opacity: 0.95;
		z-index: 20000;
	}

	.menu-left {
		position: relative;
		float: left;
		height: 100%;
		z-index: 203;
		overflow-y: auto;
		overflow-x: hidden;
		max-width: 90%;
		min-width: 200px;
	}

	.menu-return {
		width: 100%;
		height: 100%;
		z-index: 204;
	}

	.menu-titulo {
		width: 100%;
		font-weight: bold;
		min-height: 4em;
		color: #DDDDDD;
		z-index: 205;
	}

	.menu-titulo-h2 {
		text-align: center;
		position: relative;
		top: 2px;
		height: 100%;
		width: 100%;
		z-index: 206;
	}

	.menu-ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 207;
	}

	.menu-li a {
		display: block;
		text-decoration: none;
		cursor: pointer;
		z-index: 210;
		font-size: 1em;
		padding: 2px 10px 2px 10px;
	}

	.menu-li a:hover {
		z-index: 211;
	}

	.menu-divider {
		width: 100%;
		height: 1px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-top-width: 1px;
		border-top-style: solid;
	}








	.ui-report {
		display: block;
		/* Hidden by default */
		position: fixed;
		/* Stay in place */
		z-index: 10000;
		/* Sit on top */
		left: 0;
		top: 0;
		width: 100%;
		/* Full width */
		height: 100%;
		/* Full height */
		overflow: auto;
		/* Enable scroll if needed */
		border-style: dashed;
		border-width: 10px;
		background-color: rgb(0, 0, 0);
		/* Fallback color */
		background-color: rgba(0, 0, 0, 0.4);
		/* Black w/ opacity */
		border: #000;
		color: #000;
		background-color: #FFF !important;

	}




	.no-padding {
		padding: 0px !important;
	}

	.padding-only-left {
		padding: 2px !important;
		padding-left: 10px !important;
	}

	.padding-sides {
		padding: 2px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.padding-2 {
		padding: 2px !important;
	}

	.padding-0 {
		padding: 0px !important;
	}

	.padding-5 {
		padding: 5px !important;
	}

	.padding-10 {
		padding: 10px !important;
	}

	.padding-20 {
		padding: 20px !important;
	}

	.padding-30 {
		padding: 30px !important;
	}


	.padding-l-50 {
		padding-left: 50px !important;
	}

	.padding-l-30 {
		padding-left: 30px !important;
	}

	.padding-l-5 {
		padding-left: 5px !important;
	}

	.padding-l-10 {
		padding-left: 10px !important;
	}

	.padding-l-15 {
		padding-left: 15px !important;
	}

	.padding-r-50 {
		padding-right: 50px !important;
	}

	.padding-r-30 {
		padding-right: 30px !important;
	}

	.padding-r-5 {
		padding-right: 5px !important;
	}

	.padding-r-10 {
		padding-right: 10px !important;
	}

	.padding-r-15 {
		padding-right: 5px !important;
	}



	.foto-send-btn {
		background: url(../images/openFile.gif);
		overflow: hidden;
		display: inline-block;

		width: 32px;
		height: 32px;
	}

	.foto-send-btn input {
		display: block !important;
		opacity: 0 !important;
		overflow: hidden !important;
	}

	.foto-send-show-img {
		top: 0;
		left: 0;
		z-index: 201;
		position: fixed;
		border: dashed;
		background-color: black;
		width: 100%;
		height: 100%;
	}

	.foto-send-edit-foto {
		top: 0;
		left: 0;
		z-index: 202;
		position: fixed;
		border: dashed;
		background-color: black;
		width: 100%;
		height: 100%;
		opacity: 0.95;
	}

	.ui-div-upload {
		text-align: center;
		width: 100%;
		height: 100%;
	}

	.ui-img-upload {
		margin: 5px;
	}

	.ui-img-upload-borda {
		border-width: 1px;
	}

	.tab-foto-send {
		border-spacing: 0px;
		border-width: 1px;
		border-style: solid;
	}

	.tab-foto-send-td-btns {
		padding-left: 5px;
		padding-right: 5px;
		min-width: 50px;
	}


	.borda-baixo {
		border-bottom: 1px solid;
		border-bottom-color: var(--wt-var-l3);
	}

	.borda-topo {
		border-top: 1px solid;
		border-top-color: var(--wt-var-l3);
	}

	.borda-esquerda {
		border-left: 1px solid;
		border-left-color: var(--wt-var-l3);
	}

	.borda-direita {
		border-right: 1px solid;
		border-right-color: var(--wt-var-l3);
	}


	/*Estilo para o bootstrap*/
	.form-group {
		margin-bottom: 4px !important;
	}

	.form-control {
		height: 30px !important;
	}




	.cemPorcento {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}

	.w25 {
		width: 23px;
		min-width: 23px;
		max-width: 23px;
		margin-left: 2px;
	}

	.w30 {
		width: 28px;
		min-width: 28px;
		max-width: 28px;
		margin-left: 2px;
	}

	.w40 {
		width: 38px;
		min-width: 38px;
		max-width: 38px;
		margin-left: 2px;
	}



	.w50 {
		width: 47px;
		min-width: 47px;
		max-width: 47px;
		margin-left: 3px;
	}

	.w75 {
		width: 70px;
		min-width: 70px;
		max-width: 70px;
		margin-left: 5px;
	}

	.w100 {
		width: 95px;
		min-width: 95px;
		max-width: 95px;
		margin-left: 5px;
	}

	.w125 {
		width: 120px;
		min-width: 120px;
		max-width: 120px;
		margin-left: 5px;
	}

	.w150 {
		width: 145px;
		min-width: 145px;
		max-width: 145px;
		margin-left: 5px;
	}

	.w175 {
		width: 170px;
		min-width: 170px;
		max-width: 170px;
		margin-left: 5px;
	}


	.w250 {
		width: 245px;
		min-width: 245px;
		max-width: 245px;
		margin-left: 5px;
	}

	.w300 {
		width: 295px;
		min-width: 295px;
		max-width: 295px;
		margin-left: 5px;
	}





	.h100porcento {
		height: 100% !important;
		max-height: 100% !important;
		min-height: 100% !important;
	}

	.h100vh {
		height: 100vh;
		max-height: 100vh;
		min-height: 100vh;
	}

	.h95vh {
		height: 95vh;
		max-height: 95vh;
		min-height: 95vh;
	}

	.h90vh {
		height: 90vh;
		max-height: 90vh;
		min-height: 90vh;
	}

	.h80vh {
		height: 80vh;
		max-height: 80vh;
		min-height: 80vh;
	}

	.h70vh {
		height: 70vh;
		max-height: 70vh;
		min-height: 70vh;
	}

	.h40vh {
		height: 40vh;
		max-height: 40vh;
		min-height: 40vh;
	}

	.h30vh {
		height: 30vh;
		max-height: 30vh;
		min-height: 30vh;
	}

	.h20vh {
		height: 20vh;
		max-height: 20vh;
		min-height: 20vh;
	}


	.h10 {
		height: 10px;
	}

	.h20 {
		height: 20px;
	}

	.h25 {
		height: 25px;
	}

	.h30 {
		height: 30px;
	}

	.h40 {
		height: 40px;
	}

	.h50 {
		height: 50px;
	}

	.h75 {
		height: 75px;
	}

	.h100 {
		height: 100px;
	}

	.h150 {
		height: 150px;
	}

	.h200 {
		height: 200px;
	}

	.h300 {
		height: 300px;
	}

	.h400 {
		height: 400px;
	}

	.h500 {
		height: 500px;
	}

	.h600 {
		height: 600px;
	}

	.h700 {
		height: 700px;
	}

	.h150 {
		height: 150px;
	}

	.h250 {
		height: 250px;
	}

	.h350 {
		height: 350px;
	}

	.h450 {
		height: 450px;
	}

	.h550 {
		height: 550px;
	}

	.h650 {
		height: 650px;
	}

	.h750 {
		height: 750px;
	}

	.h1000 {
		height: 1000px;
	}

	.h900 {
		height: 900px;
	}

	.hMax10 {
		max-height: 10px;
	}

	.hMax20 {
		max-height: 20px;
	}

	.hMax25 {
		max-height: 25px;
	}

	.hMax30 {
		max-height: 30px;
	}

	.hMax40 {
		max-height: 40px;
	}

	.hMax50 {
		max-height: 50px;
	}

	.hMax75 {
		max-height: 75px;
	}

	.hMax100 {
		max-height: 100px;
	}

	.hMax150 {
		max-height: 150px;
	}

	.hMax200 {
		max-height: 200px;
	}

	.hMax300 {
		max-height: 300px;
	}

	.hMax400 {
		max-height: 400px;
	}

	.hMax500 {
		max-height: 500px;
	}

	.hMax600 {
		max-height: 600px;
	}

	.hMax700 {
		max-height: 700px;
	}

	.hMax150 {
		max-height: 150px;
	}

	.hMax250 {
		max-height: 250px;
	}

	.hMax350 {
		max-height: 350px;
	}

	.hMax450 {
		max-height: 450px;
	}

	.hMax550 {
		max-height: 550px;
	}

	.hMax650 {
		max-height: 650px;
	}

	.hMax750 {
		max-height: 750px;
	}


	.w100porcento {
		width: 100%;
	}

	.w50porcento {
		width: 50%;
	}

	.w49porcento {
		width: 49%;
	}

	.w25porcento {
		width: 25%;
	}

	.w75porcento {
		width: 75%;
	}

	.w15porcento {
		width: 15%;
	}

	.w85porcento {
		width: 85%;
	}

	.w33porcento {
		width: 33%;
	}

	.w66porcento {
		width: 66%;
	}

	.w40porcento {
		width: 40%;
	}

	.w60porcento {
		width: 60%;
	}

	.w20porcento {
		width: 20%;
	}

	.w80porcento {
		width: 80%;
	}

	.w30porcento {
		width: 30%;
	}

	.w70porcento {
		width: 70%;
	}

	.w10porcento {
		width: 10%;
	}

	.w90porcento {
		width: 90%;
	}

	.w5porcento {
		width: 5%;
	}

	.w95porcento {
		width: 95%;
	}

	.inline {
		display: inline-block;
		vertical-align: top;
	}

	.justificado {
		text-align: justify;
	}

	.text-align-right {
		text-align: right;
	}

	.text-align-left {
		text-align: left;

	}

	.vAlignTop {
		vertical-align: top;
	}

	.vAlignCentral {
		vertical-align: central;
	}

	.vAlignMiddle {
		vertical-align: middle;
	}

	.ui-alert {
		padding: 5px 5px 5px 5px;
		border-radius: 5px;
		margin: 5px;
	}

	.ui-alert-title {
		font-weight: bold;
		padding: 5px;
	}

	.ui-alert-message {
		font-style: italic;
		background-color: white;
		color: black;
		padding: 5px;
		border-radius: 5px;
	}

	.tamanho-fixo {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.bkg-white {
		background-color: #fff;
	}


	.ui-box {
		min-height: 1.5em;
		border-style: solid;
		border-width: 1px;
		border-radius: 5px;
		margin: 5px 5px 10px 5px;
		border-left-width: 1px;
		border-left-style: solid;

		background-color: #FFF;
		box-shadow: 3px 3px 3px var(--wt-var-d3);
		border-color: var(--wt-var-l3);
	}

	.card {
		min-height: 1.5em;
		border-style: solid;
		border-width: 1px;
		border-radius: 5px;
		margin: 5px 5px 10px 5px;
		border-left-width: 1px;
		border-left-style: solid;

		background-color: #FFF;
		box-shadow: 3px 3px 3px var(--wt-var-d3);
		border-color: var(--wt-var-l3);
	}

	.card-title {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		background-color: var(--wt-var-l3);
		border-bottom-color: var(--wt-var-l3);
		color: #000;

	}

	.card-title-label {
		display: inline-block;
		padding: 3px 5px 3px 5px;
	}

	.card-title-buttons {
		display: inline-block;
		padding: 0px;
		height: auto;
		text-align: right;
		float: right;
		padding-right: 5px;
		padding-top: 1px;
	}

	.card-body {
		padding: 5px 5px 5px 5px;
		overflow: auto;
		height: calc(100% - 30px);
	}

	.ui-btn-card-title {
		cursor: pointer;
		border-radius: 5px;
		border-width: 0px;
		margin: 0px;
		min-width: 28px;
		background-color: var(--wt-var-l1);
	}

	.ui-btn-card-title:hover {
		background-color: var(--wt-var-d3)
	}




	.ui-accordion {
		margin-left: 5px;
		margin-right: 5px;
	}

	.ui-accordion-title {
		padding: 5px 5px 5px 5px;
		font-weight: bold;
		cursor: pointer;
	}

	.ui-accordion-contents {
		padding: 5px;
	}


	.ui-accordion-h {}

	.ui-accordion-title-h {
		padding: 5px 5px 5px 5px;
		font-weight: bold;
		cursor: pointer;
		text-align: center;
	}

	.ui-accordion-contents-h {
		padding: 5px;
	}






	.ui-table-div {
		padding: 0px;
		margin: 5px;
	}

	.ui-table {
		padding: 0px;
		margin: 0px 10px 10px 0px;
		border-radius: 5px;
		border-spacing: 0px;
		width: 100%;
		border: solid 1px;
		border-radius: 5px;
		background-color: var(wt-var-l1);

	}

	.ui-table th {
		margin: 0px;
		padding-left: 10px;
		text-align: left;
		padding-top: 5px;
	}

	.ui-table td {
		margin: 0px;
		padding-left: 15px;
		background-color: #fff;
		border-bottom: solid 1px;
		border-bottom-color: var(--wt-var-l3);
		border-color: none;
		color: black;

	}

	.nav-bar-on-top {
		position: fixed;
		left: 0;
		top: 0;
	}

	.nav-top-padding-30 {
		padding-top: 30px;
	}



	.ui-navbar {
		display: table;
		border-bottom: 1px solid;
		border-spacing: 5px;
		/*cellspacing:poor IE support for  this*/
		position: relative;
		width: 100%;
		z-index: 10;
		text-align: center;
		font-weight: bold;
		border-color: var(--wt-var-d3);
	}

	.ui-nav-row {
		display: table-row;
		width: 100%;
		clear: both;

	}

	.ui-nav-side-left {
		float: left;
		/*fix for  buggy browsers*/
		display: table-column;
		/*max-width: 8em; */
		min-width: 8em;
	}

	.ui-nav-side-right {
		float: right;
		/*fix for  buggy browsers*/
		display: table-column;
		min-width: 2em;
		/*max-width: 2em;*/

	}

	.ui-nav-center {
		float: center;
		/*fix for  buggy browsers*/
		display: inline-block;
		text-overflow: ellipsis;
		max-width: calc(100% - 6em);
		white-space: nowrap;
		overflow: hidden;
	}

	.sem-quebra {
		text-overflow: ellipsis;
		white-space: nowrap;

	}

	.com-quebra {
		word-break: break-all;
		white-space: normal;
	}


	/* ui ajuda */
	.ui-btn-ajuda {
		padding: 0.5em 0px 0px 0.5em;
		margin: 0px 0px 0px 0px;
		height: 2em;
		vertical-align: top;
	}

	.ui-div-ajuda {
		display: block;
		/* Hidden by default */
		position: fixed;
		/* Stay in place */
		z-index: 200000;
		/* Sit on top */
		left: 0;
		top: 0;
		width: 100%;
		/* Full width */
		height: 100%;
		/* Full height */
		overflow: auto;
		/* Enable scroll if needed */
		border-style: dashed;
		border-width: 1px;
		background-color: #EEE;
		opacity: 0.98;
		padding: 1em;
	}

	/* fim ui ajuda */


	.ui-btn {
		border: hidden;
		min-height: 1.5em;
		cursor: pointer;
		margin-left: 3px;
		margin-right: 3px;
		border-radius: 5px;

	}

	.ui-btn-g {
		border: hidden;
		min-height: 1.5em;
		cursor: pointer;
		padding: 5px 15px;
		margin-left: 3px;
		margin-right: 3px;
		border-radius: 5px;
	}

	.ui-btn-xg {
		border: hidden;
		min-height: 1.5em;
		cursor: pointer;
		padding: 10px 30px;
		margin-left: 3px;
		margin-right: 3px;
		border-radius: 5px;
	}

	.ui-btn-r {
		float: right;
		vertical-align: top;
	}

	.ui-btn-icon {
		min-width: 1.2em;
	}

	.ui-btn-close {
		border: hidden;
	}

	.ui-btn-close:hover {
		cursor: pointer;
	}

	.ui-btn-margin-input {
		margin-top: 1.2em;
	}


	.flutuando-direita {
		position: absolute;
		right: 5px;
		top: 30px;
		z-index: 999999990;
	}




	.ui-content {
		padding: 0px;
		position: relative;
		z-index: 10;
	}





	.showPrint {
		position: fixed;
		width: 100%;
		height: 100%;
		opacity: 0.95;
		z-index: 99999999;
		left: 0;
		top: 0;
		overflow: hidden;
		background-color: #000000;
	}

	.showPrint object {
		width: 100%;
		height: 100%;
	}

	.bar-print {
		position: fixed;
		top: 0;
		left: 0;
		min-width: 120px;
		padding: 0px;
	}

	.bar-print button {
		min-width: 50px;
		min-height: 50px;
		padding: 0px;
	}


	.form-send-email-bg {
		position: fixed;
		width: 100%;
		height: 100%;
		opacity: 0.99;
		z-index: 160;
		left: 0;
		top: 0;
		overflow: hidden;
		background-color: #000000;
	}

	.form-send-email {
		background-color: #FFF;
	}



	.ui-header {
		top: 0;
		padding: 5px;
		margin-bottom: 10px;
		z-index: 20;

		background-color: #FFE;
		box-shadow: 0px 2px 2px #555;
		-webkit-box-shadow: 0px 2px 2px #555;
		-moz-box-shadow: 0px 2px 2px #555;
	}


	.ui-menu-scroll {
		top: 20;
		padding: 5px;
		margin-bottom: 10px;
		z-index: 20;

		background-color: #FFE;
		box-shadow: 0px 2px 2px #555;
		-webkit-box-shadow: 0px 2px 2px #555;
		-moz-box-shadow: 0px 2px 2px #555;
	}




	.ui-file-content {
		display: inline-block;
		border: 1px solid #ccc;
		cursor: pointer;
	}

	.ui-file-content input[type="file"] {
		display: none;
	}


	.ofuscar {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: fixed;
		opacity: 0.75;
		background-color: black;
		z-index: 10000;
	}

	.ofuscarTelaCheia {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: var(--wt-var-d5);
		opacity: 0.3;
		z-index: 10000;
		display: none;

	}

	.ofuscar-div {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		opacity: 0.75;
		background-color: black;
		z-index: 10000;
	}

	.ofuscar-inf {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: fixed;
		opacity: 0.75;
		background-color: black;
		z-index: 10000;
	}

	.ofuscar-show {
		z-index: 10001;
		position: relative;
	}

	.simplediv {
		padding: 5px;
		background-color: white;
	}


	.ui-box-shadow {
		box-shadow: 5px 5px 5px grey;
	}

	.ui-box-shadow-min {
		box-shadow: 2px 2px 2px grey;
	}

	.ui-box-all-shadow {
		box-shadow: 0px 0px 15px 5px grey;
	}

	.sombreado-2px {
		box-shadow: 2px 2px 2px #555;
		-webkit-box-shadow: 2px 2px 2px #555;
		-moz-box-shadow: 2px 2px 2px #555;
	}

	.sombreado-5px {
		box-shadow: 5px 5px 5px #555;
		-webkit-box-shadow: 5px 5px 5px #555;
		-moz-box-shadow: 5px 5px 5px #555;
	}

	.min-h-300px {
		min-height: 300px;
	}

	.min-h-200px {
		min-height: 200px;
	}


	.bg-white {
		background-color: white;
	}

	.bg-cupom {
		background-color: #ffff99;
	}

	.bg-blue {
		background-color: #bce8f1;
	}

	.bg-theme {
		background-color: var(--wt-var-d5);
	}


	.opc-10 {
		opacity: 0.9;
	}

	.opc-50 {
		opacity: 0.5;
	}

	.opc-70 {
		opacity: 0.3;
	}

	.opc-30 {
		opacity: 0.7;
	}




	.my-carousel-container {
		width: 533px;
		height: 300px;
		background-color: #fff;
		overflow: hidden;
		margin: 20px auto 3px;
		position: relative;
	}

	.my-carousel-element {
		/*position:relative;*/
		position: absolute;
		height: 100%;
		width: 100%;
	}

	.my-carousel-container img {
		width: 100%;
	}

	.my-carousel-element-data {
		position: absolute;
		height: 120px;
		bottom: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		color: var(--wt-var-l1);
		padding: 10px 20px 40px 20px;
	}

	.my-carousel-element-data .my-carousel-element-title {
		font-weight: 500;
		font-size: 22px;
	}

	.my-carousel-element-data .my-carousel-element-description {
		font-weight: 200;
		font-size: 14px;
		color: white;
	}

	.my-carousel-buttons {
		height: 100%
	}

	.my-carousel-buttons .prev-btn {
		left: 20px
	}

	.my-carousel-buttons .next-btn {
		right: 20px;
	}

	.my-carousel-container>.my-carousel-play-pause {
		position: absolute;
		top: -40px;
		height: 40px;
		width: 60%;
		left: 50%;
		margin-left: -30%;
		background-color: rgba(0, 0, 0, 0.45);
		text-align: center;
		padding: 8px;
		color: var(--wt-var-d3);
		font-size: 24px;
		border-top: 3px solid;
		border-top-color: var(--wt-var-d3);
		border-radius: 0 0 8px 8px;
		-moz-transition: top ease 0.35s;
		-o-transition: top ease 0.35s;
		-webkit-transition: top ease 0.35s;
		transition: top ease 0.35s;
	}

	.my-carousel-container:hover>.my-carousel-play-pause {
		top: 0;
		-moz-transition: top ease 0.35s;
		-o-transition: top ease 0.35s;
		-webkit-transition: top ease 0.35s;
		transition: top ease 0.35s;
	}

	.my-carousel-play-pause .play-btn,
	.my-carousel-play-pause .pause-btn {
		position: absolute;
		margin: 2px -15px;
		padding: 3px;
		cursor: pointer;
		left: 50%;
	}

	.my-carousel-buttons .next-btn,
	.my-carousel-buttons .prev-btn {
		position: absolute;
		height: 40px;
		width: 40px;
		background-color: rgba(0, 0, 0, 0.45);
		text-align: center;
		top: 50%;
		margin-top: -20px;
		padding: 8px;
		color: var(--wt-var-l3);
		font-size: 24px;
		border-radius: 20px;
		-moz-transition: all ease 0.35s;
		-o-transition: all ease 0.35s;
		-webkit-transition: all ease 0.35s;
		transition: all ease 0.35s;
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);

	}

	.my-carousel-buttons .next-btn:hover,
	.my-carousel-buttons .prev-btn:hover {
		color: #000;
		cursor: pointer;
		background-color: rgba(255, 255, 255, 0.45);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		-moz-transition: all ease 0.35s;
		-o-transition: all ease 0.35s;
		-webkit-transition: all ease 0.35s;
		transition: all ease 0.35s;
	}

	.my-carousel-tile-container {
		text-align: center;
	}

	.my-carousel-tile {
		display: inline-block;
		margin: 4px;
		background-color: var(--wt-var-l3);
		width: 40px;
		text-align: center;
		padding: 10px;
	}

	.my-carousel-tile:hover {
		background-color: var(--wt-var-d1);
		color: var(--wt-var-d3);
		cursor: pointer;
	}

	.selectedOption {
		background-color: var(--wt-var-d3);
		color: var(--wt-var-l3);
	}

	/*For circular tiles - below styles are applied*/
	[circular-tiles] .my-carousel-tile {
		display: inline-block;
		margin: 3px;
		border-radius: 10px;
		border: 1px solid;
		border-color: var(--wt-var-l3);
		text-align: center;
		background-color: transparent;
		height: 10px;
		width: 10px;
		padding: 2px;
	}

	[circular-tiles] .my-carousel-tile:hover {
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		-moz-transition: all ease 0.35s;
		-o-transition: all ease 0.35s;
		-webkit-transition: all ease 0.35s;
		transition: all ease 0.35s;
	}

	[circular-tiles] .selectedOption {
		background-color: var(--wt-var-d1);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		-moz-transition: all ease 0.35s;
		-o-transition: all ease 0.35s;
		-webkit-transition: all ease 0.35s;
		transition: all ease 0.35s;
	}

	[circular-tiles] .if-cirular-hide {
		display: none;
	}

	[circular-tiles-overlay] .my-carousel-tile-container {
		position: absolute;
		left: 0;
		right: 0;
		margin: -25px auto;
	}




	.ui-carousel-divs {
		border: solid 1px;
		border-color: var(--wt-var-l3);
		padding-top: 5px;
		border-radius: 5px;
		background-color: white;
	}

	.ui-carousel-div {
		position: relative;
		width: 100%;
		overflow: auto;
		min-height: 6em;
		background-color: white;
	}

	.ui-carousel-div-footer {
		padding: 5px;
		border-top: solid 1px;
		border-top-color: var(--wt-var-l3);
		background-color: rgba(0, 0, 0, 0.45);
		height: 44px;
	}

	.ui-carousel-div-a-current {
		margin-right: 5px;
		border-radius: 15px;
		border: 1px;
	}

	.ui-carousel-div-a {
		margin-right: 5px;
		border-radius: 15px;
		border: 1px;
	}






	.ui-align-left {
		float: left;
		/*fix for  buggy browsers*/
		display: inline-block;
		max-width: 4em;
		/**/
		min-width: 2em;
	}

	.ui-align-right {
		float: right;
		/*fix for  buggy browsers*/
		display: inline-block;
		min-width: 5em;
	}

	.ui-align-center {
		float: center;
		/*fix for  buggy browsers*/
		display: inline-block;
		text-overflow: ellipsis;
		overflow: hidden;

	}




	.img-thumb {
		border: 1px solid #ddd;
		/* Gray border */
		border-radius: 4px;
		/* Rounded border */
		padding: 2px;
		/* Some padding */
		width: 135px;
		/* Set a small width */
	}


	.scroll {
		overflow-y: scroll;
		overflow-x: scroll;
	}

	.scroll-y {
		overflow-y: scroll;
	}

	.scroll-x {
		overflow-x: scroll;
	}

	::-webkit-scrollbar {
		width: 10px;
		/* for vertical scrollbars */
		height: 10px;
		/* for horizontal scrollbars */
	}

	.scroll-auto {
		overflow-y: auto;
		overflow-x: auto;
	}


	::-webkit-scrollbar-track {
		background: rgba(0, 0, 0, 0.1);
		box-shadow: inset 0 0 5px grey;
		border-radius: 10px;
	}

	::-webkit-scrollbar-thumb {
		background: rgba(0, 0, 0, 0.5);
		border-radius: 10px;
	}




	.mouse-pointer {
		cursor: pointer !important;
	}

	.cursor-pointer {
		cursor: pointer;
	}



	.wrapword {
		white-space: -moz-pre-wrap !important;
		/* Mozilla, since 1999 */
		white-space: -webkit-pre-wrap;
		/*Chrome & Safari */
		white-space: -pre-wrap;
		/* Opera 4-6 */
		white-space: -o-pre-wrap;
		/* Opera 7 */
		white-space: pre-wrap;
		/* css-3 */
		word-wrap: break-word;
		/* Internet Explorer 5.5+ */
		word-break: break-all;
		white-space: normal;
	}


	.telacheia {
		width: 100vw;
		height: 100vh;
	}

	.disableSave {
		-webkit-user-select: none;
		-webkit-touch-callout: none;
	}




	.courier-font {
		font-family: "Courier New", serif;
		font-size: 15px;
		font-weight: bold;

	}


	.negrito {
		font-weight: bold;
	}

	.italico {
		font-style: italic;
	}


	.textomiudo {
		font-size: 0.6em;
	}

	.inputSemPadding {
		font-family: "segoe ui";
		font-size: 18px;
		height: 18px;
		padding: 0px;
		margin: 0px;
		outline: none;
		border: 0px;
		vertical-align: baseline;
	}


	.tabOdd {
		background-color: var(--wt-var-l5);
	}

	.tabOdd input {
		background: var(--wt-var-l5);
	}

	.tabOdd input:focus {
		background: var(--wt-var-l3);
	}

	.tabEven {
		background-color: white;
	}

	.transparent {
		background: transparent
	}

	.divDecorada {
		padding: 5px;
		min-height: 1.5em;
		border-style: solid;
		border-width: 1px;
		border-radius: 5px;
		margin: 5px 5px 10px 5px;
		border-left-width: 1px;
		border-left-style: solid;

		background-color: #FFF;
		box-shadow: 3px 3px 3px var(--wt-var-d5);
		border-color: var(--wt-var-l5);

	}

	.ocuparConteudo {
		display: flex;
		flex-direction: column;
	}


	@keyframes fa-blink {
		0% {
			opacity: 1;
		}

		50% {
			opacity: 0.7;
		}

		100% {
			opacity: 0.4;
			color: red;
		}
	}

	.fa-blink {
		-webkit-animation: fa-blink 1.5s linear infinite;
		-moz-animation: fa-blink 1.5s linear infinite;
		-ms-animation: fa-blink 1.5s linear infinite;
		-o-animation: fa-blink 1.5s linear infinite;
		animation: fa-blink 1.5s linear infinite;
	}

	@keyframes fa-blink-amarelo-laranja {
		0% {
			opacity: 1;
			color: organge
		}

		25% {
			opacity: 0.7;
			color: orange;
		}

		50% {
			opacity: 0.4;
			color: orange;
		}

		70% {
			opacity: 1;
			color: red;
		}

		80% {
			opacity: 0.7;
			color: red;
		}

		100% {
			opacity: 0.4;
			color: red;
		}
	}

	.fa-blink-amarelo-laranja {
		-webkit-animation: fa-blink-amarelo-laranja 1.5s linear infinite;
		-moz-animation: fa-blink-amarelo-laranja 1.5s linear infinite;
		-ms-animation: fa-blink-amarelo-laranja 1.5s linear infinite;
		-o-animation: fa-blink-amarelo-laranja 1.5s linear infinite;
		animation: fa-blink-amarelo-laranja 1.5s linear infinite;
	}
}

@media (min-width: 600px) {}



@media all and (min-width: 250px) {
	.w200 {
		width: 195px;
		max-width: 195px;
		max-width: 195px;
		margin-left: 5px;
	}
}

@media not all and (min-width: 250px) {
	.w200 {
		width: 95%;
		max-width: 95%;
		max-width: 95%;
		margin-left: 5%;
	}
}


@media all and (min-width: 400px) {
	.w350 {
		width: 345px;
		min-width: 345px;
		max-width: 345px;
		margin-left: 5px;
	}
}

@media not all and (min-width: 400px) {
	.w350 {
		width: 95%;
		min-width: 95%;
		max-width: 95%;
		margin-left: 2%;
	}
}




@media all and (min-width: 450px) {
	.w400 {
		width: 395px;
		min-width: 395px;
		max-width: 395px;
		margin-left: 5px;
	}
}

@media not all and (min-width: 450px) {
	.w400 {
		width: 95%;
		min-width: 95%;
		max-width: 95%;
		margin-left: 2%;
	}
}


@media all and (min-width: 550px) {
	.w500 {
		width: 495px;
		min-width: 495px;
		max-width: 495px;
		margin-left: 5px;
	}
}

@media not all and (min-width: 550px) {
	.w500 {
		width: 95%;
		min-width: 95%;
		max-width: 95%;
		margin-left: 2%;
	}
}


@media all and (min-width: 650px) {
	.w600 {
		width: 595px;
		min-width: 595px;
		max-width: 595px;
		margin-left: 5px;
	}

	.h600 {
		height: 590px;
		min-height: 595px;
		max-height: 590px;
	}
}

@media not all and (min-width: 650px) {
	.w600 {
		width: 95%;
		min-width: 95%;
		max-width: 95%;
		margin-left: 2%;
	}

	.h600 {
		height: auto;
	}
}



@media all and (min-width: 79px) {
	.w700 {
		width: 695px;
		min-width: 695px;
		max-width: 695px;
		margin-left: 5px;
	}
}

@media not all and (min-width: 790px) {
	.w700 {
		width: 95%;
		min-width: 95%;
		max-width: 95%;
		margin-left: 2%;
	}
}



@media all and (min-width: 790px) {
	.w800 {
		width: 795px;
		min-width: 795px;
		max-width: 795px;
		margin-left: 5px;
	}
}

@media not all and (min-width: 790px) {
	.w800 {
		width: 95%;
		min-width: 95%;
		max-width: 95%;
		margin-left: 2%;
	}
}

@media all and (min-width: 990px) {
	.w10000 {
		width: 9995px;
		min-width: 9995px;
		max-width: 9995px;
		margin-left: 5px;
	}
}

@media not all and (min-width: 990px) {
	.w10000 {
		width: 95%;
		min-width: 95%;
		max-width: 95%;
		margin-left: 2%;
	}
}

@media all and (min-width: 1190px) {
	.w1200 {
		width: 1195px;
		min-width: 1195px;
		max-width: 1195px;
		margin-left: 5px;
	}
}

@media not all and (min-width: 1190px) {
	.w1200 {
		width: 95%;
		min-width: 95%;
		max-width: 95%;
		margin-left: 2%;
	}
}

@media screen and (max-width: 499px) {
	.hide_mobile {
		visibility: hidden;
		display: none;
	}
}

@media screen and (min-width: 500px) {
	.hide_mobile {
		visibility: visible;
	}
}



.circle-bg-white-200px {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	background-color: #fff;
	opacity: 0.7;
}

.circle-bg-white-100px {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	background-color: #fff;
	opacity: 0.7;
}


/**
  XML Prettify
  Utilizado em uiShow no arquivo directives-ui.js
*/
.xtb {
	display: table;
	font-family: monospace;
}

.xtc {
	display: table-cell;
}

.xmt {
	color: #0000CC;
	display: inline;
}

.xel {
	color: #990000;
	display: inline;
}

.xdt {
	color: #000000;
	display: inline;
}

.xat {
	color: #FF0000;
	display: inline;
}



.table-cor-alternada tr:nth-child(odd) td {
	background-color: #fff;
	border-bottom: 1px solid #999;
}

.table-cor-alternada tr:nth-child(even) td {
	background-color: #eee;
	border-bottom: 1px solid #999;
}


.stop-scrolling {
	height: 100%;
	overflow: hidden;
}


.titulo  {
	text-align: center;
	font-size: 20px;
}

.div-center  {
	text-align: center;
}