.container{height:100vh;display:flex;flex-flow:wrap row;justify-content:center;align-items:center}.box{max-width:300px;width:100%;padding:0 15px}.skeleton{padding:15px;width:100%;background:#fff;margin-bottom:20px;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}.skeleton .square{height:80px;border-radius:5px;background:rgba(0,0,0,.1);animation:wave-squares 2s infinite ease-out}.skeleton .line{height:12px;margin-bottom:6px;border-radius:2px;background:rgba(0,0,0,.1);animation:wave-lines 2s infinite ease-out}.skeleton-right{flex:1}.skeleton-left{flex:2}.flex1{flex:1}.flex2{flex:2}.skeleton .line:last-child{margin-bottom:0}.h8{height:8px!important}.h10{height:10px!important}.h12{height:12px!important}.h15{height:15px!important}.h17{height:17px!important}.h20{height:20px!important}.h25{height:25px!important}.w25{width:25%!important}.w40{width:40%!important}.w50{width:50%!important}.w75{width:75%!important}.m10{margin-bottom:10px!important}.circle{border-radius:50%!important;height:80px!important;width:80px}@keyframes wave-lines{0%{background-position:-468px 0}100%{background-position:468px 0}}@keyframes wave-squares{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton-loader{border-bottom:solid 1px #d3d3d3;padding:15px 10px}.skeleton-loader .skeleton-1,.skeleton-loader .skeleton-2,.skeleton-loader .skeleton-3{float:left;height:10px;animation:skeleton-loader-shimmer 1s linear infinite forwards,wavy 2s ease-in-out infinite;background:#eee;background-image:linear-gradient(to right,#eee 0,#ccc 20%,#ddd 40%,#eee 100%);background-repeat:no-repeat;background-size:800px 104px;border-radius:3px}.skeleton-loader .skeleton-1:not(:first-child),.skeleton-loader .skeleton-2:not(:first-child),.skeleton-loader .skeleton-3:not(:first-child){margin:10px 10px 0 0}.skeleton-loader .skeleton-1{width:80%}.skeleton-loader .skeleton-2{width:50%;clear:both}.skeleton-loader .skeleton-3{width:20%}.listing-skeleton .card{height:750px}@keyframes skeleton-loader-shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.listing-skeleton .pulsate{background:linear-gradient(90deg,#ddd,#f0f0f0,#ddd,#f0f0f0);background-size:400% 400%;animation:Gradient 2s ease infinite}.listing-skeleton .card-content{clear:both;box-sizing:border-box;padding:16px;background:#fff}.listing-skeleton .search-box{width:300px;height:40px;margin-top:8px;margin-left:5px}.listing-skeleton .date-box{width:220px;height:40px;margin-top:8px;margin-left:5px}.listing-skeleton .filter-box{width:50px;height:40px;margin-top:8px;margin-left:5px}.listing-skeleton .export-box{width:110px;height:40px;margin-top:8px;margin-left:5px}.listing-skeleton .event-box{height:210px;margin-bottom:28px}.listing-skeleton .add-button-box{width:100px;height:40px;margin-top:8px;margin-left:5px}.listing-skeleton .add-button-box-filter{width:50px;height:40px;margin-top:8px;margin-left:5px}.listing-skeleton .column-box{height:45px;margin-top:8px;margin-left:10px}@-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}