@charset "utf-8";
/* calendar */
.buttons-container { display: flex; align-items: center; justify-content: center; }
.buttons-container button { width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; cursor: pointer; opacity: 0.5; }
.buttons-container button.prev-button { background: url(../../resources/image/icon/icon_arrow_right_black.svg) no-repeat center center; transform: scaleX(-1); background-size: 30px; }
.buttons-container button.next-button { background: url(../../resources/image/icon/icon_arrow_right_black.svg) no-repeat center center; background-size: 30px; }
.buttons-container .label-container { display: inline-block; width: 184px; font-size: 18px; font-weight: 700; line-height: 40px; text-align: center; } 

.week { margin-top: 8px; }
.week .day { position: relative; width: 14.28%; height: 40px; line-height: 40px; text-align: center; cursor: pointer; box-sizing: border-box; display: inline-block; } 
.week .day.header { font-size: 16px; font-weight: 700; color: #99B5F5; } 
.week .day span { position: relative; width: 40px; height: 40px; font-size: 14px; font-weight: 700; line-height: 36px; background: var(--white); border: 2px solid var(--white); border-radius: 8px; box-sizing: border-box; display: inline-block; } 
.week .day.today span { border: 2px solid var(--primary-500); }
.week .day.selected span { color: var(--white); background: var(--primary-500); border: 2px solid var(--primary-500); } 
.week .day[disabled="disabled"] span { opacity: 0.3; cursor: not-allowed; }