:root{
--color-blue:#0088ff;
--color-blue-dark:#174c7b;
--color-blue-light:#23b5d3;
--color-blue-very-light:#7ccce5;
--color-gris:#e5e5e5;
--color-orange:#FF5E0D;
--color-black:#071013;
--color-green:#32B246;
--fontsize-titles:25px;
--fontsize-text:20px;
--fontsize-button:18px;
}
.items_form_section{
max-width: 100% !important;
margin: 0 auto;
padding: 0;   
}
.items_form_section section{
margin-bottom: 20px;
}
.items_form_section section .section_title{    
background: var(--color-gris);
box-shadow: 0px 4px 8px rgb(89 73 30 / 16%);
width: 100%;
max-width: 550px;
min-width: 280px;
height: 50px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
top: -20px;
text-align: center;
}
.items_form_section section .section_title h2{ 
color: var(--color-orange);
font-size: var(--fontsize-titles);
margin-bottom: 0;
width: 80%;
}
.items_form_section section .section_title input{
height: 20px;
width: 20px;
margin: 7px 0 0 7px;
}
.items_form_section .section_Placas, .items_form_section .section_Implementos{
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 50px;
}
.items_form_section .form_placa,.items_form_section .form_implementos{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid var(--color-blue);
border-radius: 10px;
width: 90%;
margin: 10px 0px 30px 0px;
display: none;
}
.items_form_section .box_placas_1{
display:flex ;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: auto;
width: 100%;
}
.box_placas_1 div{   
display: flex;
flex-direction: column;
align-items: center;
height: 90%;
width: 100%;
min-width: 250px;
}
.items_form_section label{
vertical-align: middle;
font-size: var(--fontsize-text);    
text-align: center;
color: var(--color-black);
font-weight: bold;
}
.items_form_section textarea{
min-width: 230px;
height: 50px;
font-size: 11px;
font-weight: 400; }
.box_placas_1 div label{    
width:  100%;    
}
.box_placas_1 div input, .box_implementos_1 div input{
width: 90%;
height: 45px;
}
.box_placas_1 div select, .box_implementos_1 div select{
width: 90%;
height: 50px;
}
.items_form_section .box_placas_2{    
display:flex ;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
height: auto;
width: 100%;
}
.box_placas_2 div{    
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.box_placas_2 div label{
width:  100%;
}
.box_placas_2 div textarea{
width: 83%;
}
.placas_button_box{
margin: 15px 0 25px 0;
}
.placas_button_box button, .button_implementos button {
background-color: var(--color-green);
border-radius: 10px;
font-size: var(--fontsize-button);
min-width: 230px;
color: white;
height: 50px;
text-align: center;
line-height: 25%;
box-shadow: 0px 4px 5px 0px #00000040;
font-family: 'Oswald'; }
.form_implementos .box_implementos_1{     
display:flex ;
flex-direction: column;
justify-content: space-between;
align-items: center;    
width: 100%;
height: auto;
}
.box_implementos_1 div{    
display: flex;
flex-direction: column;
align-items: center;
height: 90%;
width: 100%;
}
.box_implementos_1 div label{
width:  90%;    
}
.box_implementos_2 {
background-color: transparent;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: auto;
width: 100%;
}
.box_implementos_2 div{
background-color: transparent;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: auto;
width: 90%;
}
.box_implementos_2 div label{
width:  100%;
}
.box_implementos_2 div textarea{
width: 100%;
}
.button_implementos{
margin: 15px 0 25px 0;
}
.box_button_cotuzar{
display: flex;
margin: 0 auto;
align-items: center;
justify-content: center;
height: auto;
width: 100%;
}
#Button_cotizacion, .cliente__button, .cotizar__notice-button{
background-color: var(--color-orange);
height: 50px;
width: 170px;
font-size: 25px;
border-radius: 15px;
box-shadow: 0px 4px 5px 0px #00000040;
}
.items_form_section table{
display: none;
width: 90%;
margin: 0 auto;
text-align: center;
margin-bottom: 25px;
overflow-x: auto;
}
.items_form_section table thead{
font-size: 18px;
text-align: center;
background-color: #006DCC;
color: white;
font-family: 'Oswald', sans-serif;
}
.tablaPlacas th, .tablaImplementos th{
vertical-align: middle;
text-align: center;
}
.tablaPlacas .th1{
width:calc(45%/6);
}
.tablaPlacas .th2{
width:calc(50%/2);
}
.tablaPlacas .th3{
width:5%
}
.tablaImplementos .th1{
width:calc(55%/4);
}
.tablaImplementos .th2{
width:calc(40%/1);
} 
.tablaImplementos .th3{
width: 5%;
} 
.tablaPlacas td, .tablaImplementos td{
vertical-align: middle;
text-align: center;
color: black;
font-size: 16px;
font-family: 'Astra';
}
#buttonTable{
background: transparent;
font-weight: bolder;
color: var(--color-orange);
font-size: 35px;
}
.items_form_section table tbody{
background-color: #F0EEEE;
font-size: 17px;
font-family: 'Oswald', sans-serif;
text-align: center;
}  .clientes_form_section{    
display: none;
flex-direction: column;
width:  100% !important;
align-items: center;
justify-content: center;
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
max-width: 767px !important;
min-width: 300px !important;  
}
.clientes_form_section_box{
background-color: white;
width: 90%;
margin: 20px 0 20px 0;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
max-width: 375px;
min-width: 300px;
}
.cliente_text{   
color: var(--color-blue-dark);
text-align: center;
margin-bottom: 0px !important;
font-size: 14px;
font-weight: bold;
width: calc(100% - 70px);
}
.clientes_form_section_box .material-icons, .cotizar__notice-div .material-icons{
font-size: 33px;
color: var(--color-orange);
width: 33px;
height: 33px;
position: relative;
top: -88px;
left: 10px;
align-self: flex-end;
}	
.cliente__form{
padding: 0 0 15px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.cliente__form-inputs{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: auto; 
}
.cliente__form-inputs div{
display: flex;
flex-direction: row;
align-items: center;
align-content: center;
}
.cliente__form-inputs input{
margin-right: 10px; 
background-color: #F0EEEE;
border: solid 1px #C2C2C2;
border-radius: 5px;
width: 115px;
height: 30px;
font-size: 10px;
margin-bottom: 15px;
}
.cliente__form-inputs select{
width: 120px; 
border-radius: 5px;
background-color: #F0EEEE;
margin-bottom: 15px;
margin-right: 10px; 
color: #757575;
border: solid 1px #C2C2C2;
height: 30px;
font-size: 10px;
}
.cliente__form-check{
display: flex;
flex-direction: column;
justify-content:center;
width: 90%;
height: auto;
margin-bottom: 10px;
}
.cliente__form-check label{
font-size: 10px;
color: var(--color-black);
margin-bottom: 10px;
}  .good_result_section, .bad_result_section, .charge_result_section{
display: none;
justify-content: center;
align-items: center;
color: white;
background-color: rgba(0, 0, 0, .5);
position: fixed;  
top:0;
left:0;
right: 0;
bottom: 0;
width: 100% !important;
max-width: 767px !important;
min-width: 300px !important;
z-index: 1000;
}
.charge_result_section img{
width: 150px;
height: auto;
}
.cotizar__notice-div{
width: 90%;
margin-top: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: white;
color: black;
border-radius: 10px;
z-index: 1;
}
.cotizar__notice-div img{
margin-top: 10px;
}
.cotizar__notice-div p{
font-size: 12px;  
margin: 10px 15px 10px 15px;
text-align: center;
}
.cotizar__notice-button{
margin-bottom: 10px;
}
.cotizar__notice-button a{
text-decoration-line: none;
color: white;
}
.cotizar__notice-div div{
margin: 20px 0 20px 0;
display: flex;
flex-direction: column;
}
.cotizar__notice-div .material-icons{
top: -80px;	
}
.material-icons{
cursor: pointer;
} select{
background-position-y: center;
} .tablaPlacas td,
.tablaImplementos td {
font-family: 'Roboto', sans-serif;!important 
background-color: red;
}