body{margin:0;padding:0 2em;background:#111;font-weight:100}p.loading{color:#FFDC00}p.no__results{color:#01FF70}ul,li{margin:0;padding:0;list-style-type:none}header h1{color:#FF4136;font-weight:100}.calls-table{background:#222}.calls-table__search{padding:1.5em 2em}.calls-table__search input{color:#01FF70;margin-left:1.5em;padding:1em;width:40%;border:0px;border-radius:0.3em;background-color:#111}.calls-table__search input::placeholder{color:#FF851B}.calls-table__search label{color:#FF851B}.calls-table__delete{margin-right:1em;color:#F012BE;cursor:pointer}.calls-table__list{display:flex;flex-direction:column;justify-content:center}.calls-table__list>li{color:#7FDBFF}.calls-table__list>li:nth-child(1){color:#7FDBFF}.calls-table__list>li:nth-child(2){color:#39CCCC}.calls-table__list>li:nth-child(3){color:#01FF70}.calls-table__list>li:nth-child(4){color:#3D9970}.calls-table__list>li:nth-child(5){color:#FF4136}.calls-table__list>li:nth-child(6){color:#FF851B}.calls-table__list>li:nth-child(7){color:#FFDC00}.calls-table__list>li:nth-child(8){color:#F012BE}.calls-table__row{padding:1em}.calls-table__list--data,.calls-table__list--total{display:flex;flex-direction:row;justify-content:space-around}.calls-table__list--data>li,.calls-table__list--total>li{padding:0}.calls-table__list--data>li:not(.calls-table__delete),.calls-table__list--total>li:not(.calls-table__delete){width:15%}.calls-table__list--data>li span,.calls-table__list--total>li span{color:#01FF70}.calls-table__list--total{padding-top:1em;padding-bottom:2em;border-bottom:1px solid #3D9970}.pad--l{padding-left:1em}.pad--r{padding-right:1em}.pad--b{padding-bottom:1em}.pad--t{padding-top:1em}.pad--0{padding:0}