.tables-edit-outer{height:100%}.tables-edit-outer .tables-edit-con{position:relative;height:100%}.tables-edit-outer .tables-edit-con .value-con{vertical-align:middle}.tables-edit-outer .tables-edit-con .tables-edit-btn{position:absolute;right:10px;top:-4px;display:none}.tables-edit-outer .tables-edit-con:hover .tables-edit-btn{display:inline-block}.tables-edit-outer .tables-editting-con .tables-edit-input{width:calc(100% - 60px)}.search-con{padding:10px 0}.search-con .search-col,.search-con .search-input{display:inline-block;width:200px}.search-con .search-btn,.search-con .search-input{margin-left:2px}*{-webkit-box-sizing:border-box;box-sizing:border-box}h1{text-align:center;color:#fff;font-size:60px;font-weight:300;margin-bottom:30px}.content{max-width:600px;margin:auto;padding:5px;height:100%;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.content,.content .column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center}.content .column{width:23.33%;height:170px;background-color:#040038;margin:5px;border:1px solid hsla(0,0%,100%,.1);-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container{width:30px;height:30px;position:relative}.container.animation-1{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.container.animation-2,.container.animation-4{-webkit-transform:rotate(10deg);transform:rotate(10deg)}.container.animation-2 .shape,.container.animation-4 .shape{border-radius:5px}.container.animation-2,.container.animation-3,.container.animation-4{-webkit-animation:rotation 1s infinite;animation:rotation 1s infinite}.container.animation-3 .shape1{border-top-left-radius:10px}.container.animation-3 .shape2{border-top-right-radius:10px}.container.animation-3 .shape3{border-bottom-left-radius:10px}.container.animation-3 .shape4{border-bottom-right-radius:10px}.container.animation-4,.container.animation-5{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.container.animation-5 .shape{width:15px;height:15px}.container.animation-6{-webkit-animation:rotation 1s infinite;animation:rotation 1s infinite}.container.animation-6 .shape{width:12px;height:12px;border-radius:2px}.container .shape{position:absolute;width:10px;height:10px;border-radius:1px}.container .shape.shape1{left:0;background-color:#5c6bc0}.container .shape.shape2{right:0;background-color:#8bc34a}.container .shape.shape3{bottom:0;background-color:#ffb74d}.container .shape.shape4{bottom:0;right:0;background-color:#f44336}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.animation-1 .shape1{-webkit-animation:animation1shape1 .5s ease 0s infinite alternate;animation:animation1shape1 .5s ease 0s infinite alternate}@-webkit-keyframes animation1shape1{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(16px,16px);transform:translate(16px,16px)}}@keyframes animation1shape1{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(16px,16px);transform:translate(16px,16px)}}.animation-1 .shape2{-webkit-animation:animation1shape2 .5s ease 0s infinite alternate;animation:animation1shape2 .5s ease 0s infinite alternate}@-webkit-keyframes animation1shape2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-16px,16px);transform:translate(-16px,16px)}}@keyframes animation1shape2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-16px,16px);transform:translate(-16px,16px)}}.animation-1 .shape3{-webkit-animation:animation1shape3 .5s ease 0s infinite alternate;animation:animation1shape3 .5s ease 0s infinite alternate}@-webkit-keyframes animation1shape3{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(16px,-16px);transform:translate(16px,-16px)}}@keyframes animation1shape3{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(16px,-16px);transform:translate(16px,-16px)}}.animation-1 .shape4{-webkit-animation:animation1shape4 .5s ease 0s infinite alternate;animation:animation1shape4 .5s ease 0s infinite alternate}@-webkit-keyframes animation1shape4{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-16px,-16px);transform:translate(-16px,-16px)}}@keyframes animation1shape4{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-16px,-16px);transform:translate(-16px,-16px)}}.animation-2 .shape1{-webkit-animation:animation2shape1 .5s ease 0s infinite alternate;animation:animation2shape1 .5s ease 0s infinite alternate}@-webkit-keyframes animation2shape1{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}}@keyframes animation2shape1{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}}.animation-2 .shape2{-webkit-animation:animation2shape2 .5s ease 0s infinite alternate;animation:animation2shape2 .5s ease 0s infinite alternate}@-webkit-keyframes animation2shape2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px)}}@keyframes animation2shape2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px)}}.animation-2 .shape3{-webkit-animation:animation2shape3 .5s ease 0s infinite alternate;animation:animation2shape3 .5s ease 0s infinite alternate}@-webkit-keyframes animation2shape3{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(20px,-20px);transform:translate(20px,-20px)}}@keyframes animation2shape3{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(20px,-20px);transform:translate(20px,-20px)}}.animation-2 .shape4{-webkit-animation:animation2shape4 .5s ease 0s infinite alternate;animation:animation2shape4 .5s ease 0s infinite alternate}@-webkit-keyframes animation2shape4{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px)}}@keyframes animation2shape4{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px)}}.animation-3 .shape1{-webkit-animation:animation3shape1 .5s ease 0s infinite alternate;animation:animation3shape1 .5s ease 0s infinite alternate}@-webkit-keyframes animation3shape1{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}}@keyframes animation3shape1{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}}.animation-3 .shape2{-webkit-animation:animation3shape2 .5s ease 0s infinite alternate;animation:animation3shape2 .5s ease 0s infinite alternate}@-webkit-keyframes animation3shape2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-5px,5px);transform:translate(-5px,5px)}}@keyframes animation3shape2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-5px,5px);transform:translate(-5px,5px)}}.animation-3 .shape3{-webkit-animation:animation3shape3 .5s ease 0s infinite alternate;animation:animation3shape3 .5s ease 0s infinite alternate}@-webkit-keyframes animation3shape3{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px)}}@keyframes animation3shape3{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px)}}.animation-3 .shape4{-webkit-animation:animation3shape4 .5s ease 0s infinite alternate;animation:animation3shape4 .5s ease 0s infinite alternate}@-webkit-keyframes animation3shape4{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}}@keyframes animation3shape4{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}}.animation-4 .shape1{-webkit-animation:animation4shape1 .3s ease 0s infinite alternate;animation:animation4shape1 .3s ease 0s infinite alternate}@-webkit-keyframes animation4shape1{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}}@keyframes animation4shape1{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}}.animation-4 .shape2{-webkit-animation:animation4shape2 .3s ease .3s infinite alternate;animation:animation4shape2 .3s ease .3s infinite alternate}@-webkit-keyframes animation4shape2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-5px,5px);transform:translate(-5px,5px)}}@keyframes animation4shape2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-5px,5px);transform:translate(-5px,5px)}}.animation-4 .shape3{-webkit-animation:animation4shape3 .3s ease .3s infinite alternate;animation:animation4shape3 .3s ease .3s infinite alternate}@-webkit-keyframes animation4shape3{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px)}}@keyframes animation4shape3{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px)}}.animation-4 .shape4{-webkit-animation:animation4shape4 .3s ease 0s infinite alternate;animation:animation4shape4 .3s ease 0s infinite alternate}@-webkit-keyframes animation4shape4{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}}@keyframes animation4shape4{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}}.animation-5 .shape1{animation:animation5shape1 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape1{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(15px);transform:translateY(15px)}50%{-webkit-transform:translate(15px,15px);transform:translate(15px,15px)}75%{-webkit-transform:translate(15px);transform:translate(15px)}}@keyframes animation5shape1{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(15px);transform:translateY(15px)}50%{-webkit-transform:translate(15px,15px);transform:translate(15px,15px)}75%{-webkit-transform:translate(15px);transform:translate(15px)}}.animation-5 .shape2{animation:animation5shape2 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(-15px);transform:translate(-15px)}50%{-webkit-transform:translate(-15px,15px);transform:translate(-15px,15px)}75%{-webkit-transform:translateY(15px);transform:translateY(15px)}}@keyframes animation5shape2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(-15px);transform:translate(-15px)}50%{-webkit-transform:translate(-15px,15px);transform:translate(-15px,15px)}75%{-webkit-transform:translateY(15px);transform:translateY(15px)}}.animation-5 .shape3{animation:animation5shape3 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape3{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(15px);transform:translate(15px)}50%{-webkit-transform:translate(15px,-15px);transform:translate(15px,-15px)}75%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes animation5shape3{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(15px);transform:translate(15px)}50%{-webkit-transform:translate(15px,-15px);transform:translate(15px,-15px)}75%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.animation-5 .shape4{animation:animation5shape4 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape4{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}50%{-webkit-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}75%{-webkit-transform:translate(-15px);transform:translate(-15px)}}@keyframes animation5shape4{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}50%{-webkit-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}75%{-webkit-transform:translate(-15px);transform:translate(-15px)}}.animation-6 .shape1{-webkit-animation:animation6shape1 2s linear 0s infinite normal;animation:animation6shape1 2s linear 0s infinite normal}@-webkit-keyframes animation6shape1{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(18px);transform:translateY(18px)}50%{-webkit-transform:translate(18px,18px);transform:translate(18px,18px)}75%{-webkit-transform:translate(18px);transform:translate(18px)}}@keyframes animation6shape1{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(18px);transform:translateY(18px)}50%{-webkit-transform:translate(18px,18px);transform:translate(18px,18px)}75%{-webkit-transform:translate(18px);transform:translate(18px)}}.animation-6 .shape2{-webkit-animation:animation6shape2 2s linear 0s infinite normal;animation:animation6shape2 2s linear 0s infinite normal}@-webkit-keyframes animation6shape2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(-18px);transform:translate(-18px)}50%{-webkit-transform:translate(-18px,18px);transform:translate(-18px,18px)}75%{-webkit-transform:translateY(18px);transform:translateY(18px)}}@keyframes animation6shape2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(-18px);transform:translate(-18px)}50%{-webkit-transform:translate(-18px,18px);transform:translate(-18px,18px)}75%{-webkit-transform:translateY(18px);transform:translateY(18px)}}.animation-6 .shape3{-webkit-animation:animation6shape3 2s linear 0s infinite normal;animation:animation6shape3 2s linear 0s infinite normal}@-webkit-keyframes animation6shape3{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(18px);transform:translate(18px)}50%{-webkit-transform:translate(18px,-18px);transform:translate(18px,-18px)}75%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}}@keyframes animation6shape3{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(18px);transform:translate(18px)}50%{-webkit-transform:translate(18px,-18px);transform:translate(18px,-18px)}75%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}}.animation-6 .shape4{-webkit-animation:animation6shape4 2s linear 0s infinite normal;animation:animation6shape4 2s linear 0s infinite normal}@-webkit-keyframes animation6shape4{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}50%{-webkit-transform:translate(-18px,-18px);transform:translate(-18px,-18px)}75%{-webkit-transform:translate(-18px);transform:translate(-18px)}}@keyframes animation6shape4{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}50%{-webkit-transform:translate(-18px,-18px);transform:translate(-18px,-18px)}75%{-webkit-transform:translate(-18px);transform:translate(-18px)}}@media screen and (max-width:600px){.content{-ms-flex-line-pack:start;align-content:flex-start}.content .column{width:20%}}@media screen and (max-width:400px){.content{-ms-flex-line-pack:start;align-content:flex-start}.content .column{width:70%}}footer{margin-top:50px;padding-bottom:50px}footer p{text-align:center;margin:0;line-height:20px;font-size:13px;color:#fff;font-weight:400}footer p a{color:#ffb74d}.demo-spin-icon-load{-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}@-webkit-keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.demo-spin-col{height:100px;position:relative;border:1px solid #eee}.column{position:absolute;left:50%;top:50%;z-index:99}