.cms{border-radius:15px;-webkit-box-shadow:0 0 24px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 24px 0 rgba(0,0,0,.1);box-shadow:0 0 24px 0 rgba(0,0,0,.1);display:flex;height:500px;margin-top:50px;position:relative}.leftblk{background:#e2e2e2;height:100%;width:100px}.rightblk{padding:30px}.line{border-bottom:5px dashed #efeff2;margin:10px 0}.reportcard{background:#fff;border-radius:10px;-webkit-box-shadow:0 0 14px 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 14px 3px rgba(0,0,0,.1);box-shadow:0 0 14px 3px rgba(0,0,0,.1);font-weight:700;padding:15px 20px;position:absolute;right:-60px;text-align:left;top:-40px;transition:all .5s ease;width:200px;z-index:100}.partycard{left:-100px}.partycard,.taskcard{background:#fff;border-radius:10px;-webkit-box-shadow:0 0 14px 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 14px 3px rgba(0,0,0,.1);box-shadow:0 0 14px 3px rgba(0,0,0,.1);font-weight:700;padding:15px 20px;position:absolute;text-align:left;top:200px;transition:all .5s ease;width:200px;z-index:100}.taskcard{right:-100px}.contractcard{background:#fff;border-radius:10px;-webkit-box-shadow:0 0 14px 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 14px 3px rgba(0,0,0,.1);box-shadow:0 0 14px 3px rgba(0,0,0,.1);font-weight:700;left:100px;padding:15px 20px;position:absolute;text-align:left;top:-30px;transition:all .5s ease;width:200px;z-index:100}.partyChart{height:44px;margin:5px}.contractChart,.partyChart{background:#e6eaf2;border-radius:5px;width:100%}.contractChart{height:10px;margin:8px 0}.d-flex{display:flex;justify-content:center}.cms .contractcard,.cms .partycard,.cms .reportcard,.cms .taskcard{font-size:13px;opacity:0;transition:all .5s ease}.cms.scrolled .contractcard,.cms.scrolled .partycard,.cms.scrolled .reportcard,.cms.scrolled .taskcard{opacity:1;transition:all .5s ease}