/* Handle content when height is less than than viewport height */
/* At a minimum, the footer needs to be at the bottom of the viewport */
/* and then at the bottom of the content if the content is taller than the viewport */

/* .page-container {
  position: relative;
  min-height: 100vh;
  /* background-color: blue; */
} */

 /* .content-wrap {
  padding-bottom: 294px;     /* Footer height */
  /* background-color: yellow; */
} */

/* .footer-position {
  position: absolute !important;
  width: 100%;
  right: 0;
  bottom: 0;
  /* left: 0; */
} */


/* SEARCH DROPDOWN */


.dropdown-title:hover .chevron-icon {
  color: rgb(0, 125, 255);
  background: rgba(0, 0, 0, 0.025);
}

.dropdown-title:hover .list-icon {
  color: rgb(0, 125, 255);
  background: rgba(0, 0, 0, 0.025);
}

.list-icon {
  color: red;
  margin: 0px;
  padding: 0px 10px 0px 0px;
}


/* ABOUT DROPDOWN */

.dd-wrapper {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  width: 100px;
}

.dd-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 38px;
  /* border: 1px solid #dfdfdf;
  border-radius: 3px; */
  cursor: default;
  position: relative;
  background-color: #112D32;
}

.dd-header span {
  margin-right: 20px;
}

.angle-down {
  color: white;
  margin-right: 20px;
}

.angle-up {
  color: white;
  margin-right: 20px;
}

.dd-list {
  z-index: 10;
  position: absolute;
  width: 100%;
  border: 1px solid #dfdfdf;
  border-top: none;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px -1px #e8e8e8;
          box-shadow: 0 2px 5px -1px #e8e8e8;
  font-weight: 700;
  margin: 0px;
  padding: 15px 0;
  max-height: 215px;
  /* overflow-y: scroll;
  -webkit-overflow-scrolling: touch; */
}
.dd-list-item > a {
  width: 100%;
  color: #112D32;
  font-size: 1rem;
  padding: 8px 14px;
  line-height: 1.6rem;
  cursor: default;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  list-style-type: none;
}
.dd-list-item.selected a {
  color: #fff;
  background-color: #88BDBC;
}
.dd-list-item:hover a {
  color: #fff;
  background-color: #88BDBC;
}
.dd-wrapper-single {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  width: 265px;
}
.dd-wrapper-single .dd-header {
  border: 1px solid #ccc;
}
.dd-wrapper-single .dd-header .dd-header-name {
  font-weight: 400;
}
.dd-wrapper-single .dd-list {
  border: 1px solid #ccc;
  border-top: none;
}

.input-label {
  padding: 8px 0px !important;
}

.reset-button {
    width: auto !important;
    background: rgba(0, 0, 0, 0.05);
    color: #112D32 !important;
    border: 0 !important;
    font-size: 0.9rem !important;
    font-family: "Helvetica Neue", "Arial", sans-serif !important;
    line-height: 21px;
    font-weight: 400 !important;
    margin: 0rem 0rem !important;
    padding: 0.5rem 0rem !important;
    text-decoration: underline !important;
}

.chevron-angle-left {
  color: #112D32;
  margin-right: 20px;
}

/* The flip card container - set the width and height to whatever you want. */
/* We have added the border property to demonstrate that the flip itself goes */
/* out of the box on hover (remove perspective if you don't want the 3D effect */

.flip-card {
  margin: 0px 0px;
  background-color: transparent;
  width: 240px;
  height: 240px;
  border: 0px solid #88BDBC;
  border-radius: 4px;
  /* Remove this if you don't want the 3D effect */
  perspective: 400px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #88BDBC;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0px 0px;
  padding: 0px 0px;
  border-radius: 4px;
}

/* Style the back side */
.flip-card-back {
  background-color: #254E58;
  color: white;
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0px 0px;
  padding: 10px 10px;
  border-radius: 4px;
  line-height: 1rem;
  font-size: 14px;
}

.card-back-list {
  list-style-type: circle;
  margin: 6px 6px 6px 30px;
  padding: 0px 10px 0px 10px;
  text-align: left;
  width: 90%;
}

.subscription-expansion-panel {
  border-top: 3px solid lightgray !important;
  min-width: 500px;
}

.subscription-expansion-panel-summary {
  background: white !important;
}

.subscription-expansion-panel-details {
  background: #88BDBC !important;
}

.subscription-expansion-panel-actions {
  background: #88BDBC !important;
}




/* FAQ */


.faq-list {
  margin: 0px 0px;
  padding: 10px 16px;
}

/* PRIVACY Policy */


.privacy-list {
  margin: 0px 0px;
  padding: 10px 16px;
}


/* Custom Checkbox */

.check-box-container {
  display: block;
  position: relative;
  margin: 0px 0px;
  padding: 0px 0px 0px 0px;

}


.check-box-container .input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}