#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app,table.calendar td,table.calendar th{text-align:center}.calendar .status{cursor:pointer;display:inline-block;margin-left:1px;height:18px;width:18px}.calendar .status.new{border:3px solid #000}.calendar .status.requested{border:3px solid grey}.calendar .status.postponed{border:3px solid salmon}.calendar .status.accepted{border:3px solid green}.calendar .status.declined{border:3px solid red}.calendar .status.new:hover{border:3px solid #000}.calendar .status.requested:hover{border:3px solid silver}.calendar .status.postponed:hover{border:3px solid purple}.calendar .status.accepted:hover{border:3px solid #90ee90}.calendar .status.declined:hover{border:3px solid #8b0000}.calendar .status.less{background-color:red}.calendar .status.modified{background-color:#ff0}.calendar .status.full{background-color:green}.calendar td{border:thin dotted grey}.calendar td.today{border:2px solid #ff8533}.calendar h4.declined{text-decoration:line-through}h4 a.grey{color:grey}h4 a.grey:hover{color:silver}.today{border:2px solid #ff8533}.month,table.timeline td,table.timeline th{text-align:center}.month{padding:70px 25px;width:100%;background:#1abc9c}.month ul{margin:0;padding:0}.month ul li{color:#fff;font-size:20px;text-transform:uppercase;letter-spacing:3px}.month .prev{float:left;padding-top:10px}.month .next{float:right;padding-top:10px}.weekdays{margin:0;padding:10px 0;background-color:#ddd}.weekdays li{display:inline-block;width:13.6%;color:#666;text-align:center}.days{padding:10px 0;background:#eee;margin:0}.days li{list-style-type:none;display:inline-block;width:13.6%;text-align:center;margin-bottom:5px;font-size:12px;color:#777}.days li .active{padding:5px;background:#1abc9c;color:#fff!important}.timeline .grey{color:grey}.timeline .square{padding-top:100%}.timeline .square.schooling{background-color:green}.timeline .square.schooling:hover{background-color:#90ee90}.timeline .square.golive{background-color:red}.timeline .square.golive:hover{background-color:#8b0000}.timeline .square.absenteeism{background-color:grey}.timeline .square.absenteeism:hover{background-color:silver}.bgGrey{border:thin solid #eee}.status{cursor:pointer;display:inline-block;margin-left:1px;height:18px;width:18px}.status.new{border:3px solid #000}.status.requested{border:3px solid grey}.status.postponed{border:3px solid salmon}.status.accepted{border:3px solid green}.status.declined{border:3px solid red}.status.new:hover{border:3px solid #000}.status.requested:hover{border:3px solid silver}.status.postponed:hover{border:3px solid purple}.status.accepted:hover{border:3px solid #90ee90}.status.declined:hover{border:3px solid #8b0000}.status.less{background-color:red}.status.modified{background-color:#ff0}.status.full{background-color:green}.selectBox{display:inline-block;margin-left:10px}.selectBox.new{border:thin solid #000}.selectBox.requested{border:thin solid grey}.selectBox.postponed{border:thin solid salmon}.selectBox.accepted{border:thin solid green}.selectBox.declined{border:thin solid red}