.dealt_widget {
width: 100%;
background: #fffff;
padding: 10px 15px;
}

.dealt_widget .dealt_tag {
background: #FF0000;
width: fit-content;
padding: 8px 12px 5px;
text-transform: uppercase;
color: #000000;
font-weight: 500;
font-size: 10px;
line-height: 1rem;
}

.dealt_widget .dealt_widget_title {
font-size: 10px;
font-weight: 500;
color: #000000;
text-transform: uppercase;
}

.dealt_widget .dealt_service {
display: flex;
gap: 2%;
}

.dealt_widget .dealt_service.no_image {
display: block;
}

.dealt_widget .dealt_service .dealt_service_image {
max-width: 100px;

}

.dealt_widget .dealt_service .dealt_service_image img {
max-width: 100px;
border-radius: 10px;
}

.dealt_widget .dealt_service .dealt_service_info .dealt_service_description {
margin-bottom: 0;
}

.dealt_widget .dealt_service .dealt_service_info .dealt_service_name {
grid-column: 2;
font-size: 10px;
font-weight: 500;
color: #000000;
}

.dealt_widget .dealt_service .dealt_service_info .dealt_service_price {
grid-column: 2;
font-size: 12px;
font-weight: 500;
color: #000000;
}

.dealt_product_line {
padding: 15px;
}

.dealt_product_line .dealt_widget, .modal-content .dealt_widget {
border: 1px solid #efefef;
}

.dealt_product_line .dealt_widget .dealt_service_cart form, .modal-content .dealt_widget .dealt_service_cart form {
margin-top: 10px;
}

.dealt_product_line .dealt_widget .dealt_service_cart form legend, .modal-content .dealt_widget .dealt_service_cart form legend {
color: #949494;
font-size: 15px;
}

.dealt_product_line .dealt_widget .dealt_service_cart form div, .modal-content .dealt_widget .dealt_service_cart form div {
padding: 5px;
display: flex;
gap: 10px;
}

.dealt_product_line .dealt_widget .dealt_service_cart form .selected, .modal-content .dealt_widget .dealt_service_cart form .selected {
background-color: #24b9d71c;
}

.dealt_product_line .dealt_widget .dealt_service_cart form label, .modal-content .dealt_widget .dealt_service_cart form label {
margin: 0;
display: block;
width: 100%;
text-align: left;
}

.dealt_product_line .dealt_widget .dealt_service_cart form label .service_price, .modal-content .dealt_widget .dealt_service_cart form label .service_price {
float: right;
}

.dealt_product_line .dealt_widget .dealt_service_line {
display: flex;
flex-flow: row wrap;
align-items: center;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_image {
width: 20%;
min-width: 110px;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_image img {
width: 100%;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_info {
width: 45%;
min-width: 150px;
padding: 0 10px;
display: flex;
flex-flow: column;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_info .dealt_service_line_name {
font-weight: 600;
font-size: 0.875rem;
color: #232323;
text-align: left;
margin-bottom: 2px;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_info .dealt_service_line_price {
font-weight: 700;
font-size: 1rem;
line-height: 1.1;
color: #24b9d7;
text-align: left;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_quantity {
width: 15%;
position: relative;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_quantity input[type=number] {
width: 3rem;
height: 2.5rem;
border: 1px solid rgba(0,0,0,0.25);
padding: 0.175rem 0.5rem;
color: #232323;
background-color: #fff;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_quantity .dealt_service_quantity_add,
.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_quantity .dealt_service_quantity_less {
height: 1.25rem;
width: 1.25rem;
padding: 0;
line-height: 0;
border: 1px solid rgba(0,0,0,0.25);
color: #232323;
background-color: #fff;
margin-left: -1px;
position: absolute;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_quantity i {
font-size: 0.9375rem;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_quantity .dealt_service_quantity_add {
border-bottom: none;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_quantity .dealt_service_quantity_add .material-icons::after {
content: "\E5CE";
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_quantity .dealt_service_quantity_less .material-icons::after {
content: "\E5CF";
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_quantity .dealt_service_quantity_less {
top: 50%;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_total {
margin-left: auto;
color: #232323;
font-weight: bolder;
}

.dealt_product_line .dealt_widget .dealt_service_line .dealt_service_line_delete .dealt_service_delete {
background: transparent;
border: none;
}

.modal-footer {
padding: 3.125rem 1.875rem;
}

.modal-footer .dealt_widget {
text-align: left;
max-width: 70%;
margin: 0 auto;
}