@charset "iso-8859-1";
.calc{
	text-align:center;
    width: 80%;
    max-width:1000px;
    margin: 0 auto;	
}
.green a{
	background-color: green !important;
	background:url("../imagens/fertil.png") no-repeat 5px center,rgb(251 139 202 / 50%) !important;	
	font-weight: bold !important;
}
.red a{
	background-color:rgba(214,119,173,.2) !important;
	background:url("../imagens/ovulacao.png") no-repeat 5px center,rgba(195,54,133,0.5) !important;	
	font-weight: bold !important;
}
.yellow a{
	background-color: yellow !important;
	background:url("../imagens/fertil.png") no-repeat 5px center,rgb(251 139 202 / 50%) !important;	
	font-weight: bold !important;
}
.blue a{
	background-color: blue !important;
	background:url("../imagens/menstruacao.png") no-repeat 5px center,rgb(251 139 202 / 50%) !important;	
	font-weight: bold !important;
}
.datainput {
    background: #FFF url('../imagens/cal.gif') no-repeat 97% 50%;
    padding-right: 20px;
    cursor: pointer;
    border: 1px solid #a0a0a0;
    border-radius: 2px;
    margin-top: 3px;
}
.ui-datepicker {
    width: 50%;
    padding: .2em .2em 0;
    display: none;
    margin: 0 auto;
} 
.ui-datepicker-calendar span{
	font-size: 14px;
}
.ui-widget.ui-widget-content{
	border: 1px solid #c5c5c5;
	border: 1px solid #da92b7;
    width: 100% !important;
    background-color: #f6fbff;
}
.ui-datepicker td a{
	padding: 0.5em;
}
.ui-datepicker-title span{
	color: #b4388b;
}
.ui-datepicker-calendar span{
	color:#3e61a8;
}
.ui-datepicker-week-end span{
	color: #b4388b;
}
.ui-state-active{
	background: #d9d9d9 !important;
}
.ui-state-default{
	border: 1px solid #da92b7 !important;
	font-size: 13px;
	color:#b4388b !important;
}
.ui-state-highlight{
    background: #fffa90 !important;
}
#form{
	display:block;
}
#form input{
	width:200px;
	padding:8px;
}
.datamens{
	display: block;float:left;height:auto;min-height:40px;padding:10px 0;
}
.ciclomens{
	display: block;float:left;height:auto;min-height:40px;padding:10px 0;
}

#calcular{
	float:none !important;
	background: none !important;
	background-color: #dd98c2!important;
    color: #fff !important;
    text-shadow: 1px 1px 0px #bd5996 !important;
    margin: 10px 20px 10px 15px !important;
    height: 35px !important;
}
@media only screen and (max-width: 900px){
	.calc{
		width:90%;
	}
	.ui-datepicker-multi .ui-datepicker-group{
		float:none;
		width:100% !important;
	}
	.ui-widget.ui-widget-content{
		width:100% !important;
	}
}