*{box-sizing:border-box}body,html{background-color:#eaeef3}.col2{float:left;width:50%;padding:0 10px}.col3{float:left;width:33%;padding:0 10px}.col4{float:left;width:25%;padding:0 10px}.panel{float:left;width:100%;padding:0 10px}.row:after{content:"";display:table;clear:both}@media screen and (max-width:1280px){.col2{width:100%;display:block;margin-bottom:20px}.col4{width:50%;display:block;margin-bottom:20px;z-index:9999}}@media screen and (max-width:768px){.col2,.col4{width:100%;display:block;margin-bottom:20px}.mobile{display:none}}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);text-align:left;background-color:transparent;color:#fff;min-height:170px;width:100%;box-shadow:0 5px 20px rgba(0,0,0,.1);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);margin-bottom:20px;border-radius:10px;perspective:1000px}.card{position:relative;display:block;border-radius:10px;margin-bottom:20px;box-shadow:0 5px 20px rgba(0,0,0,.1);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);overflow:hidden}.card-icon{display:block;height:70px;width:70px;text-align:center;font-size:30px;line-height:74px;background:rgba(0,0,0,.2);border-radius:100%;margin-top:25px;margin-bottom:10px;margin-left:15px}.card-info{position:absolute;top:10px;right:10px;left:auto;width:1em;filter:invert(100%)}.card-flip{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.card-index{float:left;width:100px;height:150px;text-align:center;font-size:30px;line-height:74px}.card-icon .icon{width:.75em;filter:invert(100%)}.card-day,.card-hour{display:block;white-space:nowrap;font-size:12px;font-weight:400;margin-top:5px;line-height:1em;overflow:hidden;text-overflow:ellipsis}.card-content{overflow:hidden;height:150px;padding:25px 25px 15px 15px;margin-left:90px}.card-content.back{padding:15px 25px 15px 15px;margin-left:0}.card-content-left{padding:15px}.card-text{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;line-height:1.7}.progress-description{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;line-height:1.7}.card-number{font-weight:700;font-size:38px}.card .progress{background:rgba(0,0,0,.2);margin:5px -10px 5px 0;height:2px}.progress{border:0;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0!important;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;font-size:.75rem}.progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0;color:#fff;text-align:center;background-color:#fff;transition:width .6s ease}.progress-bar-forced{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0;color:red;text-align:center;background-color:red;transition:width .6s ease}.card-footer{position:absolute;left:0;bottom:0;width:100%;margin-top:-5px;padding:3px 10px;color:#fff;color:rgba(255,255,255,.8);display:block;background:rgba(0,0,0,.1);text-decoration:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;cursor:default}.prevent-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.text-footer-left{position:absolute;left:0;bottom:0;margin-top:-5px;padding:3px 10px;color:#fff;color:rgba(255,255,255,.8);display:block;text-align:left;cursor:pointer}.text-footer-right{position:absolute;right:0;bottom:0;margin-top:-5px;padding:3px 10px;color:#fff;color:rgba(255,255,255,.8);display:block;text-align:right;cursor:pointer}.card-back,.card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-back{background-color:#2980b9}.card{transition:transform 1s;transform-style:preserve-3d;height:150px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.card-back{transform:rotateY(180deg)}.card-flip.flip{transform:rotateY(180deg)}.card-chart{width:100%;height:100px;margin:0 0}