.add_new_product_overall_container{
    width: 90%;
    margin: auto;
    display: flex;
    flex-flow: column;
}
.add_new_product_text_input{
    width: 50%;
    margin:0.5rem auto;
    padding: 0.5rem;
    border-radius: 7px;
}
.add_new_product_number_input{
    width: 50%;
    margin:0.5rem auto;
    padding: 0.5rem;
    border-radius: 7px;
}
.add_new_product_header{
    font-size: 1.1rem;
    font-weight: 900;
    margin: 1.5rem auto;
}
.add_new_product_button{
    cursor: pointer;
    width: 40%;
    margin:0.5rem auto;
    padding: 0.5rem;
    border-radius: 7px;
    font-size: 0.8rem;
    font-weight: 400;
    background-color: green;
    color: white;
}
.column_flex_display{
    display: flex;
    flex-flow: column wrap;
}
.row_flex_display{
    display: flex;
    flex-flow: row nowrap;
}
.add_new_product_submite_btn{
    display: block;
    width: 30%;
    padding: 0.8rem;
    background-color: blueviolet;
    border-radius: 7px;
    font-weight: 400;
    margin: 2rem auto;
    color: white;
    text-align: center;
    cursor: pointer;
}
.display_none{
    width: 0px;
    height: 0px;
}
.add_new_product_radio:checked ~ .add_new_product_label{
    box-shadow: none;
    background-color: green;
}
.add_new_product_label{
    align-items: center;
    border-radius: 5px;
    margin:0.5rem;
    padding: 0.35rem;
    font-weight: 900;
    font-size: 0.7rem;
    transition: 0.3s all ease-out;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.664) 3px 3px 2px 2px;
}
.add_new_product_label:hover{
    box-shadow: none;
    background-color: rgb(255, 51, 0);
}
.add_new_product_radios_container{
    display: flex;
    flex-flow: row wrap;
    width: fit-content;
    margin: 2rem auto;
}
.delete_common_atributes{
    width: 40vw;
    background-color: red;
    margin:0.5rem auto;
    border-radius: 5px;
    padding: 0.5rem;
    font-weight: 600;
    color: white;
    cursor: pointer;
}
.common_atributes_input_containers{
    display: flex;
    flex-flow: row;
}
.common_atributes_insert_overall_container{
    display: flex;
    flex-flow: column;
}
.insert_atributes_container{
    display: flex;
    flex-flow: column;
}
.atributes_add_overall_container{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.atributes_add_button{
    margin:0.5rem;
    font-weight: 600;
    border: 1px solid rgba(157, 157, 157, 0.49);
    border-radius:5px;
    padding: 0.5rem;
    font-size: 0.8rem;
    cursor: pointer;
}
.auto_atributes_generator{
    display: flex;
    flex-flow: column;
}
.marging_two_side_auto{
    margin: auto;
}
.vsta_special_styling{
    display: flex;
    flex-flow: column nowrap;
}