*,:after,:before{box-sizing:border-box}body,html{height:100%}body,html{position:relative;min-height:100%}html{padding:0;margin:16px;overflow-x:hidden;font-size:62.5%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.4rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:300;letter-spacing:.01rem;color:#212121;background-color:#fafafa}.demo{margin-bottom:100px}.demo h1.header{margin:50px auto;font-size:4rem;font-weight:400;text-align:center}.demo .demo-thumbnail{width:150px;height:150px;border-radius:5px}.demo .demo-title{text-transform:capitalize}.demo .loader{position:fixed;top:-1px;left:-2px;display:block;width:calc(100% + 4px);height:5px;background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.7)),to(hsla(0,0%,100%,.7))),-webkit-gradient(linear,left top,right top,from(#3f51b5),to(#3f51b5));background-image:linear-gradient(90deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.7)),linear-gradient(90deg,#3f51b5,#3f51b5)}.demo .loader:after,.demo .loader:before{position:absolute;top:0;bottom:0;width:0;content:"";-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#3f51b5}.demo .loader:before{left:0;-webkit-animation-name:data-table-loader-before;animation-name:data-table-loader-before}.demo .loader:after{right:0;-webkit-animation-name:data-table-loader-after;animation-name:data-table-loader-after}.demo .loader[data-is-loading=false]{display:none}.data-table{position:relative;display:block}.data-table .data-table-search{position:relative;display:flex;margin-bottom:25px;justify-content:flex-end}.data-table .data-table-search input{width:300px;height:40px;max-width:50%;padding:0 15px;margin:0;font-size:15px;line-height:36px;border:none;border-radius:6px;outline:none}.data-table .data-table-search input,.data-table .data-table-wrapper{background:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.data-table .data-table-wrapper{position:relative;display:block;margin:0 auto;overflow:hidden;border-radius:6px}.data-table .data-table-wrapper .table-head{display:flex;overflow:scroll;white-space:nowrap}.data-table .data-table-wrapper .table-head .table-head-column{padding:18px 22px;font-weight:700;line-height:24px;line-height:2rem;text-align:left;text-overflow:ellipsis;color:#757575;border-bottom:2px solid #e0e0e0}.data-table .data-table-wrapper .table-head .table-head-column_is-numeric{text-align:right}.data-table .data-table-wrapper table{position:relative;display:block;overflow:scroll;font-size:16px;white-space:nowrap}.data-table .data-table-wrapper table>tbody{display:flex;flex-direction:column}.data-table .data-table-wrapper table>tbody .table-row{position:absolute;display:flex;width:100%;align-items:center;-webkit-transition:background .28s cubic-bezier(.4,0,.2,1);transition:background .28s cubic-bezier(.4,0,.2,1)}.data-table .data-table-wrapper table>tbody .table-row.empty-rows .table-row-item{width:100%;font-weight:500;text-align:center;color:#777;justify-content:center}.data-table .data-table-wrapper table>tbody .table-row>.table-row-item{position:relative;display:flex;height:100%;padding:18px 22px;align-items:center;cursor:pointer;text-align:left;border-bottom:1px solid #e0e0e0}.data-table .data-table-wrapper table>tbody .table-row>.table-row-item_is-numeric{text-align:right}.data-table .data-table-wrapper table>tbody .table-row.active,.data-table .data-table-wrapper table>tbody .table-row:hover{box-shadow:0 0 5px 0 rgba(0,0,0,.14)}.data-table .data-table-wrapper .checkbox{position:relative;margin:0 1rem 0 0;cursor:pointer}.data-table .data-table-wrapper .checkbox:before{position:absolute;top:-5px;left:0;z-index:2;width:18px;height:18px;content:"";border:2px solid rgba(0,0,0,.54);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.data-table .data-table-wrapper .checkbox:checked:before{height:10px;border-color:#009688;border-top-style:none;border-right-style:none;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.data-table .data-table-wrapper .checkbox:after{position:absolute;top:-5px;left:0;z-index:1;width:18px;height:18px;content:"";cursor:pointer;background:#fff}.data-table .data-table-wrapper .data-table-loader{position:absolute;top:-1px;left:-2px;display:block;width:calc(100% + 4px);height:5px;background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.7)),to(hsla(0,0%,100%,.7))),-webkit-gradient(linear,left top,right top,from(#3f51b5),to(#3f51b5));background-image:linear-gradient(90deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.7)),linear-gradient(90deg,#3f51b5,#3f51b5)}.data-table .data-table-wrapper .data-table-loader:after,.data-table .data-table-wrapper .data-table-loader:before{position:absolute;top:0;bottom:0;width:0;content:"";-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#3f51b5}.data-table .data-table-wrapper .data-table-loader:before{left:0;-webkit-animation-name:data-table-loader-before;animation-name:data-table-loader-before}.data-table .data-table-wrapper .data-table-loader:after{right:0;-webkit-animation-name:data-table-loader-after;animation-name:data-table-loader-after}.data-table .data-table-wrapper[data-is-loading=false] .data-table-loader{display:none}@-webkit-keyframes data-table-loader-before{0%{left:0;width:0}50%{left:25%;width:75%}75%{left:100%;width:0}}@keyframes data-table-loader-before{0%{left:0;width:0}50%{left:25%;width:75%}75%{left:100%;width:0}}@-webkit-keyframes data-table-loader-after{0%,50%{left:0;width:0}75%{left:0;width:25%}to{left:100%;width:0}}@keyframes data-table-loader-after{0%,50%{left:0;width:0}75%{left:0;width:25%}to{left:100%;width:0}}
/*# sourceMappingURL=main.35ec0237.chunk.css.map */