@charset "utf-8";
/* CSS Document */


.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #FF3CAC!important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #FF3CAC!important;
}

/* put this into your existing <style> block */

/* flatpickr renders the two months here: */
.flatpickr-calendar .flatpickr-months {
  display: flex;           /* default is row */
  flex-direction: row;
}

/* on narrow screens, stack them vertically */
@media (max-width: 576px) {
  .flatpickr-calendar .flatpickr-months {
    flex-direction: column !important;
  }
}

    /* Steps */
    .step {
      display: flex;
      align-items: center;
      margin-bottom: 1rem;
    }
.step-number {
  width: 35px;
  height: 35px;
  background: #FF3CAC;
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .5rem;
  padding: 15px;
}
    .step-text {
      font-weight: 500;
      font-size: 1rem;
    }
    .step-text .bi {
      margin-left: .25rem;
      color: #6c757d;
      cursor: pointer;
    }

    

@media (min-width: 1px) {
  /* Plan list */
    .plan-list {
      list-style: none;
      padding: 0;
      margin: 0 0 2rem 0;
      max-width: 100%;
    }
}

@media (min-width: 992px) {
  /* Plan list */
    .plan-list {
      list-style: none;
      padding: 0;
      margin: 0 0 2rem 0;
      max-width: 280px;
    }
}
    .plan-list li {
      background: #F2F2F2;
      color: #333;
	  font-weight: 700;
      padding: .75rem 1rem;
      border-radius: 6px;
      margin-bottom: .5rem;
      cursor: pointer;
      transition: background .2s;
	  font-family: 'Open Sans', sans-serif !important;		
    }
    .plan-list li.selected {
      background: #FF3CAC;
      color: #fff;
	  font-weight:bold;
    }

   .form-control {
      border: solid 1px #ced4da;
	  background-color:#fff!important;
	}

    /* Date picker */
    .input-group-text {
      background: #fff;
      border-left: 0;
      cursor: pointer;
    }
    #date-range {
  border-right: 0;
  font-weight: 700;
  color: #003473;
}
    #date-range.form-control:focus {
      box-shadow: none;
    }
    .date-helper {
      font-size: .875rem;
      color: #6c757d;
      margin-top: .25rem;
	  font-family: 'Open Sans', sans-serif !important;	
    }

    /* Results card */
    .results-card {
      background: #E1F3FF;
      border-radius: 8px;
      padding: 1.5rem;
    }
    .results-card .card-title {
      font-weight: 600;
      margin-bottom: .5rem;
    }
    .results-card h2 {
      margin-bottom: .75rem;
  background: #fff;
  border-radius: 5px;
    }
    .breakdown-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
    }
    .breakdown-row:last-child {
      margin-bottom: 0;
    }
    .labels .label-title {
      font-weight: 700;
  	  color: #003473;
    }
    .labels .label-sub {
      font-size: .875rem;
      color: #6c757d;
	  font-family: 'Open Sans', sans-serif !important	
    }
.text-muted.small {
  font-family: 'Open Sans', sans-serif !important;
}
.price-block {
  /* stack badge above price, but make both children fill the same container width */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /* keep the indent from the labels */
  margin-left: 1rem;
}

.price-block .badge-prorated,
.price-block .price-box {
  /* force both to match the same width */
  width: 100%;
  /* remove any internal margin so they butt up tight */
  margin: 0;
}


    .badge-prorated {
      background: #FF3CAC;
      color: #fff;
      font-size: .75rem;
      padding: .25em .5em;
      border-radius: .25rem .25rem .0rem .0rem;
      display: inline-block;
      margin-bottom: .5rem;
	  position: relative;
      z-index: 1;
	  font-family: 'Open Sans', sans-serif !important;	
	  text-align: center;
	  font-weight: bold;
    }
	.price-box {
	  background: #fff;
	  padding: .5rem .75rem;
	  border-radius: .5rem;
	  font-weight: 600;
	  display: inline-block;
	  position: relative;
	  z-index: 0;
	  color: #003473;	
	  margin-top: -5px !important; 
     font-family: 'Open Sans', sans-serif !important;	
	}

    .reset {
      font-size: .875rem;
      color: #333;
      text-decoration: underline;
      cursor: pointer;
      margin-top: 1rem;
      display: inline-block;
    }

    .disclaimer {
      font-size: .75rem;
      font-family: 'Open Sans', sans-serif !important;	
      color: #6c757d;
      text-align: center;
      margin-top: 2rem;
    }