.grid_fields {margin-bottom: 15px;}
.grid_btn {border: none;align-self: flex-end;width: 100px;height: 30px;background: #FA8072;color: #fff;}
.grid_fields input,select {width: 150px;height: 30px;padding: 0px 0px 0 10px;margin: 0;}
.grid_fields__name {width: 100px;margin-right: 20px;float: left;display: block;}
.grid_fields__price {align-items: center;}
.grid-itog-price {font-weight: bold;}
.grid__mess {display: none;}
.grid_fields__type {display: flex;}
.grid_fields__type label {display: flex;align-items: center;}
.grid_fields__type label input {width: 20px;margin-left: 10px;margin-right: 20px;}

.grid_fields__color {display: flex;}
.grid_fields__color label {display: flex;align-items: center;}
.grid_fields__color label input {width: 20px;margin-left: 10px;margin-right: 20px;}
.color-ral {position: relative;}
.color-ral__content {position: absolute;display: none;background-color: #fff;width: 300px; flex-flow: row wrap;}
.color-ral__item {height: 50px;cursor: pointer;color:#fff;flex:1 1 24%; max-width: 24%;display: flex; justify-content: center;align-items: center;}
.color-ral:hover .color-ral__content {display: flex;}
.gridFieldsRalHint {position: relative;}
.gridFieldsRalHint::after{position: absolute;content: "Выбрать цвет можно на сайте ral.ru"; background-color: #fff;left:0; top:110%;padding: 15px;width: 150px;}
@media (max-width: 390px) {
    .grid_btn {display: block;margin: 0 auto; margin-top: 15px;}
}