.genesis-details{position:relative;min-height:400px;padding:20px;margin-bottom:20px;background-color:#fff;border-radius:5px;border:1px solid #c8ced3}.genesis-details h1.genesis-name{margin:0 0 20px;font-size:15px;font-weight:700}.genesis-details .cycle-select-row{margin-bottom:20px}.genesis-details .cycle-select-row .billing-cycle-select{width:300px}.genesis-details .genesis-usage-header{font-size:15px;margin:0 0 22px;font-weight:700}.genesis-details .summary-boxes-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.genesis-details .summary-boxes-row .summary-box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:20px;padding:20px;background-color:#f2f2f2;border:2px solid #e9ebed;border-radius:5px}.genesis-details .summary-boxes-row .summary-box:last-child{margin-right:0}.genesis-details .summary-boxes-row .summary-box.overage{background-color:#fc4d4d}.genesis-details .summary-boxes-row .summary-box p{margin:0}.genesis-details .summary-boxes-row .summary-box h3 .inGB{font-weight:400}.genesis-details .periods-box h3{font-size:14px;marign:0 0 8px}.genesis-details .periods-box .billing-cycle-select{width:240px;margin:0 0 20px}.genesis-details .pools .data-distribution-graph-box{border:1px solid #d1d6d9;border-radius:5px;margin:20px 0;padding:20px}.genesis-details .pools .data-distribution-graph-box .data-distribution-header{font-size:15px;margin:0 0 20px 0;font-weight:700}.genesis-details .pools .data-distribution-graph-box .pool-costs{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:20px}.genesis-details .pools .data-distribution-graph-box .pool-costs .cost{margin-right:68px}.genesis-details .pools .data-distribution-graph-box .pool-costs .cost .cost-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.genesis-details .pools .data-distribution-graph-box .pool-costs .cost .cost-name .dot{height:8px;width:8px;border-radius:50%;display:inline-block}.genesis-details .pools .data-distribution-graph-box .pool-costs .cost .cost-name h6{margin:0 0 0 6px;color:#2f353a;font-weight:400}.genesis-details .pools .data-distribution-graph-box .pool-costs .cost.normal-usage .cost-name .dot{background-color:#ec3ac9}.genesis-details .pools .data-distribution-graph-box .pool-costs .cost.overage-usage .cost-name .dot{background-color:#fc4d4d}.genesis-details .pools .data-distribution-graph-box .pool-costs .cost .cost-value{color:#515b65;font-weight:700}.genesis-details .pools .data-distribution-graph-box .usage-graph{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;font-weight:700}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 2px;height:60px;min-width:2px;margin:0 2px}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool.no-displayed{min-width:0}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool.no-data{width:100%;background-color:#f2f2f2;color:#515b65}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool.normal-unused-pool{margin:0}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .amount{white-space:nowrap}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .amount.hidden{display:none}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .amount .inGB{font-weight:400}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip{display:none;position:absolute;bottom:65px;background-color:#fff;border:1px solid #e1e1e1;border-radius:5px;color:#000;padding:4px 8px 4px 4px}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip .leftside-bar{width:8px;margin-right:8px;border-radius:2px}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip.normal-data .leftside-bar{background-color:#ec3ac9}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip.overage-data .leftside-bar{background-color:#fc4d4d}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip.unused-data .leftside-bar{background-color:#fbd7f4}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip .right-side h6{margin:0;white-space:nowrap}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip .right-side p{margin:0;white-space:nowrap;font-weight:400}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip .right-side p span{font-weight:700}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip .right-side p span.inGB{font-weight:400}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip .right-side p.overage-percent{color:#fc4d4d}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip .right-side p.usage-percent{color:#ec3ac9}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool .hover-tooltip:after{content:"";position:absolute;margin:auto;bottom:-8px;left:0;right:0;width:15px;height:15px;background-color:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool.normal-data{background-color:#ec3ac9}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool.normal-data:hover .hover-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool.overage-data{background-color:#fc4d4d}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool.overage-data:hover .hover-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool.unused-data{background-color:#fbd7f4}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool.unused-data:hover .hover-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool:first-child{margin-left:0}.genesis-details .pools .data-distribution-graph-box .usage-graph .graph-pool:last-child{margin-right:0}.genesis-details .pools .data-distribution-graph-box .scale-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-box-normal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #d4d4d4}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-box-normal .scale-point:last-child{color:#ec3ac9}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-box-normal.reduced-to-two .scale-point{display:none}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-box-normal.reduced-to-two .scale-point:first-child,.genesis-details .pools .data-distribution-graph-box .scale-box .scale-box-normal.reduced-to-two .scale-point:last-child{display:initial}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-box-normal.reduced-to-one .scale-point{display:none}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-box-normal.reduced-to-one .scale-point:first-child{display:initial}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-box-normal.reduced-to-one .scale-point:last-child{display:none}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-box-overage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;border-top:1px solid #d4d4d4}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-box-overage .scale-point:last-child{color:#fc4d4d}.genesis-details .pools .data-distribution-graph-box .scale-box.scale-box-unused{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #d4d4d4}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-point{position:relative;padding-top:6px;font-size:14px;font-weight:700}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-point:after{content:"";position:absolute;top:0;left:0;right:0;height:6px;width:1px;margin:0 auto;background-color:#d4d4d4}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-point:first-child:after{right:100%}.genesis-details .pools .data-distribution-graph-box .scale-box .scale-point:last-child:after{left:100%}.genesis-details .pools .data-distribution-graph-box .pool-amounts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0 0}.genesis-details .pools .data-distribution-graph-box .pool-amounts .left-side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.genesis-details .pools .data-distribution-graph-box .pool-amounts .left-side .red-arrow{font-size:20px}.genesis-details .pools .data-distribution-graph-box .pool-amounts .left-side .red-arrow:before{color:red}.genesis-details .pools .data-distribution-graph-box .pool-amounts .left-side .blue-arrow{font-size:20px}.genesis-details .pools .data-distribution-graph-box .pool-amounts .left-side .blue-arrow:before{color:#08f}.genesis-details .pools .data-distribution-graph-box .pool-amounts .left-side .green-arrow{font-size:20px}.genesis-details .pools .data-distribution-graph-box .pool-amounts .left-side .green-arrow:before{color:#55cd6c}.genesis-details .pools .data-distribution-graph-box .pool-amounts .left-side h5{margin:0 0 0 6px;font-size:14px;font-weight:400}.genesis-details .pools .data-distribution-graph-box .pool-amounts .right-side{display:-webkit-box;display:-ms-flexbox;display:flex}.genesis-details .pools .data-distribution-graph-box .pool-amounts .right-side h5{margin:0 0 0 40px;font-size:14px;font-weight:400}.genesis-details .pools .data-distribution-graph-box .pool-amounts .right-side h5 span.amount{font-weight:700}.genesis-details .pools .data-distribution-graph-box .pool-amounts .right-side h5 span.warning{color:#fc4d4d}.genesis-details .pools .data-distribution-graph-box .pool-amounts .right-side h5 span.inGB{font-weight:400}.genesis-details .pools .data-distribution-graph-box .graph-bottom-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:20px -20px -20px;padding:20px;background-color:#f5f5f5}.genesis-details .pools .data-distribution-graph-box .graph-bottom-bar .left-side{display:-webkit-box;display:-ms-flexbox;display:flex}.genesis-details .pools .data-distribution-graph-box .graph-bottom-bar .left-side .ratio-box,.genesis-details .pools .data-distribution-graph-box .graph-bottom-bar .left-side .roaming-box,.genesis-details .pools .data-distribution-graph-box .graph-bottom-bar .left-side .total-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:80px;color:#515b65}.genesis-details .pools .data-distribution-graph-box .graph-bottom-bar .left-side .ratio-box .value,.genesis-details .pools .data-distribution-graph-box .graph-bottom-bar .left-side .roaming-box .value,.genesis-details .pools .data-distribution-graph-box .graph-bottom-bar .left-side .total-box .value{font-weight:700}.genesis-details .pools .data-distribution-graph-box .graph-bottom-bar .right-side a{font-size:14px;color:#08f;font-weight:700;cursor:pointer}.genesis-details .loading-billings{position:absolute;top:0;right:0;bottom:0;left:0;-ms-flex-direction:column;flex-direction:column;background-color:hsla(0,0%,100%,.7)}.genesis-details .loading-billings,.genesis-details .loading-billings .loading-billings-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.genesis-details .loading-billings .loading-billings-inner{-ms-flex-line-pack:center;align-content:center;-ms-flex-direction:column;flex-direction:column}.genesis-details .loading-billings .sk-wave{height:60px}.genesis-details .loading-billings .sk-wave .sk-rect{width:3px;background-color:#39c354;border-radius:4px}.genesis-details .loading-billings .text{text-align:center;font-size:15px;font-weight:700}.genesis-details .charges{border:1px solid #c9cfd4;border-radius:5px}.genesis-details .charges .charges-header{font-size:15px;margin:20px;font-weight:700}.genesis-details .charges .charges-box{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 20px 20px}.genesis-details .charges .charges-box .charge{color:#515b65;margin-right:120px}.genesis-details .charges .charges-box .charge .value{margin:0 0 8px;font-size:20px;font-weight:700}.genesis-details .charges .charges-box .charge .name{margin:0;font-size:14px;font-weight:400}.genesis-details .plans-using-table-box{margin:20px 0;padding-bottom:0}.genesis-details .plans-using-table-box .plans-table-header{margin:20px 20px 0;font-size:15px;font-weight:700}.genesis-details .plans-using-table-box .table-plans-billing tr:last-child td{border-bottom:none}.dark-theme .genesis-details{background-color:#3a4149;border-color:#1a1c1d;color:#fff}.dark-theme .genesis-details .cycle-select-row .billing-cycle-select{background-color:#515b65;border-color:#1a1c1d;color:#fff}.dark-theme .genesis-details .summary-boxes-row .summary-box{background-color:#343a41;border-color:#1a1c1d}.dark-theme .genesis-details .pools .data-distribution-graph-box{border-color:#1a1c1d}.dark-theme .genesis-details .pools .data-distribution-graph-box .pool-costs .cost .cost-name h6,.dark-theme .genesis-details .pools .data-distribution-graph-box .pool-costs .cost .cost-value{color:#fff}.dark-theme .genesis-details .pools .data-distribution-graph-box .scale-box,.dark-theme .genesis-details .pools .data-distribution-graph-box .scale-box .scale-box-overage{border-color:#1a1c1d}.dark-theme .genesis-details .pools .data-distribution-graph-box .scale-box .scale-point:after{background-color:#1a1c1d}.dark-theme .genesis-details .charges{border-color:#1a1c1d}.dark-theme .genesis-details .charges .name,.dark-theme .genesis-details .charges .value{color:#fff}.dark-theme .genesis-details .fts-table-wrapper{border:0}.dark-theme .genesis-details .loading-billings{background-color:rgba(0,0,0,.4)}