#formulario, #formulario_facturacion{

display: flex;
flex-direction: row ; 
justify-content: flex-start;
flex-wrap: wrap;
gap: 8px;
}

 .resumenEnvio, .resumenFacturacion{
display: none;
border: 1px solid #ccc;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
font-size: 13px;
color: #575757;
}
.resumenEnvio h4, .resumenFacturacion h4{

font-size: 15px;
border-bottom: 1px solid #ccc;
display: inline-block;
margin-bottom: 20px;

}

#formulario .form-group, #formulario_facturacion .form-group{
   width: 48%;
}

.js-check.box {
height: 100%;
}
.direccion, .referencia, .pais, .provincia , .distrito, .razon_social, .ruc, .nombres_completos_fact{ width: 100% !important;}

.label-direccion, .label-referencia, .label-pais, .label-provincia , .label-distrito, .label-razon_social, .label-ruc, .label-nombres_completos_fact, .label-apellidos_completos_fact, .label-correo, .label-nombres_completos,
 .label-apellidos_completos, .label-telefono, .label-dni_doc, .label-list_tipo_doc, .label-dni_doc, .label-nom_ape_quien_recoje, .label-tipo_doc_quien_recoje{ width: 96% !important;}

.form-group.dni_doc, .form-group.telefono, .form-group.correo, .form-group.dni_doc{

   width: 49% !important;
 }


.form-group.departamento, .form-group.provincia, .form-group.distrito, .form-group.nom_ape_quien_recoje, .form-group.documento_quien_recoje, .form-group.tipo_doc_quien_recoje{ width: 32.33% !important;}
.form-group.ruc, .form-group.razon_social{ display: none; }
/*.metodosPago{ display: none; }*/
.state-error input, .state-error select{ border: 1px solid rgb(237, 157, 157);
background-color: rgb(255, 251, 251); }
.state-success input, .state-success select{ border: 1px solid rgb(176, 218, 176);
background-color: rgb(250, 255, 250);}
.state-error{color: rgb(219, 102, 102);}

em.state-error {
color: rgb(219, 102, 102);
font-size: 11px;
}
.separadores.nom_ape_quien_recoje{ width: 100%; display: block !important; }
.separadores{display: none;}
.hidden, .select2-results__option--disabled{ 

   display: none;
    visibility: hidden;



}

.label-departamento span{
width: 100%;
display: block;
}
.select2-container{
width: 100%;
display: block;

}
#smart-form main .loadin{
display: none;
background-color: #ffffffb3;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 1;
height: 100%;

}

.spinner {
   position: absolute;
   left: 50%;
   top: 50%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}

label {
  display: block;
  margin-bottom: 0.3rem;
  width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(1.5em + 0.9rem + 2px) !important;
}
.select2-container--default .select2-selection--single {

  height: calc(1.5em + 0.9rem + 2px)  !important;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {

  line-height: calc(1.5em + 0.9rem + 2px)  !important;


}