.billings{min-height:400px;margin-bottom:20px;border:1px solid #c8ced3;background-color:#fff;border-radius:5px}.billings .billings-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px}.billings .billings-header .left-side h3{margin:0;font-size:15px;font-weight:700}.billings .carrier-select{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px}.billings .carrier-select .carrier{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;width:230px;padding:8px 0;margin-right:16px;border:1px solid #c9cfd4;border-radius:5px;cursor:pointer}.billings .carrier-select .carrier img{max-height:32px;width:auto;max-width:180px}.billings .carrier-select .carrier img.light-mode{display:initial}.billings .carrier-select .carrier img.dark-mode{display:none}.billings .carrier-select .carrier.selected,.billings .carrier-select .carrier:hover{border-color:#08f}.billings .billings-filters-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px 20px}.billings .billings-filters-row .dropdown-box h4{font-size:14px;margin:0 0 6px 0;font-weight:400}.billings .billings-filters-row .dropdown-box .period-and-filters-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.billings .billings-filters-row .dropdown-box .period-and-filters-box .billing-cycle-select{width:300px}.billings .billings-filters-row .dropdown-box .period-and-filters-box .filters{margin-left:40px}.billings .billings-filters-row .dropdown-box .period-and-filters-box .filters a{margin-right:40px;font-size:14px;font-weight:700;cursor:pointer}.billings .billings-filters-row .dropdown-box .period-and-filters-box .filters a.selected{color:#08f}.billings .billings-filters-row .btn-primary{margin-left:20px}.billings .pools{position:relative;padding:0 20px 20px}.billings .pools .pool-box{margin-bottom:20px;border:1px solid #c8ced3;border-radius:5px}.billings .pools .pool-box .pool-header{padding:20px}.billings .pools .pool-box .pool-header .badge{margin:0 10px 0 0;padding:3px 7px;border-radius:2px;text-transform:uppercase;color:#000;font-weight:700}.billings .pools .pool-box .pool-header .badge.flex{background-color:#abe390}.billings .pools .pool-box .pool-header .badge.nb-iot{background-color:#8ac8ff}.billings .pools .pool-box .pool-header .badge.cat-m1{background-color:#ffc400}.billings .pools .pool-box .pool-costs{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px 20px}.billings .pools .pool-box .pool-costs .cost{margin-right:68px}.billings .pools .pool-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}.billings .pools .pool-box .pool-costs .cost .cost-name .dot{height:8px;width:8px;border-radius:50%;display:inline-block}.billings .pools .pool-box .pool-costs .cost .cost-name h6{margin:0 0 0 6px;color:#2f353a;font-weight:400}.billings .pools .pool-box .pool-costs .cost.monthly .cost-name .dot{background-color:#08f}.billings .pools .pool-box .pool-costs .cost.static-ip .cost-name .dot{background-color:#9100ff}.billings .pools .pool-box .pool-costs .cost.suspended .cost-name .dot{background-color:#b20000}.billings .pools .pool-box .pool-costs .cost.sms .cost-name .dot{background-color:#ffb300}.billings .pools .pool-box .pool-costs .cost.sim-bank .cost-name .dot{background-color:#00e5ff}.billings .pools .pool-box .pool-costs .cost.overage .cost-name .dot{background-color:#fc4d4d}.billings .pools .pool-box .pool-costs .cost .cost-value{color:#515b65;font-weight:700}.billings .pools .pool-box .pool-graph{padding:0 20px}.billings .pools .pool-box .pool-graph .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}.billings .pools .pool-box .pool-graph .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}.billings .pools .pool-box .pool-graph .graph .graph-pool .amount{white-space:nowrap}.billings .pools .pool-box .pool-graph .graph .graph-pool .amount.hidden{visibility:hidden}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:65px;background-color:#fff;border:1px solid #e1e1e1;border-radius:5px;color:#000;padding:4px 8px 4px 4px;visibility:hidden}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip .leftside-bar{width:8px;margin-right:8px;border-radius:2px}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip.monthly .leftside-bar{background-color:#08f}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip.static-ip .leftside-bar{background-color:#9100ff}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip.suspended .leftside-bar{background-color:#b20000}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip.sms .leftside-bar{background-color:#ffb300}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip.sim-bank .leftside-bar{background-color:#00e5ff}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip.overage .leftside-bar{background-color:#fc4d4d}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip .right-side h6{margin:0;white-space:nowrap}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip .right-side p{margin:0;white-space:nowrap;font-weight:400}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip .right-side p span{font-weight:700}.billings .pools .pool-box .pool-graph .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}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip.move-arrow-left:after{left:-35px}.billings .pools .pool-box .pool-graph .graph .graph-pool .hover-tooltip.move-arrow-right:after{right:-35px}.billings .pools .pool-box .pool-graph .graph .graph-pool.monthly{background-color:#08f}.billings .pools .pool-box .pool-graph .graph .graph-pool.monthly:hover .hover-tooltip{visibility:visible}.billings .pools .pool-box .pool-graph .graph .graph-pool.static-ip{background-color:#9100ff}.billings .pools .pool-box .pool-graph .graph .graph-pool.static-ip:hover .hover-tooltip{visibility:visible}.billings .pools .pool-box .pool-graph .graph .graph-pool.suspended{background-color:#b20000}.billings .pools .pool-box .pool-graph .graph .graph-pool.suspended:hover .hover-tooltip{visibility:visible}.billings .pools .pool-box .pool-graph .graph .graph-pool.sms{background-color:#ffb300}.billings .pools .pool-box .pool-graph .graph .graph-pool.sms:hover .hover-tooltip{visibility:visible}.billings .pools .pool-box .pool-graph .graph .graph-pool.sim-bank{background-color:#00e5ff}.billings .pools .pool-box .pool-graph .graph .graph-pool.sim-bank:hover .hover-tooltip{visibility:visible}.billings .pools .pool-box .pool-graph .graph .graph-pool.overage{background-color:#fc4d4d}.billings .pools .pool-box .pool-graph .graph .graph-pool.overage:hover .hover-tooltip{visibility:visible}.billings .pools .pool-box .pool-graph .graph .graph-pool.no-charge{width:100%;background-color:#d8dce0}.billings .pools .pool-box .pool-graph .graph .graph-pool:first-child{margin-left:0}.billings .pools .pool-box .pool-graph .graph .graph-pool:first-child.edge-hover .hover-tooltip{left:20%;border-bottom-left-radius:0}.billings .pools .pool-box .pool-graph .graph .graph-pool:first-child.edge-hover .hover-tooltip:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAABHNCSVQICAgIfAhkiAAAAOZJREFUKFNjvHLlyn8dHR1GBhIB4xDTqK2tTdCH//79+3/v3r0rP3/+vAcMkwCwHwlp/P3796+7d+8++/Pnz0JdXd0GkC0ENX4FgocPH34Gqq0EWrAA5jS8Gt+/f//u2bNnrIyMjHZATReQ/YNT4+PHjz98/vz5GRcXl7WiouIH9EDA0AgMBIYHDx58+PHjxzagLdG4Qg1FI1AxSNNXoOZ6oKZefEEN1wh0FsPTp08//f//P15LS2sDofgBa5SQkPj/5s2b53///vVGDwS8TmVmZr7KwcFhgy0Q8GlcAEwJCYSchi4PAKHSmhBWuJjfAAAAAElFTkSuQmCC);left:-1px;bottom:-16px;right:auto;width:auto;height:auto;border:none;background-color:transparent;-webkit-transform:none;transform:none}.billings .pools .pool-box .pool-graph .graph .graph-pool:last-child{margin-right:0}.billings .pools .pool-box .pool-graph .graph .graph-pool:last-child.edge-hover .hover-tooltip{right:0;border-bottom-right-radius:0}.billings .pools .pool-box .pool-graph .graph .graph-pool:last-child.edge-hover .hover-tooltip:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAABHNCSVQICAgIfAhkiAAAAPxJREFUKFNjZCARXLp06ZWenp4YI4n6GOiv8fLlywd0dXUdGK9evZrw////yUpKSr85OTkFCTn9xo0bVzU1NXXAfgSa4sDIyLhEUlKSVUhISAyfZhSNIIXXr19X+Pfv32agRh4JCQkFXJoxNIIU3r9/X+Dr16+LeHh4dGVlZRWYmJgw9GPVCFMF9PcEFhaWKEVFRVFWVlYUzXg1glSCAg1ITQcGGjsHBwc8vglqhGo2AIb4UWlpaTYBAQEWkBhRGmH+/v79+2mgRllgqLMTrRGm+efPnwvY2Ng8gPRzYDwqkpRWgVHW9/fv30IdHR1GkjSCbL927VqAlpbWBgAOe3YQrH5iyAAAAABJRU5ErkJggg==);right:-2px;bottom:-16px;left:auto;width:auto;height:auto;border:none;background-color:transparent;-webkit-transform:none;transform:none}.billings .pools .pool-box .pool-graph .scale-box{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;margin-top:10px}.billings .pools .pool-box .pool-graph .scale-box .scale-point{position:relative;padding-top:6px;font-size:14px;font-weight:700}.billings .pools .pool-box .pool-graph .scale-box .scale-point:after{content:"";position:absolute;top:0;left:0;right:0;height:6px;width:1px;margin:0 auto;background-color:#d4d4d4}.billings .pools .pool-box .pool-graph .scale-box .scale-point:first-child:after{right:100%}.billings .pools .pool-box .pool-graph .scale-box .scale-point:last-child:after{left:100%}.billings .pools .pool-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}.billings .pools .pool-box .pool-amounts .left-side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.billings .pools .pool-box .pool-amounts .left-side .red-arrow{font-size:20px}.billings .pools .pool-box .pool-amounts .left-side .red-arrow:before{color:red}.billings .pools .pool-box .pool-amounts .left-side .blue-arrow{font-size:20px}.billings .pools .pool-box .pool-amounts .left-side .blue-arrow:before{color:#08f}.billings .pools .pool-box .pool-amounts .left-side .green-arrow{font-size:20px}.billings .pools .pool-box .pool-amounts .left-side .green-arrow:before{color:#55cd6c}.billings .pools .pool-box .pool-amounts .left-side h5{margin:0 0 0 6px;font-size:14px;font-weight:400}.billings .pools .pool-box .pool-amounts .right-side{display:-webkit-box;display:-ms-flexbox;display:flex}.billings .pools .pool-box .pool-amounts .right-side h5{margin:0 0 0 40px;font-size:14px;font-weight:400}.billings .pools .pool-box .pool-amounts .right-side h5 span.amount{font-weight:700}.billings .pools .pool-box .pool-amounts .right-side h5 span.warning{color:#fc4d4d}.billings .pools .pool-box .pool-amounts .right-side h5 span.inBracket{font-weight:400}.billings .pools .pool-box .pool-summary{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;background-color:#f5f5f5;padding:20px}.billings .pools .pool-box .pool-summary .left-side h5{margin:0;font-size:14px;font-weight:700}.billings .pools .pool-box .pool-summary .left-side h5 span{font-weight:400}.billings .pools .pool-box .pool-summary .right-side a{color:#08f;font-weight:700;cursor:pointer}.billings .pools .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)}.billings .pools .loading-billings,.billings .pools .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}.billings .pools .loading-billings .loading-billings-inner{-ms-flex-line-pack:center;align-content:center;-ms-flex-direction:column;flex-direction:column}.billings .pools .loading-billings .sk-wave{height:60px}.billings .pools .loading-billings .sk-wave .sk-rect{width:3px;background-color:#39c354;border-radius:4px}.billings .pools .loading-billings .text{text-align:center;font-size:15px;font-weight:700}.billings .no-pools{font-size:18px;padding:100px 0 120px;margin:0;text-align:center}.billings .pools-total-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px;background-color:#f5f5f5}.billings .pools-total-summary .left-side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.billings .pools-total-summary .left-side .red-arrow{font-size:20px}.billings .pools-total-summary .left-side .red-arrow:before{color:red}.billings .pools-total-summary .left-side .blue-arrow{font-size:20px}.billings .pools-total-summary .left-side .blue-arrow:before{color:#08f}.billings .pools-total-summary .left-side .green-arrow{font-size:20px}.billings .pools-total-summary .left-side .green-arrow:before{color:#55cd6c}.billings .pools-total-summary .left-side h5{margin:0 0 0 6px;font-size:14px;font-weight:400}.billings .pools-total-summary .right-side h6{margin:0;font-weight:400}.billings .pools-total-summary .right-side h6 span{font-weight:700}.dark-theme .billings{border-color:#272b2f;background-color:#3a4149;color:#fff}.dark-theme .billings .billings-filters-row .billing-cycle-select{background-color:#2f353a;border-color:#272b2f;color:#fff;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px}.dark-theme .billings .billings-filters-row .billing-cycle-select option{color:#000}.dark-theme .billings .pools .pool-box{border-color:#272b2f}.dark-theme .billings .pools .pool-box .pool-costs .cost .cost-name h6,.dark-theme .billings .pools .pool-box .pool-costs .cost .cost-value{color:#fff}.dark-theme .billings .pools .pool-box .pool-graph .scale-box{border-color:#272b2f}.dark-theme .billings .pools .pool-box .pool-graph .scale-box .scale-point:after{background-color:#272b2f}.dark-theme .billings .pools .pool-box .pool-summary{background-color:#2f353a}.dark-theme .billings .pools-total-summary{background-color:#272b2f}.dark-theme .billings .loading-billings{background-color:rgba(0,0,0,.4)}.dark-theme .billings .carrier-select .carrier img.light-mode{display:none}.dark-theme .billings .carrier-select .carrier img.dark-mode{display:initial}