/* CSS Document */

:root {
  --gray-color: #D8D8D8;
  --main-blue-color: #2fa6ca;
  --main-dark-blue-color: #154c5d;
  --main-green-color: #2fa6ca;
  --main-dark-green-color: #2fa6ca;
  --main-text-green-color: #2fa6ca;
}

@font-face {
  font-family: 'Museo-700';
  src: url(/fonts/Museo-700.eot);
  src: local('☺'), url(/fonts/Museo-700.eot#iefix?) format('embedded-opentype'),url(/fonts/Museo-700.woff) format('woff'), url(/fonts/Museo-700.ttf) format('truetype'), url(/fonts/Museo-700.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'akzidenz-grotesk-light';
  src: url(/fonts/akzidenz-grotesk-light.eot) format('embedded-opentype');
  src: local('☺'), url(/fonts/akzidenz-grotesk-light.woff) format('woff'), url(/fonts/akzidenz-grotesk-light.ttf) format('truetype'), url(/fonts/akzidenz-grotesk-light.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

#quoteContainer {
  font-family:'Museo-700',Sans-Serif;
}

#singleTripHeader {
  width:145px;
  height:30px;
  float:left;
  background-color:#8BCD31;
  cursor: pointer;
}

#singleTripImage {
  width:27px;
  height:27px;
  float:left;
  margin-left:8px;
  margin-right:8px;
  margin-top:2px;
  background-position: -270px 0px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
}

#singleTripBody {
  padding-top:5px;
  color:#FFF;
}

#multiTripHeader {
  width:195px;
  height:30px;
  float:left;
  background-color:#7DB92C;
  cursor: pointer;
}

#multiTripImage {
  width:27px;
  height:27px;
  float:left;
  margin-left:8px;
  margin-right:8px;
  margin-top:2px;
  background-position: -270px 0px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
}

#multiTripBody {
  padding-top:5px;
  color:#FFF;
}

#destinationBar {
  width:570px;
  height:37px;
  float:left;
  padding-left:30px;
  background-color:#5D9CBF;
}

#spacerBar {
  height:12px;
  width:100%;
  background-color:#FFFFFF;
}

#returnBar {
  cursor: pointer;
}

#returnImage {
  width:27px;
  height:27px;
  float:left;
  margin-right:3px;
  margin-top:5px;
  background-position: -405px 0px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
}

#returnText {
  float:left;
  padding-top:8px;
  color:#FFF;
  font-family:'akzidenz-grotesk-light',Sans-Serif;
  font-size:14px;
}

#oneWayBar {
  cursor: pointer;
}

#oneWayImage {
  width:27px;
  height:27px;
  float:left;
  margin-left:38px;
  margin-right:3px;
  margin-top:5px;
  background-position: -378px 0px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
}

#oneWayText {
  float:left;
  padding-top:8px;
  color:#FFF;
  font-family:'akzidenz-grotesk-light',Sans-Serif;
  font-size:14px;
}

#finalDestination {
  float:left;
  margin-top:5px;
  padding-left:10px;
  padding-right:40px;
  margin-left:30px;
  padding-top:3px;
  padding-bottom:3px;
  border:2px solid #4C819F;
  color:#326378;
  font-family:'akzidenz-grotesk-light',Sans-Serif;
  font-size:14px;
  background-color:#5893B4;
}

#stage1Container {
  float:left;
  width:600px;
  height:210px;
  padding-top:15px;
  background-color:#FFFFFF;
}

#stage2Container {
  float:left;
  width:600px;
  height:350px;
  padding-top:15px;
  background-color:#F1F0F1;
}

#footerContainer {
  float:left;
  width:600px;
  height:85;
}

#regionContainer {
  width:190px;
  height:100%;
  float:left;
  padding-left:30px;
}

#travelContainer {
  width:160px;
  height:100%;
  float:left;
  padding-left:20px;
}

#travellersContainer {
  width:190px;
  height:100%;
  float:left;
  padding-left:10px;
}

.stage1Header {
  color:#5D9CBF;
  font-size:13px;
  line-height:24px;
  vertical-align:middle;
}

.stage1SubText {
  color:#BBBCBE;
  font-size:13px;
  padding-top:5px;
  float:left;
  font-family:'akzidenz-grotesk-light',Sans-Serif;
  width:100%
}

.greyBorder {
  padding-top:4px;
  padding-bottom:4px;
  margin-top:5px;
  margin-bottom:5px;
  border-left:2px solid var(--gray-color);
  border-top:2px solid var(--gray-color);
  border-bottom:2px solid var(--gray-color);
  color:#5D9CBF;
  line-height:18px;

}

.plusButton     {
  width:29px;
  height:29px;
  background-position: -188 0px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
  float:left;
  background-color:#5D9CBF;
  margin-top:5px;
}

.planeUpButton  {
  width:29px;
  height:30px;
  background-position: -242px 0px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
  float:left;
  background-color:#5D9CBF;
  margin-top:5px;
}

.tickButton     {
  width:29px;
  height:31px;
  background-position: -134 0px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
  float:left;
  background-color:#5D9CBF;
  margin-top:5px;
}



.dollarButtonInner      {
  width:29px;
  height:19px;
  background-position: -161px 0px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
  margin-top:5px;
  float:left;
}

.goSelect {
  padding-left:10px;
  float:left;
  font-family:'akzidenz-grotesk-light',Sans-Serif;
  font-size:14px
}



#additionalOptions {
  width:255px;
  padding-left:30px;
  height:100%;
  float:left;
}

#standardCover {
  width:255px;
  padding-left:30px;
  height:100%;
  float:left;
}

#additionalHeader {
  color:#94DE3E;
  font-size:18px;
}

#standardHeader {
  color:#5D9CBF;
  font-size:18px;
}

.stage2SubText {
  color:#BBBCBE;
  font-size:13px;
  float:left;
  font-family:'akzidenz-grotesk-light',Sans-Serif;
  width:100%
}

.optionsBoxes {
  width:100%;
  cursor: pointer;
  min-width: 320px;
  max-width: 400px;
}

.optionsButtonIconContainer {
  width:49px;
  height:44px;
  float:left;
  border-top:2px solid var(--gray-color);
  border-bottom:2px solid var(--gray-color);
  border-left:2px solid var(--gray-color);
  padding: 9px 8px 8px 12px;
}

.optionButtonIcon {
  height:22px;
  fill: red;
  filter: invert(60%);
}

.optionsButtonIconContainer.checked .optionButtonIcon {
  filter: brightness(0) invert(100%);
}


.optionsButtonLeft {
  width:49px;
  height:43px;
  background-image: url(/assets/icons-965d337910f417abb75f54a455a3ccc0f7123fe30f48f1c38ca9a929de630ebd.png);
  background-repeat:no-repeat;
  float:left;
  border-top:2px solid var(--gray-color);
  border-bottom:2px solid var(--gray-color);
  border-left:2px solid var(--gray-color);
}

.optionsButtonGreenBorder {
  background-color:#2fa6ca;
  border-top:2px solid #2fa6ca;
  border-bottom:2px solid #2fa6ca;
  border-left:2px solid #2fa6ca;
}

.snowGrey {
  background-position: -98px 0px;
}

.snowGreen {
  background-position: -147px 0px;
}

.golfGrey {
  background-position: -196px 0px;
}

.golfGreen {
  background-position: -245px 0px;
}

.waterGrey {
  background-position: -294px 0px;
}

.waterGreen {
  background-position: -343px 0px;
}

.businessGrey {
  background-position: -490px 0px;
}

.businessGreen {
  background-position: -539px 0px;
}

.cancellationGrey {
  background-position: -686px 0px;
}

.cancellationBlue {
  background-position: -735px 0px;
}

.medicalGrey {
  background-position: -784px 0px;
}

.medicalBlue {
  background-position: -833px 0px;
}

.propertyGrey {
  background-position: -882px 0px;
}

.propertyBlue {
  background-position: -931px 0px;
}

.disruptionGrey {
  background-position: -980px 0px;
}

.disruptionBlue {
  background-position: -1029px 0px;
}

.excessBlue, .cancellationBlue {
  background-position: -980px 0px;
}

.liabilityGrey {
  background-position: -1078px 0px;
}

.liabilityBlue {
  background-position: -1127px 0px;
}

.legalGrey {
  background-position: -1176px 0px;
}

.legalBlue {
  background-position: -1225px 0px;
}

.weddingGrey {
  background-position: -1467px 0px;
}

.cruiseGrey {
  background-position: -1568px 0px;
}

.cruiseGreen {
  background-position: -1610px 0px;
}

.optionsText {
  width:150px;
  float:left;
  color:#ACADAC;
  padding-top:12px;
  padding-bottom:12px;
  border-top:2px solid var(--gray-color);
  border-bottom:2px solid var(--gray-color);
  font-size:16px;
}

.optionsTextSelectedGreen {
  color:#FFFFFF;
  background-color:#2fa6ca;
  border-top:2px solid #2fa6ca;
  border-bottom:2px solid #2fa6ca;
}

.optionsTextSelectedBlue {
  color:#FFFFFF;
  background-color:var(--main-blue-color);
  border-top:2px solid var(--main-blue-color);
  border-bottom:2px solid var(--main-blue-color);
}

.layout-quick-quote-container .layout-additional-options .optionsTextSelectedBlue a {
  color:#FFFFFF !important;
}

.optionsPlus    {
  background-position: 0px 0px;
  background-color:#E9E8E8;
  border:2px solid var(--gray-color);
}

.optionsMinusGreen      {
  background-position: -49px 0px;
  background-color:var(--main-dark-green-color);
  border:2px solid var(--main-dark-green-color);
}

.optionsMinusBlue       {
  background-position: -49px 0px;
  background-color: var(--main-dark-blue-color);
  border:2px solid  var(--main-dark-blue-color);
}

.optionsLockedBlue      {
  background-position: -1274px 0px;
  background-color:#436F8B;
  border:2px solid #436F8B;
}

.optionsButtonRight     {
  width:49px;
  height:43px;
  background-image: url(/assets/icons-965d337910f417abb75f54a455a3ccc0f7123fe30f48f1c38ca9a929de630ebd.png);
  background-repeat:no-repeat;
  float:left;
  margin-bottom:1px;
}

.optionsButtonBlueBorder {
  background-color:var(--main-blue-color);
  border-top:2px solid var(--main-blue-color);
  border-bottom:2px solid var(--main-blue-color);
  border-left:2px solid var(--main-blue-color);
}

#lineGreen {
  background-color:#8BCD31;
  width:100%;
  height:7px;
  float:left;
}

#pullDown {
  float:right;
  width:250px;
  background-color:#8BCD31;
  padding-bottom:3px;
  cursor:pointer;
}

#pullDownText {
  color:#FFFFFF;
  padding-top:2px;
  font-size:14px;
}

.pullDownTextActive {
  color:#77AD37;
}

#pullDownButton {
  width:29px;
  height:26px;
  margin-left:5px;
  margin-right:5px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
  float:left;
  background-position: -81px -3px;
}

.pullDownButtonActive {
  background-position: -108px 3px;
}

#submitContainer {
  width:100%;
  height:50px;
  background-color:#FFFFFF;
}

#discountContainer {
  padding-left:30px;

}

#discountButton {
  width:29px;
  height:33px;
  background-position: -26px 4px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
  float:left;
  background-color:#B8B7B8;
  margin-top:10px;
}

#discountText {
  background-color:#D5D5D5;
  margin-top:10px;
  float:left;
  color:9B9B9B;
  font-size:10px;
  padding-left:10px;
  height:29px;
}

#getQuoteContainer {
  margin-left:440px;
  cursor: pointer;
}

#getQuoteButton {
  width:29px;
  height:33px;
  background-position: 4px 2px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
  float:left;
  background-color:#598CAA;
  margin-top:10px;
}

#getQuoteText {
  background-color:#619ABC;
  margin-top:10px;
  float:left;
  color:#FFFFFF;
  font-size:16px;
  padding-left:10px;
  padding-right:10px;
  padding-top:8px;
  padding-bottom:6px;
}

.ageContainer {
  width:100%;
  height:25px;
  float:left;
  padding-bottom:3px;
}

.ageImage {

  width:29px;
  height:21px;
  background-position: -351px -4px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
  float:left;
  background-color:#FFFFFF;
  border-left:2px solid var(--gray-color);
  border-top:2px solid var(--gray-color);
  border-bottom:2px solid var(--gray-color);
  margin-top:3px;
}

.ageInsert {
  width:30px;
  height:21px;
  border-right:2px solid var(--gray-color);
  border-top:2px solid var(--gray-color);
  border-bottom:2px solid var(--gray-color);
  color:#5D9CBF;
  float:left;
  margin-top:3px;
  margin-right:10px;
  border-left:0px;
}

#addTravellersContainer{
  width:100%;
  float:left;
  cursor:pointer;
}

#addTravellersImage {
  width:29px;
  height:29px;
  background-position: -216px -2px;
  background-image: url(/images/icons2.png);
  background-repeat:no-repeat;
  float:left;
}

#addTravellersText {
  color:#BBBCBE;
  margin-top:5px;
  font-family:'akzidenz-grotesk-light',Sans-Serif;
}

.ui-datepicker {
  font-size:10px !important;
}

#snowDateContainer, .optionBoxInternalContainer {
  width:313px;
  border:2px solid var(--gray-color);
  float:left;
  margin-top:1px;
  margin-bottom:1px;
}

#snowDateContainer .label, .optionBoxInternalContainer .label {
  float: left;
  padding: 14px 2px 0 5px;
}


.option_box--secondary__form {
  display: flex;
column-gap: 5px;
  padding-bottom: 9px;
  padding-right: 12px;
  margin-top: 9px;
  align-items: center;
}

.option_box--secondary__form .label{
  padding: 0 !important;
  margin-left: 5px;
}

.option_box--secondary__form select {
  padding: 2px 6px;
  border: 1px solid var(--gray-color);
}

#snowStartDate, #snow_start_date {
  width:110px;
  float:left;
  padding:5px;
  margin:5px;
  border:1px solid var(--gray-color);
  color:#000000;
  font-family:'akzidenz-grotesk-light',Sans-Serif;
}

#snowEndDate, #snow_end_date {
  width:110px;
  padding:5px;
  margin:5px;
  border:1px solid var(--gray-color);
  color:#000000;
  font-family:'akzidenz-grotesk-light',Sans-Serif;
}


.flex {
  display: flex
}

.gap-15 {
  gap: 15px;
}