:root {
			--blue: #1e90ff;
			--positop: 20;
      --topOffset: 0px;
      --leftOffset:160px;
   
		}

		.bd-placeholder-img {
			font-size: 1.125rem;
			text-anchor: middle;
			-webkit-user-select: none;
			-moz-user-select: none;
			user-select: none;
		}

		@media (min-width: 768px) {
			.bd-placeholder-img-lg {
				font-size: 3.5rem;
			}
		}

		.b-example-divider {
			width: 100%;
			height: 3rem;
			background-color: rgba(0, 0, 0, .1);
			border: solid rgba(0, 0, 0, .15);
			border-width: 1px 0;
			box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
		}

		.b-example-vr {
			flex-shrink: 0;
			width: 1.5rem;
			height: 100vh;
		}

		.bi {
			vertical-align: -.125em;
			fill: currentColor;
		}

		.nav-scroller {
			position: relative;
			z-index: 2;
			height: 2.75rem;
			overflow-y: hidden;
		}

		.nav-scroller .nav {
			display: flex;
			flex-wrap: nowrap;
			padding-bottom: 1rem;
			margin-top: -1px;
			overflow-x: auto;
			text-align: center;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch;
		}

		.btn-bd-primary {
			--bd-violet-bg: #712cf9;
			--bd-violet-rgb: 112.520718, 44.062154, 249.437846;

			--bs-btn-font-weight: 600;
			--bs-btn-color: var(--bs-white);
			--bs-btn-bg: var(--bd-violet-bg);
			--bs-btn-border-color: var(--bd-violet-bg);
			--bs-btn-hover-color: var(--bs-white);
			--bs-btn-hover-bg: #6528e0;
			--bs-btn-hover-border-color: #6528e0;
			--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
			--bs-btn-active-color: var(--bs-btn-hover-color);
			--bs-btn-active-bg: #5a23c8;
			--bs-btn-active-border-color: #5a23c8;
		}

		.bd-mode-toggle {
			z-index: 1500;
		}

		.bd-mode-toggle .dropdown-menu .active .bi {
			display: block !important;
		}
		
		.btn-group-xs > .btn, .btn-xs {
			padding: .25rem .4rem;
			font-size: .875rem;
			line-height: .5;
			border-radius: .2rem;
			/* comentarios css comecam aqui  */

			label {
				height: 10px;
				vecelularalign: bottom;
				display: table-cell;
				padding-bottom: 5px;
			}
			form label,
			form p_alt
			{    
				font-weight:bop line-height:.7em;
			}

		}
/*                   linha nome email e celular             */
#label_nome
{
	font-family:  Lucida Console ;
	font-size: 16px;
	width:335px;
	height:24px;
	
	position:absolute;
  top: calc(75px + var(--topOffset));
  left: calc(30px + var(--leftOffset));
	/* top:  calc(var(--positop+80) );*/

}

#nome
{
	font-family:  Lucida Console ;
	font-size: 16pt;
	width:335px;
	height:24px;
	
	position:absolute;
  top: calc(90px + var(--topOffset));
  left: calc(30px + var(--leftOffset));
	/* top:  calc(var(--positop+80) );*/

}

#label_email
{
	font-family:  Lucida Console ;
	font-size:16pt;
	width:450px;
	height:25px;

	position:absolute;
  top: calc(75px + var(--topOffset));
  left: calc(370px + var(--leftOffset));
}
#email
{
	font-family:  Lucida Console ;
	font-size:16pt;
	width:450px;
	height:25px;

	position:absolute;
  top: calc(90px + var(--topOffset));
  left: calc(370px + var(--leftOffset));
}

#label_celular
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:135px;
	height:25px;

	position:absolute;
  top: calc(75px + var(--topOffset));
  left: calc(825px + var(--leftOffset));
}

#celular
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:135px;
	height:25px;

	position:absolute;
  top: calc(90px + var(--topOffset));
  left: calc(825px + var(--leftOffset));
}

/*   linha cep endereco estado cidade bairro e uf         */
#label_cep
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:110px;
	height:25px;

	position:absolute;
  top: calc(120px + var(--topOffset));
  left: calc(30px + var(--leftOffset));
}
#cep
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:100px;
	height:25px;

	position:absolute;
  top: calc(130px + var(--topOffset));
  left: calc(30px + var(--leftOffset));
}

#label_endereco
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:110px;
	height:25px;

	position:absolute;
  top: calc(120px + var(--topOffset));
  left: calc(135px + var(--leftOffset));
}
#endereco
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:400px;
	height:25px;

	position:absolute;
  top: calc(130px + var(--topOffset));
  left: calc(135px + var(--leftOffset));
}

#label_numero
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:70px;
	height:25px;

	position:absolute;
  top: calc(120px + var(--topOffset));
  left: calc(540px + var(--leftOffset));
}

#numero
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:70px;
	height:25px;

	position:absolute;
  top: calc(130px + var(--topOffset));
  left: calc(540px + var(--leftOffset));
}

#label_bairro
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:70px;
	height:25px;

	position:absolute;
  top: calc(120px + var(--topOffset));
  left: calc(615px + var(--leftOffset));
}

#bairro
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:150px;
	height:25px;

	position:absolute;
  top: calc(130px + var(--topOffset));
  left: calc(615px + var(--leftOffset));
}

#label_cidade
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:70px;
	height:25px;

	position:absolute;
  top: calc(120px + var(--topOffset));
  left: calc(770px + var(--leftOffset));
}

#cidade
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:150px;
	height:25px;

	position:absolute;
  top: calc(130px + var(--topOffset));
  left: calc(770px + var(--leftOffset));
}

#label_estado
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:35px;
	height:25px;

	position:absolute;
  top: calc(120px + var(--topOffset));
  left: calc(925px + var(--leftOffset));
}


#estado
{
	font-family:  Lucida Console ;
	font-size:12pt;
	width:35px;
	height:25px;

	position:absolute;
  top: calc(130px + var(--topOffset));
  left: calc(925px + var(--leftOffset));
}


.button-salvar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: right;
	margin-top:-50px;
	margin-left:900px;

}
input[type=text] {
	width: 100%;
	padding: 12px 05px;
	margin: 0px 0;
	box-sizing: border-box;
	border: 1px solid #555;
	outline: none;
}

input[type=text]:focus {
	background-color: yellow;
}
input[type=email] {
	width: 100%;
	padding: 12px 05px;
	margin: 0px 0;
	box-sizing: border-box;
	border: 1px solid #555;
	outline: none;
}
input[type=email]:focus {
	background-color: yellow;
}

div.c {
	line-height: 80%;
}

table.center {
  margin-top: 05px; 
  margin-left: auto; 
  margin-right: auto;
}