@charset "utf-8";
/* CSS Document */
.ovpredct_table .calculator-form{
	margin-bottom:0px;
}
.ovpredct_table select.days{
	margin-bottom:0px !important;
}
.calendar-table table{
	background:none !important;
	margin-bottom:0px !important;
}
.calendar-table table.tbl-calenda-before{
	margin-bottom:20px !important;
}
.calendar-table .calendar-legend{
	justify-content: center;
    gap: 56px;
    font-size: 16px;
	margin-top:32px;
	font-weight:500;
}
.calendar-table .calendar-legend .low_fertil{
	color:#959292;
	position:relative;
}
.calendar-table .calendar-legend .low_fertil:before{
	width:14px;
	height:14px;
	border-radius:50%;
	background:#DDDDDD;
	position:absolute;
	content:"";
	left:-22px;
	top:50%;
	transform: translate(0, -50%);
}
.calendar-table .calendar-legend .fertil{
	color:#3E8373;
	position:relative;
}
.calendar-table .calendar-legend .fertil:before{
	width:14px;
	height:14px;
	border-radius:50%;
	background:#C9E9E1;
	position:absolute;
	content:"";
	left:-22px;
	top:50%;
	transform: translate(0, -50%);
}
.calendar-table .calendar-legend .menstruation{
	color:#E15952;
	position:relative;
}
.calendar-table .calendar-legend .menstruation:before{
	width:14px;
	height:14px;
	border-radius:50%;
	background:#FFC2BE;
	position:absolute;
	content:"";
	left:-22px;
	top:50%;
	transform: translate(0, -50%);
}
.calendar-table table thead tr{
	color:#706C6C;
	font-size:16px;
	text-align:center;
}
.calendar-table table,
.calendar-table table td{
	border:0px !important;
	text-align:center !important;
	font-weight:500;
}
.calendar-table table td{
	padding:2px !important;
}
.calendar-table table td span{
	width: 96px;
    height: 96px;
    display: flex;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
}
.calendar-table table td.empty_td span{
	background-color:#F5F5F5;
}

table.ovulation-calendar th.current{font-size: 1.4em;padding-bottom: 15px;text-align: center;}
table.ovulation-calendar abbr[title]{cursor: help;border-bottom: 1px dotted #999;}
table.ovulation-calendar td.day{background: #ffffff;color: #4e4e4e;border: #d0d0d0 1px solid;padding:5px;}
table.ovulation-calendar td{width: 14.2857%;height: 50px;padding: 5px;vertical-align: top;}
table.ovulation-calendar td.day.fertile{background: #b2d2a6;border: #b2d2a6 1px solid;color: #fff;font-weight: bold;}
table.ovulation-calendar table.inner-calendar{border-collapse: separate;border-spacing: 5px;}
table.ovulation-key{border-collapse: separate;
    border-spacing: 5px;
    margin: 0 0 0 -5px;
    padding: 0;
    width: 100%;}
table.ovulation-key tr td{text-align:center;}
table.ovulation-key td.low-fertility{background: #ffffff;border: #d0d0d0 1px solid;color: #4e4e4e;}
table.ovulation-key td.high-fertility {background: #b2d2a6;border: #b2d2a6 1px solid;color: #fff;font-weight: bold;}
table.ovulation-key td.period,table.ovulation-calendar td.period {background: #d4abb7;border: #d4abb7 1px solid;color: #fff;} 
.bbovulcal_wrapper {/* border: 1px solid #eee;padding: 10px;*/ position:relative;}
.bbovulcal_wrapper .widgettitle, .bbovulcal_wrapper .widgettitle b{font-weight: normal; line-height: normal;  margin: 0;}
.bbovulcal_wrapper .widgettitle{margin-bottom: 10px;}

.calendar-table .tbl-calendar tbody td span.period{background:#FFC2BE;}
.calendar-table .tbl-calendar tbody td span.fertile{background:#C9E9E1;}

.calculator_table_after{
	width: 90%;
    margin-left: 5%;
    height: 1px;
    background: #ebebeb;
}
.calculator_table_after.calendar_count_2{
	display:none;
}
.ovulcal_btn{
	width:500px;
}

@media only screen and (max-width:767px){
.calendar-table table td span{
	width: 46px;
    height: 46px;
	}
.calendar-table .calendar-legend{
    gap: 32px;
    font-size: 12px;
	}
.ovulcal_btn{
	width:150px;
	}	
}