/*Submit/Send background color*/
.calculator_table .submit-btn input[type=submit] , .calculateagainbtn input[type=button]   , .ovulation_susbcribe_btn , #ovulation_subscribers  input[type=submit]{
    padding: 15px 30px;
    border: 2px solid #E8D8C9;
    border-radius: 30px!important;
    text-transform: uppercase;
}


.oc_title,
.oc_subtitle,
.calculator_table h2,
.single .calculator_table h2,
.calculator_table p,
.calculator_table a,
.icon-calendar3:before{
text-decoration: none;
}

/*Period Daes + Selected day*/

.ui-state-default.ui-state-highlight.ui-state-active,
.ui-datepicker-current-day .ui-state-default.ui-state-active,
{
border-radius: 50%;
width: 40px;
height: 40px;
margin: auto;

}
td.fertileDay a.ui-state-default,
td.fertileDay span.ui-state-default{

background-color:transparent;
border: unset !important;
height: auto;
color: #000!important;
cursor: unset;
}


td.fertileDay a.ui-state-default::after
{
display: none;
}


/*Submit/Send background hover+focus color*/
.calculator_table .submit-btn input[type=submit]:focus,
.calculator_table .submit-btn input[type=submit]:hover ,
.calculateagainbtn input[type=button]:hover,.calculateagainbtn input[type=submit]:focus,
.ovulation_susbcribe:hover,.ovulation_susbcribe:focus

{
    background-color: rgb(0,89,153) !important;
padding: 15px 30px;
border: 2px solid #E8D8C9;
border-radius: 30px!important;

}

/*Submit/Send color*/
.calculator_table .icon-angle-right,
.calculator_table .submit-btn input[type=submit]{
}			


/* Calendar Cell Background color*/
.ll-skin-melon td .ui-state-default{
	background: transparent;
border: unset !important;
}

/* Calendar selected day text color*/
#calendar.ll-skin-melon td .ui-state-default.ui-state-active{

}
/* Calendar default day text color*/
.ll-skin-melon td .ui-state-default{
color: #000 !important;
}


#calendar table tr td a {
        width: 30px !important;
        height: 30px !important;
    text-align: center;
    margin: auto !important;
    border-radius: 50%;
    border: 1px solid #fff !important;
    outline: unset;
    background: transparent !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
        line-height: normal;
}

.ll-skin-melon td .ui-state-active, .ll-skin-melon td .ui-state-hover {
    background-color: transparent !important;
    color: #000 !important;
}

.ui-datepicker .ui-datepicker-prev:before , .ui-datepicker .ui-datepicker-next:before
{
    display: none;
}

.ui-datepicker .ui-datepicker-prev span , .ui-datepicker .ui-datepicker-next span
{
    display: block;
}

.ui-datepicker .ui-state-hover

{
        background: unset !important;
    border: unset !important;
}
.ovulation-date-picker-wrapper #calendar.ll-skin-melon .ui-datepicker .ui-datepicker-prev span,
.ovulation-date-picker-wrapper #calendar.ll-skin-melon .ui-datepicker .ui-datepicker-next span,
.ovulation-calculation-wrapper #datepicker .ui-datepicker .ui-datepicker-next span,
.ovulation-calculation-wrapper #datepicker .ui-datepicker .ui-datepicker-prev span{
    display: block;
}
.ovulation-date-picker-wrapper #calendar .ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-prev,
.ovulation-calculation-wrapper #datepicker .ui-datepicker .ui-datepicker-next,
.ovulation-calculation-wrapper #datepicker .ui-datepicker .ui-datepicker-prev,
.ovulation-date-picker-wrapper #calendar .ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-next {
    top: 50%;
    transform: translateY(-50%);
}
.ovulation-calculation-wrapper .privacy-div {
    align-items: center;
    gap: 5px;
}
.ovulation-calculation-wrapper .privacy-div label {
    line-height: 1.4;
    color: #000 !important;
}
.ovulation-calculation-wrapper #datepicker .ui-datepicker-header,
.ovulation-date-picker-wrapper #calendar.ll-skin-melon .ui-datepicker-header {
    padding: 0 !important;
    margin-bottom: 10px;
    background: unset !important;
}

.ovulation-date-picker-wrapper #calendar.ll-skin-melon .ui-datepicker-header {
    background: unset !important;

}
.ovulation-date-picker-wrapper #calendar .ui-datepicker-header .ui-datepicker-title {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.ovulation-calculation-wrapper #datepicker .ui-datepicker-next.ui-datepicker-next-hover,
.ovulation-date-picker-wrapper #calendar .ui-datepicker-next.ui-datepicker-next-hover{
    background: none !important;
    border: none !important;
}
.ovulation-date-picker-wrapper .ui-datepicker .ui-datepicker-prev,
.ovulation-calculation-wrapper .ui-datepicker .ui-datepicker-prev {
    left: 2px !important;
    background: unset !important;
}
.ovulation-date-picker-wrapper .ui-datepicker .ui-datepicker-next,
.ovulation-calculation-wrapper .ui-datepicker .ui-datepicker-next {
    right: 2px !important;
    background: unset !important;
}
.ovulation-calculation-wrapper #datepicker.ll-skin-melon .ui-datepicker-prev.ui-datepicker-prev-hover,
.ovulation-date-picker-wrapper #calendar .ui-datepicker-next.ui-datepicker-prev-hover {
    background: none !important;
    border: none !important;
}
.ovulation-date-picker-wrapper .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover {
    color: inherit !important;
}

.ovulation-date-picker-wrapper .ui-datepicker {
    padding: 0px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}
.ovulation-date-picker-wrapper #calendar {
    padding: 20px;
}
.ovulation-date-picker-wrapper .ui-datepicker-calendar {
    border: none;
}

.ovulation-calculation-wrapper .ui-datepicker {
    padding: 20px !important;
    border-radius: 25px !important;
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1) !important;
}
.ovulation-date-picker-wrapper .ll-skin-melon td .ui-state-default{
    padding: 0;
}

.ovulation-calculation-wrapper .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
    background: initial !important;
    color: #000 !important;
}
.ovulation-calculation-wrapper .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover {
    color: #000 !important;
}

@media screen and (max-width: 767px) {
    .ovulation-date-picker-wrapper .ovulation_form,
    .ovulation-date-picker-wrapper #calendar {
        padding: 16px;
    }
}