@charset "iso-8859-1";
#form-div form{
	display:flex !important;
}
#form-div form input, #form-div form select, #form-div form textarea{
	padding: 8px 8px 8px 46px;
	border-radius: 8px;
} 
#form-div form select{
	height: 35px;
}
.form-orcamento-coluna1, .form-orcamento-coluna2{
	width: 100%;
}
#form-div form .controle-altura-1{
	width: 29%;
    margin: 3px 0 3px 16px;
}
#form-div form .controle-altura-2{
	width: 28%;
    margin: 3px 0;
}
.tipo-material, .quantidade-produtos{
	width: 90%;
}
.forma-entrega, .tipo-impressao, .quantidade-cores{
	min-width: 90%;
}
.form-estado{
	min-width: 95%;
}
.input-wrap {
  position: relative;
  display: inline;
}
.input-wrap label {
	position: absolute;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    pointer-events: none;
    left: 52px;
    top: -4px;
    transition: 300ms ease all;
}
.input-wrap input:focus ~ label{
    top: -25px;
    font-size: 12px;
    color: #000000;
    background: #ffffff;
    border-radius: 20px;
    padding: 1px;
}
.input-wrap .label2 {
	position: absolute;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	pointer-events: none;
	left: 52px;
	top: -77px;
	transition: 300ms ease all;
}
.input-wrap textarea:focus ~ .label2{
    top: -93px;
    font-size: 12px;
    color: #000000;
    background: #ffffff;
    border-radius: 20px;
    padding: 1px;
}
.input-wrap .apagado {
    top: -25px;
    font-size: 12px;
    color: #000000;
    background: #ffffff;
    border-radius: 20px;
    padding: 1px;
}
.input-wrap .apagado2 {
    top: -93px;
    font-size: 12px;
    color: #000000;
    background: #ffffff;
    border-radius: 20px;
    padding: 1px;
}
#form .input-wrap #cidade{
	max-width: 100%;
}
#form-div form select{
	padding: 8px 8px 8px 42px !important;
}
@media (max-width: 900px){
	#form-div form {
    	display: flex !important;
    	flex-direction: column;
}
	#form-div #codigo{
		width: 80.5% !important;
}
	#form-div .tipo-material{
		width: 90% !important;
}
	.controle-altura-1{
		width: 35.5% !important;
}
	.controle-altura-2{
		width: 35% !important;
}
	#form-div .quantidade-produtos{
		width: 81% !important;
}
	#form-div .forma-entrega, #form-div .tipo-impressao, #form-div .quantidade-cores{
		width: 84% !important;
}
	.form-estado{
		min-width: 89%;
}

}
@media (max-width: 600px){
	#form-div #codigo{
		width: 80.5% !important;
}
	#form-div .tipo-material{
		width: 93% !important;
}
	.controle-altura-1{
		width: 33.5% !important;
}
	.controle-altura-2{
		width: 34% !important;
}
	#form-div .quantidade-produtos{
		width: 81% !important;
}
	#form-div .forma-entrega, #form-div .tipo-impressao, #form-div .quantidade-cores{
		min-width: 93% !important;
}
}
@media (max-width: 450px){
	#form-div #codigo{
		width: 80.5% !important;
}
	#form-div .tipo-material{
		width: 94% !important;
}
	.controle-altura-1{
		width: 33.5% !important;
}
	.controle-altura-2{
		width: 32% !important;
}
	#form-div .quantidade-produtos{
		width: 81% !important;
}
	#form-div .forma-entrega, #form-div .tipo-impressao, #form-div .quantidade-cores{
		min-width: 94% !important;
}
	.form-estado {
   		min-width: 87%;
}
}
@media (max-width: 400px){
	#form-div #codigo{
		width: 80.5% !important;
}
	#form-div .tipo-material{
		width: 86% !important;
}
	.controle-altura-1{
		width: 24.5% !important;
}
	.controle-altura-2{
		width: 28% !important;
}
	#form-div .quantidade-produtos{
		width: 81% !important;
}
	#form-div .forma-entrega, #form-div .tipo-impressao, #form-div .quantidade-cores{
		min-width: 86% !important;
}
	.input-wrap #cidade{
		width: 70% !important;
}
	.input-wrap .form-estado {
   		min-width: 85%  !important;
}
}