/* Manter o formulario flex, com flex direction row e flex-wrap-wrap
>> classe .row, define as linhas de cada item Form, usar no html fazendo as marcações
>> classe . grupo_cxs, define as configurações de bloco de itens do form
>> classe .cx_text, define as propriedades inputs
>> classe .col-1.., 5 Tamanho dos inputs
>> @media(max-width: 950px ) configura os itens do display responsivo
	example
<form id="frm_registro">
				
		<h1>Cad. Info Frete</h1>
			
			<div class="row">	
					<div class="grupo_cxs col-1" id="grupo_cx_id">
						<label for="">Id</label>
						<input class="cx_text" type="text" id="cx_id" disabled>											
					</div>	
			</div>
</form>
*/



.frm_registro{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/* border:solid 1px #CFCFCF; */
	border-top: none;
	border-radius: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	z-index: 0;
	background-color:white;
	
}


.frm_registro h2{
	border-bottom:solid 1px #CFCFCF; 
	border-right: solid 1px #CFCFCF;
	padding: 2px 10px 2px 10px;
	background-color: #e4e4e4;
	margin-top: 50px;
}


.cx_text{	
	outline: none;
	/* border:solid 1px  #cccecf; */
	border: solid 1px  #CFCFCF;
	border-radius: 3px;
	height: 60px;
	width:100%;
	padding-left: 10px;
	margin-top: 10px;
	color:#4F4F4F;
	cursor: pointer;
	font-size: 15px;
}

.cx_text2{	
	height: 130px !important;
	width:99.9%;
	font-size: 15px;
	border: solid 1px #CFCFCF;
}

input::placeholder {
	font-size: 15px;
	color:rgb(43, 40, 40);
}

input::-moz-placeholder {
	font-size: 15px;
	color:rgb(43, 40, 40);
}

textarea::placeholder {
	font-size: 15px;
	color:rgb(43, 40, 40);
}

textarea::-moz-placeholder {
	font-size: 15px;
	color:rgb(43, 40, 40);
}


.inf_reg {
	color: #696969;
}

.inpt_select {
	background-color: #BCD2EE;
	cursor: pointer;
}

.lbs {
	font-weight: bold;
	font-size: 15px;
	color:#9c9494; 		
}


.lb_frm {
	font-weight: bold;
	font-size: 15px;
	color:#696969; 	
}


.lb_text {
	font-weight: bold;
	font-size: 15px;
	color:#696969; 
}

.grupo_cxs{
	display: inline-block;
	margin-left: 35px;
	top: 0px;
}

.itm_foot{
	color: white;
	margin-top: 22px;
}

.grupo_btns a{ 
margin-left: -40px;
}

.col-1, .col-1-2, .col-1-5, .col-2, .col-2-2, .col-2-3, .col-3, .col-3-2, .col-4, .col-5, .col-6{
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;

}

.row{
	width:100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-1-2{
	-ms-flex: 0 0 10.333333%;
	flex: 0 0 10.333333%;
	max-width: 10.333333%;
}

.col-1-5{
	-ms-flex: 0 0 21.966667%;
	flex: 0 0 21.966667%;
	max-width: 21.966667%;
}

.col-2 {
  -ms-flex: 0 0 18.666667%;
  flex: 0 0 18.666667%;
  max-width: 18.666667%;
}

.col-2-2 {
	-ms-flex: 0 0 30.666667%;
	flex: 0 0 30.666667%;
	max-width: 30.666667%;
  }

  .col-3 {
  -ms-flex: 0 0 29%;
  flex: 0 0 29%;
  max-width: 29%;
 
}

.col-3-2{
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
	max-width: 35%;	
}

.col-4 {
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;

}


.col-5 {
  -ms-flex: 0 0 61%;
  flex: 0 0 61%;
  max-width: 61%;

}


.col-6 {
  -ms-flex: 0 0 92%;
  flex: 0 0 92%;
  max-width: 92%;

}

.col-7 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
  
  }

@media(max-width: 750px){

.grupo_cxs{
	display: block;
	margin-top: 15px;

}

.col-1,.col-2,.col-3,.col-4, .col-5, .col-6, .col-2-2{
 -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}

}