﻿body {
  font-family: 'Poppins', 'Helvetica', 'sans-serif';
}

/* fieldset {
  border:1px #c0c0c0 solid;
  padding:5px 10px 5px 10px;
  border-radius:3px;
} */

.cartSimpleWrap {
  background-color:#fafafa;
  border:1px #c0c0c0 solid;
  padding:10px;
  border-radius:3px;
}

#cartSimple{
  padding-top:10px;
}

legend {
  border:none;
  margin-bottom: 5px;
  width:inherit;
  padding-left:5px;
  padding-right:5px;
}

.dropdown-menu > li > a:hover{
  background-color:#4281F4;
  color:#fff;
  background-image:none;
}

.main {
  margin-top: 20px;
  /* background-color: #ccc; */
}

.storeQuickLinks {
  margin-bottom: 0px;
  margin-top: 0px;
  padding:10px;
}

.navbar-nav > li > .dropdown-menu{
  margin-top:-1px;
}

.pageTitle{
   background-color:#000; 
   color:#fff;
}

.contentTitle h3{
  margin-bottom:10px; 
  margin-top:10px;
}

.storeQuickLinks{
  font-size:12px;
}

.storeQuickLinks span{
  color:#c0c0c0;
}

.storeQuickLinks .fa-chevron-right{
  margin-left:5px;
}

.storeQuickLinks .activePage{
  font-weight:bold; 
  font-size:14px;
}

.cartTotal a{
   color:#fff; 
   text-decoration:underline;
}

.bufferTop15{
  margin-top:15px
}

.countrySelect option{
  font-size:12px;
}

.cartTotalWrap {
  display: flex;
  align-items: center;
  padding-top:10px;
  padding-bottom: 10px;
}

.cartTotalPrice {
  font-size: 24px;
  /* font-weight: bold; */
}

.cartTotalContainer {
  /* border-top: 1px #c0c0c0 solid; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 24px;
  background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
  border-radius: 0px 0px 8px 8px;
}

.checkoutItemContainer {
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}

.checkoutItemContainer input {
  width: 80px;
}

#cartShippingTotalWrap {
  font-size: 12px;
  min-height: 50px;
}

#summaryWrap {
  font-size: 12px;
}

.summariesContainer {
  padding-top: 10px;
  border-bottom: 1px #c0c0c0 solid;
  padding-bottom: 10px;
}

.summariesContainer > * {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  /* padding-top: 5px; */
}

.summariesContainer :first-child {
  padding-top: 0px;
}

.summariesContainer :first-child input {
  padding-top: 5px;
}

.summariesContainer :first-child select {
  padding-top: 0px;
}

.summariesContainer :last-child {
  padding-bottom: 0px;
}

#summaryWrap, #cartShippingTotalWrap {
  display: flex;
  justify-content: space-between;
}

.discountSummaryWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: green;
}

#shippingInfo {
  transition: all 0.5s ease;
}

#placeOrderButton {
  width: 100%;
}

/* Define shake animation */
@keyframes shake {
  0% { transform: translate(0, -50%); color: red; }
  20% { transform: translate(-5%, -50%); color: red; }
  40% { transform: translate(5%, -50%); color: red; }
  60% { transform: translate(-5%, -50%); color: red; }
  80% { transform: translate(5%, -50%); color: red; }
  100% { transform: translate(0, -50%); color: red; }
}

/* Apply shake animation to label when error occurs */
.label-error {
  animation: shake 0.5s ease-in-out;
}

.chooseBoatWrap {
  margin-top: 10px;
}

.chooseBoatWrap fieldset {
  padding-bottom: 20px;
}

.suggestions-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
  display: none;
  margin-top: 2px;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  z-index: 3;
}

.suggestions-list li {
  padding: 10px;
  cursor: pointer;
}

.suggestions-list li:hover {
  background-color: #f0f0f0;
}

#chooseBoatContents {
  position: relative;
  margin-bottom: 0px;
}

#selectedBoatContainer {
  display: inline-flex;
  align-items: center;
  width: 100%;
  gap: 10px;
}

#manualBoatInformation {
  min-height: 75px;
  height: auto;
}

#cartTitle {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px #c0c0c0 solid;
  justify-content: space-between;
  background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
  border-radius: 8px 8px 0px 0px;
}

.cartWrap {
  background-color: #fff;
  border: 1px #c0c0c0 solid;
  border-radius: 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 75px;
  box-shadow: 0px 0px 5px #ddd;
  margin-top: 45px;
}

#cartContents {
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px #c0c0c0 solid;
  padding-top: 5px;
  padding-bottom: 5px;
  /* background-color: #f9fafc; */
}

.checkoutItemWrap {
  display: flex;
  justify-content: space-between;
  min-height: 30px;
  /* cursor:pointer; */
  align-items: center;
  /* border-top: 1px #333 dashed; */
}

.assignedBoatWrap {
  display: flex;
  justify-content: space-between;
  background-image: linear-gradient(120deg,#00e1e92d 0%, #fff 60%);
  border-radius: 8px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;  
}

.assignedBoatWrap :last-child() {
  margin-bottom: 0px;
}

.assignedBoatCartWrap {
  display: none;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px #c0c0c0 solid;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

.assignedBoatSubContent {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.assignedBoatCartWrap :last-child {
  margin-bottom: 0px;
}

#assignedBoatCartName {
  white-space: nowrap;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.partHeaderName, .checkoutItemContainer ul li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
  cursor: default;
}

.partHeader {
  color:#4682B4;
  font-size: 12px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.partHeader i {
  margin-right: 5px;
}

.partHeaderPrice {
  text-align: right;
  font-size: 12px;
  color: #333;
}

.cartPromoWrap {
  margin-top: 5px;
}

@media (max-width: 768px) {
  .cartWrap {
    height: fit-content;
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .cartParentSection {
    height: fit-content !important;
  }

  .cartMobileParentContainer {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-color: #fff;
    border: 1px #c0c0c0 solid;
    box-shadow: 0px 0px 5px #ddd;
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    border-radius: 8px;
    cursor: pointer;
  }
}

.cartMobileParentContainer {
  display: none;
}

#cartMobileContents {
  background-color: #ebebeb;
  border-radius: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

.smallPrice {
  font-size: 10px;
  color: #555;
}

#shippingMethodSelect {
  margin-top: 5px;
}

#address3Field, #address3BillingParent, #address3Parent {
  display: none;
}

#activeAssignedBoatsContent {
  margin-bottom: 10px;
  margin-top: 20px;
}

/* #paymentArea {
  display: none;
} */

.orderProcessingMessage {
  text-align: center;
}

.orderProcessingMessage h3 {
  margin-bottom: 20px;
}

.customerInfoSummarySubSection {
  width: 100%;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 12px;
}

#customerInfoSummary {
  margin-top: 15px;
  margin-bottom: 10px;
}

.meow .inner {
  border: none;
  background-image: linear-gradient(120deg,#00e1e92d 0%, #fff 60%);
  font-size: 16px;
}

.meow .inner strong {
  font-size: 18px;
}

.meow.hover .inner {
  border: none;
}