.skeduler-container{font-family:Helvetica,​Arial,​sans-serif}
.skeduler-container *{box-sizing:content-box; width: 95%;}
.skeduler-headers{border-left:1px solid #b0cee9;display:flex;width:890px;position:relative}
.skeduler-headers:before{border-top:1px solid #b0cee9;content:"";width:60px;position:absolute;left:0}
.skeduler-headers > div{flex:0 0 200px;height:30px;padding-top:10px;background-color:#D3E0EF;border-left:1px solid #B0CEE9;border-bottom:1px solid #B0CEE9;border-top:1px solid #b0cee9;text-align:center}
.skeduler-headers > div:last-child,.skeduler-main-body > div > div.skeduler-cell{border-right:1px solid #B0CEE9}
.skeduler-main{display:flex}
.skeduler-main-timeline{margin-top:-1px}
.skeduler-main-timeline div{width:50px;height:27px;text-align:left;padding-left:10px;padding-top:3px;color:#333;border-right:1px solid #B0CEE9;border-left:1px solid #B0CEE9}
.skeduler-main-timeline div:first-child{border-top:1px solid #B0CEE9}
.skeduler-main-body{display:flex }
.skeduler-main-timeline div,.skeduler-main-body > div > div.skeduler-cell{background-color:#FFF}
.skeduler-main-timeline div:nth-child(even),.skeduler-main-body > div > div.skeduler-cell:nth-child(odd){border-top:1px dotted #B0CEE9;border-bottom:1px solid #B0CEE9}
.skeduler-main-body > div > div.skeduler-cell{width:200px;height:30px}.skeduler-main-body > div > .skeduler-task-placeholder{height:0;position:relative}
.skeduler-main-body > div > .skeduler-task-placeholder > div{position:absolute;overflow:hidden;background-color:#576D7C;padding:10px;box-sizing:border-box;box-shadow:0 .125em .25em rgba(0,0,0,.25);margin-top:2px;cursor:pointer;color:#FFF;word-wrap:break-word;min-width:0;min-height:0;transition:all .4s}
.skeduler-main-body > div > .skeduler-task-placeholder > div:hover{box-shadow:0 .25em .5em rgba(0,0,0,.5);background-color:#3A9852;min-height:150px;min-width:200px;opacity:0.8;z-index:9999}