body,html{width:100%;height:100%}body{background:#f5f7fa;padding:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Montserrat,sans-serif;color:#51565d}.calendar{display:-ms-grid;display:grid;width:100%;-ms-grid-columns:(minmax(13%,1fr))[7];grid-template-columns:repeat(7,minmax(13%,1fr));-ms-grid-rows:50px;grid-template-rows:50px;grid-auto-rows:120px;overflow:auto}.calendar>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.calendar>:nth-child(2){-ms-grid-row:1;-ms-grid-column:2}.calendar>:nth-child(3){-ms-grid-row:1;-ms-grid-column:3}.calendar>:nth-child(4){-ms-grid-row:1;-ms-grid-column:4}.calendar>:nth-child(5){-ms-grid-row:1;-ms-grid-column:5}.calendar>:nth-child(6){-ms-grid-row:1;-ms-grid-column:6}.calendar>:nth-child(7){-ms-grid-row:1;-ms-grid-column:7}.calendar-container{width:90%;margin:auto;overflow:hidden;-webkit-box-shadow:0 2px 20px rgba(0,0,0,.1);box-shadow:0 2px 20px rgba(0,0,0,.1);border-radius:10px;background:#fff;max-width:1200px}.calendar-header{text-align:center;padding:20px 0;background:-webkit-gradient(linear,left top,left bottom,from(#fafbfd),to(rgba(255,255,255,0)));background:-o-linear-gradient(top,#fafbfd 0,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,#fafbfd 0,rgba(255,255,255,0) 100%);border-bottom:1px solid rgba(166,168,179,.12)}.calendar-header h1{margin:0;font-size:18px}.calendar-header p{margin:5px 0 0 0;font-size:13px;font-weight:600;color:rgba(81,86,93,.4)}.calendar-header button{background:0;border:0;padding:0;color:rgba(81,86,93,.7);cursor:pointer;outline:0}.day{border-bottom:1px solid rgba(166,168,179,.12);border-right:1px solid rgba(166,168,179,.12);text-align:right;padding:14px 20px;letter-spacing:1px;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#98a0a6;position:relative;pointer-events:none;z-index:1}.day:nth-of-type(7n+7){border-right:0}.day:nth-of-type(n+1):nth-of-type(-n+7){-ms-grid-row:2;grid-row:2}.day:nth-of-type(n+8):nth-of-type(-n+14){-ms-grid-row:3;grid-row:3}.day:nth-of-type(n+15):nth-of-type(-n+21){-ms-grid-row:4;grid-row:4}.day:nth-of-type(n+22):nth-of-type(-n+28){-ms-grid-row:5;grid-row:5}.day:nth-of-type(n+29):nth-of-type(-n+35){-ms-grid-row:6;grid-row:6}.day:nth-of-type(7n+1){-ms-grid-column:1;grid-column:1/1}.day:nth-of-type(7n+2){-ms-grid-column:2;grid-column:2/2}.day:nth-of-type(7n+3){-ms-grid-column:3;grid-column:3/3}.day:nth-of-type(7n+4){-ms-grid-column:4;grid-column:4/4}.day:nth-of-type(7n+5){-ms-grid-column:5;grid-column:5/5}.day:nth-of-type(7n+6){-ms-grid-column:6;grid-column:6/6}.day:nth-of-type(7n+7){-ms-grid-column:7;grid-column:7/7}.day-name{font-size:12px;text-transform:uppercase;color:#99a1a7;text-align:center;border-bottom:1px solid rgba(166,168,179,.12);line-height:50px;font-weight:500}.day--disabled{color:rgba(152,160,166,.6);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f9f9fa' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");cursor:not-allowed}.task{border-left-width:3px;padding:8px 12px;margin:10px;border-left-style:solid;font-size:14px;position:relative}.task--warning{border-left-color:#fdb44d;-ms-grid-column:4;-ms-grid-column-span:3;grid-column:4/span 3;-ms-grid-row:3;grid-row:3;background:#fef0db;-ms-grid-row-align:center;align-self:center;color:#fc9b10;margin-top:-5px}.task--danger{border-left-color:#fa607e;-ms-grid-column:2;-ms-grid-column-span:3;grid-column:2/span 3;-ms-grid-row:3;grid-row:3;margin-top:15px;background:rgba(253,197,208,.7);-ms-grid-row-align:end;align-self:end;color:#f8254e}.task--info{border-left-color:#4786ff;-ms-grid-column:6;-ms-grid-column-span:2;grid-column:6/span 2;-ms-grid-row:5;grid-row:5;margin-top:15px;background:rgba(218,231,255,.7);-ms-grid-row-align:end;align-self:end;color:#0a5eff}.task--primary{background:#4786ff;border:0;border-radius:4px;-ms-grid-column:3;-ms-grid-column-span:3;grid-column:3/span 3;-ms-grid-row:4;grid-row:4;-ms-grid-row-align:end;align-self:end;color:#fff;-webkit-box-shadow:0 10px 14px rgba(71,134,255,.4);box-shadow:0 10px 14px rgba(71,134,255,.4)}.task__detail{position:absolute;left:0;top:calc(100% + 10px);background:#fff;border:1px solid rgba(166,168,179,.2);color:#000;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.08);box-shadow:0 10px 40px rgba(0,0,0,.08);z-index:2}.task__detail:after,.task__detail:before{bottom:100%;left:30%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.task__detail:before{border-bottom-color:rgba(166,168,179,.2);border-width:8px;margin-left:-8px}.task__detail:after{border-bottom-color:#fff;border-width:6px;margin-left:-6px}.task__detail h2{font-size:15px;margin:0;color:#51565d}.task__detail p{margin-top:4px;font-size:12px;margin-bottom:0;font-weight:500;color:rgba(81,86,93,.7)}