@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=latin-ext');

.form_complaint{
    --colorWhite: #fff;
    --colorWhite2: #f8f9fb;
    --colorBlue: #0369d6;
    --colorBlue2: #0a396b;
    --colorBlue3: #358be8;
    --colorBlue4: #1f4dc7;
    --colorGrey1: #8f97a5;
    --colorGray2: #b6becb;
    --colorGray3: #e3e6eb;
    --colorGray4: #f6f6f6;
    --colorGray5: #e5e5e5;
    --colorGray6: #9290a7;
    --colorGray7: #696969;
    --colorDark: #21242c;
    --colorDark2: #101124;
    --colorRed: #f13340;
    --colorRedLight: #fff1f2;
    --colorGreen: #def321;
    font-family: 'Roboto', sans-serif;
    color:var(--colorGrey1);
    box-sizing: border-box;
    line-height: 2.3rem;

    max-width: 1200px;
    margin: 2rem auto;
    border-radius: 5px;
    background-color: var(--colorWhite);
    padding: 1.6rem 3rem;
    border-top: 4px solid var(--primary);
    box-shadow: 0px 20px 30px #cecece;
}
.form_complaint_row{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.l_input{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
}
.l_input ._item_prod{
    width:100%;
}
.l_input .text{
    width: 100%;
    font-weight: 400;
    color: var(--colorDark);
    margin-bottom: .5rem;
}
.l_input .f_input{
    width: 100%;
    border-radius: 3px;
    border: 1px solid var(--colorGray3);
    background-color: var(--colorWhite2);
    padding: 1.3rem 2rem;
    font-size: 14px;
    color: var(--colorDark);
}
.l_input .l_input_item{
    display: flex;
    position: relative;
    width:100%;
    align-items: center;
}
.l_input .l_input_item img{
    display: inline-block;
    max-width: 70px;
    height: auto;
    margin-right: 10px;
    cursor: default;
}
.l_input .l_input_item .input_remove{
    position: absolute;
    top: calc(50% - 14px);
    right: -12px;
    display: flex;
    border: 1px solid #e3e6eb;
    width: 25px;
    justify-content: center;
    align-items: center;
    height: 25px;
    background-color: #e3e6eb;
    color: #fff;
    border-radius: 3px;
}
.l_input .f_input.f_input_mini{
    padding: 0.3rem 0.5rem;
}
.form_complaint_row .l_info,
.form_complaint_row .p_list,
.form_complaint_row .l_check,
.form_complaint_row .l_input{
    width:47%;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 2rem;
}
.form_complaint_row .l_check{
    margin-bottom: 2rem;
    color: #000;
}
.form_complaint_row .p_list .l_input{
    width:100%;
    display: flex;
}
.form_complaint_row .form_info_text{
    text-transform: uppercase;
    font-weight: bold;
    color:var(--colorRed);
    margin-bottom: 2rem;
    text-align: center;
}
.form_complaint_row .desc_text{
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 2rem;
}

.form_complaint_row .num_group{
    display: flex;
}
.form_complaint_row .w_100p{
    width:100% !important;
}
.form_complaint .info1{
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #0269d6;   
}
.form_complaint .info0{
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #d60202;
}
@media (max-width:992px){
    .form_complaint_row{
        flex-wrap: wrap;
    }
    .form_complaint_row .l_info, .form_complaint_row .p_list, .form_complaint_row .l_check, .form_complaint_row .l_input{
        width:100%;
    }
    .form_complaint_row .l_info{
        text-align: right;
    }
}