@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {
  --primary_color: #0186eb;
  --primary_light_color: #f0f8ff;
}
.input_wrapper{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.input_wrapper_r{
  display: flex;
  flex-direction: column;

}
.bloque_input input[type="text"],
.bloque_input select{
width: 100%;

}
.input_wrapper.small , .input_wrapper_r.small{
  width: 50%;
}

.fitem {
  margin-bottom: 15px;
}
.fitem .content-input{
  display:grid; 
  gap:2%;
}
.columinput-3{
  grid-template-columns:32% 32% 32%;
}
.columinput-2{
  grid-template-columns:49% 49%;
}
.content-input > div >input,.content-input > div > select {
  width:100% !important;
}
.input_wrapper label, .input_wrapper_r label{
  font-weight: 500;
  font-size: 11px;
  color: black;
  text-transform: uppercase;
  text-align: left;
}

.input_wrapper input,
.input_wrapper select,
.input_wrapper textarea, 
.input_wrapper_r input,
.input_wrapper_r select, 
.input_wrapper_r textarea{
  height: 30px !important;
  box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid rgba(0,0,0, .2);
  background-color: white !important;
  font-family: "Roboto", sans-serif;
  border-radius: 3px;
}

.input_wrapper input:focus ,
.input_wrapper input:active,
.input_wrapper_r input:focus ,
.input_wrapper_r input:active{
  border: 1px solid var(--primary_color) !important;
  outline: none;
  box-shadow: 0 0 1px 0 var(--primary_color);
}

.input_wrapper .validatebox-invalid, .input_wrapper_r .validatebox-invalid{
  border: 1px solid red;
}

.input_wrapper.span2 , .input_wrapper_r.span2{
  grid-column: 2 span;
}

.input_wrapper.radio, .input_wrapper_r.radio {
  flex-direction: row;
  align-items: center;
  font-size: 13px;
  padding-top: 10px;
  justify-content: center;
}

.input_wrapper.radio  input, .input_wrapper_r input{
  margin-top: 0;
  margin-right: 10px;
}

#btnsunat{
  background-color: var(--primary_color);
  color: var(--primary_light_color);
  border-radius: 5px;
  height: 30px;
  padding: 0 10px;
  border: none;
  cursor: pointer;
}