/* DCE Termine */

.whole-month { color: #5e6c72; font-size: 22px; margin: 15px 0 8px 0; }
ul.appointment { width: 100%; display: flex; margin: 0 0 34px 0; padding:0; list-style: none; }
ul.appointment a { display: block; padding-top: .4em; }
ul.appointment a::before { padding-right: .5em; }
ul.appointment p { margin: 0; }
ul.appointment h4 { font-size: 17px; margin-bottom: 6px; color: #2b2d2b; }
ul.appointment li { padding: 0;}
ul.appointment li:first-child { width: 60px; }

.date-box.hidden { visibility: hidden; }
.date-box { font-family: OpenSans, arial, sans-serif; border: 2px solid #758681; border-radius: 4px; text-align: center; width: 50px; height: 46px; }
.date-box .month { font-size: 11px; color: #8d9791; margin: 0 2px 0 0; }
.date-box .single { font-size: 24px; color: #c20069; position: relative; top: -5px; }
.date-box .period { font-size: 16px; color: #c20069; position: relative; top: 0; }

.mbox.term { position:relative; }
.mbox.term .fa { position:absolute; cursor: pointer; z-index: 2; }
.mbox.term .list-wrap { position:relative; }
.mbox.term ul { list-style-type: none; margin:0; padding:0; }