.safety-calendar *{margin:0;padding:0;box-sizing:border-box}.safety-calendar{box-sizing:border-box;display:flex;justify-content:center}.safety-calendar div.title input{width:100px}.safety-calendar .body{overflow:hidden;float:left}.safety-calendar .body ul{position:relative;display:block;width:490px;height:334px;float:left;list-style:none;background-color:#fafafa;margin:10px}.safety-calendar .body ul h3{position:absolute;left:0;top:0;font-size:80px;width:100%;height:334px;text-align:center;line-height:334px;color:#333;opacity:.1;filter:alpha(opacity=10)}.safety-calendar .body ul li{position:relative;float:left;width:70px;height:50px;cursor:default;color:#444;text-align:center;font-size:20px}.safety-calendar .body ul li i{display:block;font-size:12px;font-style:normal;color:#999;white-space:nowrap;overflow:hidden;width:50px;margin-left:10px}.safety-calendar .body ul li u{font-size:9px;font-style:normal;text-decoration:none;position:absolute;right:4px;top:0;color:#333}.safety-calendar .body ul li.week{height:34px;line-height:33px;font-size:12px;color:#333;border-bottom:1px solid #E3E3E3}.safety-calendar .body ul li.menses i{border-radius:2px;background-color:#ffb800;color:#fff}.safety-calendar .body ul li.ovulation i{background-color:#ff5722;border-radius:2px;color:#fff}.safety-calendar .body ul li.safe i{background-color:#009688;border-radius:2px;color:#fff}.safety-calendar .body ul li.today{font-weight:700;color:#1f80a9}.safety-calendar .body ul li.other{opacity:.3}