.container-row-bottom {
    display: flex;
    width:-webkit-fill-available;
    gap: 10px;
    margin: 36px 0 0 0;
}

.container-row-bottom input {
    flex: 1;
    min-width: 0;
    text-align: left;
}


#SOAP8871 select {
    border: 1px solid #c9c9c966!important ;
}

.rt1 {
    padding: 19px;
    border: 1px solid #c9c9c966;
    border-radius: 12px;
    margin: 16px 0;
}
.rt5 {
    display: flex;
    /* flex-wrap: unset; */
    align-items: center;
    gap: 20px;
    border-top: 1px solid #c9c9c966;
    padding-top: 10px;
    margin-top: 0px;
}
.pere, .nepere {
     display: flex;
     gap: 4px;
     flex: 1;
     min-width: 0;
     color: #1fb36e;
     display: flex;
     flex-direction: column;
}
.nepere {
    color: #f47150
} 
.rt5-1, .rt5-2, .rt5-3, .rt5-4, .rt5-5 {
    margin: 8px 0;
} 

.rt5-4 {
  display: none;
} 

.rt2-0 {
    display: flex;
    gap: 20px;
    font-size: 24px;
    margin: 26px;
    justify-content:space-between
}

.container-row-bottom-1, .container-row-bottom-1 input    {
    width:-webkit-fill-available;
}

@media (max-width: 1220px) {
    .container-row-bottom {   
       flex-direction: column;
    }
    .container-row-bottom select{   
       height: 50px;    }
}
.tit-sopp {
  display: none;
}

.container-row-bottom-1 input {
    margin: 12px 0 0 0;
    text-align: left;
    font-size: 15px;
}
.container-els input {
    text-align: left;
    padding: 10px 15px;
}

.flx {
    display: flex;
    gap: 20px;
    align-items: center;
}

.top-sh {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0;
}

.rt5-5 {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin: 0;
}
.rt5-5 input {
    margin-top: 10px;
}

.pere .ttl , .nepere .ttl {
    background-color: #1fb36e33;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 10px
}    

.nepere .ttl {
   background-color: #f4715033;
}    

.rt5-sum div {
    font-size: 10px;
    color :#757575;
}

body .container {
    padding: 0 600px 0 0;
}