div#popup-content div.reservation-overview div.row:first-child { border-top: none;}
div.reservation-overview div.row:not(.summary) { height: 60px; }
div.reservation-overview div.row .hide-expired { }
div.reservation-overview div.row .show-expired { display: none;  }
div.reservation-overview div.row.expired .hide-expired { display: none; }
div.reservation-overview div.row.expired .show-expired { display: block; }
div.reservation-overview div.info { width: 28px; padding-top: 19px; }
div.reservation-overview div.amount { text-align: center; width: 65px; padding-top: 3px;}
div.reservation-overview div.amount select{ width: 100%; margin-bottom: 4px;}
div.reservation-overview div.name { width: 615px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 28px; }
div.reservation-overview div.name.secondline { line-height: 14px; font-size: 14px; padding-top: 2px;}
div.reservation-overview div.name span.name-name{ font-weight: 600; font-size: 18px;}
div.reservation-overview div.price{ float: right; text-align: right; width: 240px; }
div.reservation-overview div.price span.price-amount{ display: inline-block; min-width: 75px; }
div.reservation-overview div.price span.price-total{ color: #e94e1b; font-weight: 600; font-size: 18px; }
div.reservation-overview div.price span.price-total span{ color: #e94e1b; font-weight: 600; font-size: 18px; }
div.reservation-overview div.price div.try-reserve-again-field{ display: none; }
div.reservation-overview div.price div.try-reserve-again-field select{ width: 150px; margin-top: -3px; margin-bottom: 3px; }
div.reservation-overview div.price div.try-reserve-again-field input{ width: 150px; }
/*div.reservation-overview div.row.summary:first-child{ border-top: 2px solid #e94e1b; background: #ff0000;}*/
div.reservation-overview div.row.summary div{ float: right;}
div.reservation-overview div.row.summary div.price-amount{ min-width: 105px; text-align: right;}
div.reservation-overview div.row.summary.total div{ line-height: 22px;}
div.reservation-overview div.row.summary.total div.price-amount{ color: #e94e1b; font-weight: 600; font-size: 22px;}

@media only screen and (max-width: 1080px){ div.reservation-overview div.name{ width: 63%; }}
@media only screen and (max-width: 1020px){ div.reservation-overview div.name{ width: 58%; }}
@media only screen and (max-width: 900px){ div.reservation-overview div.name{ width: 54%; }}
@media only screen and (max-width: 824px){ div.reservation-overview div.name{ width: 50%; }}
@media only screen and (max-width: 760px){ div.reservation-overview div.name{ width: 48%; }}
@media only screen and (max-width: 732px){
	div.reservation-overview div.name{ width: 80%;}
	div.reservation-overview div.price{ float: left; width: 100%;}
	div.reservation-overview div.row:not(.summary) { height: auto; }
}
@media only screen and (max-width: 550px){
	div.reservation-overview div.name{ width: 74%;}
	div.reservation-overview div.price{ float: left; width: 100%;}
	div.reservation-overview div.row:not(.summary) { height: auto; }
}
@media only screen and (max-width: 450px){
	div.reservation-overview div.amount{ float: right; width: 120px;}
	div.reservation-overview div.name{ width: 100%;}
}

div#event-order-list-total-price{ color: #e94e1b; font-weight: 800; font-size: 18px;}