.calendar {display: flex;flex-flow: column;}.calendar .header .month-year {font-size: 20px;font-weight: bold;color: #636e73;padding: 0 20px 20px 0;}.calendar .days {display: flex;flex-flow: wrap;}.calendar .days .day_name {width: calc(100% / 7);border-right: 1px solid #2c7aca;padding: 20px;text-transform: uppercase;font-size: 12px;font-weight: bold;color: #818589;color: #fff;background-color: #8462a5;}.calendar .days .day_name:nth-child(7) {border: none;}.calendar .days .day_num a {color:#FFFFFF!important;}.calendar .days .day_num {display: flex;flex-flow: column;width: calc(100% / 7);border-right: 1px solid #e6e9ea;border-bottom: 1px solid #e6e9ea;padding: 15px;font-weight: bold;color: #7c878d;cursor: pointer;min-height: 100px;}.calendar .days .day_num span {display: inline-flex;width: 30px;font-size: 14px;}.calendar .days .day_num .event {margin-top: 10px;font-weight: 500;font-size: 14px;padding: 3px 6px;border-radius: 4px;background-color: #f7c30d;color: #fff;word-wrap: break-word;}.calendar .days .day_num .event.green {background-color: #51ce57;}.calendar .days .day_num .event.blue {background-color: #8462a5;}.calendar .days .day_num .event.red {background-color: #e75454;}.calendar .days .day_num:nth-child(7n+1) {border-left: 1px solid #e6e9ea;}.calendar .days .day_num:hover {background-color: #fdfdfd;}.calendar .days .day_num.ignore {background-color: #fdfdfd;color: #ced2d4;cursor: inherit;}.calendar .days .day_num.selected {background-color: #f1f2f3;cursor: inherit;}