.ovulation-calculator{
  overflow:hidden;
}
 
 .post-content > .ovulation-calculator:first-child {
  margin-top:-20px;
}

.ovulation-calculator .panel-body {
  background-color:rgba(246, 246, 246, .15);
}
       
      

.ovulation-calculator .datepicker-wrap {
  position: relative;
  width:100%;
  padding-left: 5px;
  display: inline-block;
  border: 1px solid #efe7d7;
  user-select: none;
  height: 34px;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  cursor: pointer;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;      
}

.ovulation-calculator .datepicker-wrap:hover {
  cursor:pointer;
}

.ovulation-calculator .datepicker-wrap input {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;      
  pointer-events: none;
}


      
      @media (max-width: 767px) {
        .ovulation-calc-inputs,
        .ovulation-calculator .panel-footer {
          text-align:center; 
        }
      }
      
      
 
       
       
.trimester-heading {
    background: #f6f2e9;
    padding: 5px 10px;
}


.calendar-output small {
  font-size:66%;  
  display:block;
  margin-top:2px;
  opacity:.8;
}


.calendar-output table {
  font-size:14px;  
  border-collapse:collapse;
  margin:0 auto .75em;
  background222: #f6f2e9;
    width:100%;
}
@media (min-width: 480px) {
  .calendar-output table {
    font-size:16px;  
    width:auto;
  }
}
@media (min-width: 768px) {
  .calendar-output table {
    font-size:17px;  
    width:100%;
  }
}

@media (min-width: 992px) {
  .calendar-output table {
    font-size:18px;  
  }
}
.calendar-output .calendar-month {
  display222:none; 
}

  .calendar-output table > tbody > tr > * {
    width:14.28571428571429%; 
    text-align:center; 
        border: .25em solid transparent;
  }
  
  .calendar-output td > div {
    padding:.25em;
    background: #f6f6f6;    
    border: 1px solid #ccc;
    
  }
  .calendar-output #emptydays {
    background: transparent;   
  }
  .calendar-output .fertility-date div {
    background: rgba(241, 90, 41, 1);   
    border-color: rgba(241, 90, 41, 1 ); 
  }
  .calendar-output .fertility-low div {
    background: rgba(241, 90, 41, .2);   
    border-color: rgba(241, 90, 41, .2 ); 
    padding:.3em;
  }
  .calendar-output .fertility-mid-low div {
    background: rgba(241, 90, 41, .4);   
    border-color: rgba(241, 90, 41, .2 );  
    padding:.4em;
  }
  .calendar-output .fertility-mid div {
    background: rgba(241, 90, 41, .6);   
    border-color: rgba(241, 90, 41, .4 );  
    padding:.5em;
    color:#fff; 
  }
  .calendar-output .fertility-high div {
    background: rgba(241, 90, 41, 1); 
    border-color: rgba(241, 90, 41, 1 );  
    color:#fff; 
    padding:.75em;
  }