body {
padding-top: 0;
padding-bottom: 0;
transition: padding 0.6s;
font-family: 'Lato', sans-serif;
background-color: #c02727;
color: white;
line-height: 1.15;
}



.list-panel {
display: block;
background-color: #000;
padding: 20px 15px 20px 20px;
margin-bottom: 15px;
border-radius: 0.5rem;
}

.markdown-container a, .btn, .radio-button-strip label span {
font-weight: normal;
text-decoration: none;
border: none;
background-color: #fff;
color: #c02727;
cursor: pointer;
display: inline-block;
vertical-align: middle;
font-family: 'Lato', sans-serif;
font-size: 0.875rem;
padding: 0.5em 1em;
position: relative;
overflow: hidden;
line-height: 1em;
white-space: nowrap;
border: solid 3px #c02727;
border-radius: 8px;
transition: all 0.3s ease-in-out;
min-width: 3.5em;
text-align: center;
}

.markdown-container a:hover, .btn:hover, .radio-button-strip label span:hover {
background-color: #000;
color: white;
text-decoration: none;
}

.composite-address-input {
background-color: #f0f0f0;
border: solid 1px #f0f0f0;
display: block;
border-radius: 0.5rem;
position: relative;
height: 50px;
margin-top: 20px;
}

.composite-address-input .postcode-input {
position: absolute;
left: 0;
top: 0;
line-height: 49px;
font-size: 1.2em;
color: #000;
padding: 0 10px;
margin: 0;
border: none;
text-transform: uppercase;
overflow: hidden;
border-radius: 5px;
}



.skip-capacity {
width: 82px;
height: 82px;
border-radius: 50%;
background-color: #fff;
color: #c02727;
text-align: center;
}

.most-popular::before {
display: block;
position: relative;
height: 130px;
width: 130px;
content: 'MOST POPULAR';
background-color: #c02727;
clip-path: polygon(67.4% 0%, 100.8% 33.3%, 0% 33.7%, 33.53% 0%);
transform: rotate(-45deg);
transform-origin: 0 0;
left: -51px;
top: 62px;
padding: 5px;
text-align: center;
color: white;
z-index: 2;
margin-right: -130px;
}

.progress-header {
color: #ffffff;
background-color: #000;
}

ul.breadcrumb li {
display: block;
float: left;
color: #fff;
margin-right: 2em;
position: relative;
}

ul.breadcrumb li.current:after {
content: "";
display: block;
background-color: #c02727;
position: absolute;
height: 3px;
left: 1px;
right: 1px;
bottom: -2px;
}

ul.breadcrumb li:hover:not(.future):after {
content: "";
display: block;
background-color: #fff;
position: absolute;
left: 1px;
right: 1px;
bottom: -2px;
}

.custom-calendar {
background-color: #c02727;
color: white;
}

.custom-calendar table.calendar-table td.isSelectable:hover {
background-color: grey;
border-color: #fff;
}
.custom-calendar table.calendar-table td.isSelectable {
background: none;
background-color: black;
}

.custom-calendar table.calendar-table td {
text-align: center;
vertical-align: middle;
height: 5em;
padding: 5px 10px;
position: relative;
transition: height 0.6s, font-size 0.6s;
border: 1px solid grey;
color: #999;
border-radius: 50px;
background: linear-gradient(to top left, rgba(52, 139, 65, 0) 0%, rgba(52, 139, 65, 0) calc(50% - 2px), #ddd 50%, rgba(52, 139, 65, 0) calc(50% + 2px), rgba(52, 139, 65, 0) 100%);
}

.custom-calendar table.calendar-table td.today {
color: #000;
background-color: green;
border-color: grey;
}

.custom-calendar .custom-calendar-nav .custom-calendar-nav-date .month {
text-align: center;
color: #fff;
}

table.striped tr {
background-color: #000;
}

table.striped tr:nth-child(even) {
background-color: grey;
}

.btn.btn-primary {
color: #fff;
background-color: #000;
border-color: #000;
}

.btn.btn-primary:hover {
color: #fff;
background-color: grey;
border-color: black;
}



body > div.landing-root > div.home-panel.home-bags.dw33.nw100{
  float: none !important;
  width: min(900px, 100%);
  margin-left: auto !important;
  margin-right: auto !important;
}

.background-panel {
background-color: #000;
}

h1 .alt, h2 .alt, h3 .alt, h4 .alt, h5 .alt {
font-weight: normal;
color: #000;
}

.map-popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;


  padding: 20px 20px 40px 20px; /* top right bottom left */

  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  max-width: 90%;
  max-height: 90%;
  width: 800px;
  height: 600px;
}