.ClubItemSwapHeader h1{ font-size: 22px; color: #3c4959; padding-bottom: 5px; } .ClubItemSwapHeader p { color: #555; padding-bottom: 10px; border-bottom: 1px solid #999; } .ClubItemSwapClubName { font-size: 20px; color: #3c4959; padding-bottom: 5px; font-weight: bold; } .ClubItemSwapShipment { font-weight: bold; font-size: 14px; float: left; padding-right: 10px; } .ClubItemSwapShipment:before { content: "Shipment "; font-weight: bold; } .ClubItemSwapIntervalShipDate { float: right; font-weight: bold; flex-grow: 1; } .ClubItemSwapClubHeader { display: flex; background-color: #EEE; border-top: 1px solid #BBB; border-bottom: 1px solid #BBB; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; padding-left: 5px; padding-right: 5px; font-size: 10px; line-height: 14px; } .ClubItemSwapImage{ display: inline-block; padding-right: 10px; } .ClubItemSwapImage img { width: 80px; } .ClubItemSwapImage .BadgingContainer { display: none; } .ClubItemSwapItemDetails{ width: 180px; width: calc(100% - 90px); } .ClubItemSwapItemContainer { display: flex; flex-wrap: wrap; padding-top: 5px; } .ClubItemSwapButtonWrapper { padding-top: 5px; display: block; margin-left: auto; margin-right: auto; width: 145px; } .ClubItemSwapPotentialItem { border-top: 1px solid #BBB; } .ClubItemSwapMessageContainer { background-color: #fff7ba; border: 1px solid #BBB; padding: 5px; margin-bottom: 5px; } span.ClubItemSwapRemoveMessage { color: red; font-weight: bold; } span.ClubItemSwapAddMessage { color: green; font-weight: bold; } .ClubItemSwapConfirmButton { width:  230px; margin-left: auto; margin-right: auto; padding-top: 5px; } .ClubItemSwapCancelChangesContainer { height:  30px; text-align: center; padding-top: 15px; margin-top: 5px; font-size: 14px; border-top: 1px solid #BBB; } .ClubItemSwapMessage:nth-of-type(2) { padding-top: 5px; } div#ClubReplaceAddRadioContainer { border-top: 1px solid #AAA; padding-top: 5px; padding-bottom: 5px; } .ui-dialog-content.ui-widget-content.ClubItemSwapModalComponent { padding: 0; margin: 0; } .ClubItemSwapContinueShoppingButtonContainer { text-align: center; } a.ClubItemSwapCancelChangesLink { text-decoration: underline; }