<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div id="billing-settings-panel">
<div class="panel panel-default ">
<div class="panel-heading">Billing Settings
<div class="pull-right">
<a href="/020-1145433/settings">View
<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="panel-body">
<div class="overview-billing-threshold">
<section class="overview-panel-section">
<dl class=" m-b-n">
<dt>Billing Threshold Notification</dt>
<dd>
<div>
<div>Not Set</div>
</div>
</dd>
</dl>
</section>
</div>
<hr>
<section class="overview-panel-section">
<dl class=" m-b-n">
<dt>Receive Invoice By Email</dt>
<dd>
<div class="receive-invoice-info break-word">
<span class="invoice-not-set">Not Enrolled</span>
</div>
</dd>
</dl>
</section>
<hr>
<div class="overview-billing-address">
<section class="overview-panel-section">
<dl class=" m-b-n">
<dt>Billing Address</dt>
<dd>
<div class="billing-address-line1 break-word">1234 www Dr</div>
<div class="billing-city-state-zip break-word">eee, California 95409</div>
<div class="break-word">United States</div>
</dd>
</dl>
</section>
</div>
<hr>
<div class="overview-primary-address">
<section class="overview-panel-section">
<dl class=" m-b-n">
<dt>Primary Address</dt>
<dd>
<div class="primary-address-line1 break-word">1234 www Dr</div>
<div class="primary-city-state-zip break-word">eee, California 95409</div>
<div class="break-word">United States</div>
</dd>
</dl>
</section>
</div>
<hr>
<section class="overview-panel-section">
<dl class=" m-b-n">
<dt>VAT Registration Number</dt>
<dd>
<div class="break-word">N/A</div>
</dd>
</dl>
</section>
</div>
</div>
</div>
/*! CSS Used from: https://mybill.rackspace.com/lib/bootstrap/dist/css/bootstrap.min.css */
section {
display: block;
}
a {
background-color: transparent;
}
a:active,a:hover {
outline: 0;
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
@media print {
*,:after,:before {
color: #000!important;
text-shadow: none!important;
background: 0 0!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
a,a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:after,:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
color: #337ab7;
text-decoration: none;
}
a:focus,a:hover {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dd,dt {
line-height: 1.42857143;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-default {
border-color: #ddd;
}
.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-body:after,.panel-body:before {
display: table;
content: " ";
}
.panel-body:after {
clear: both;
}
.pull-right {
float: right!important;
}
/*! CSS Used from: https://mybill.rackspace.com/lib/font-awesome/css/font-awesome.min.css */
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pull-right {
float: right;
}
.fa-long-arrow-right:before {
content: "\f178";
}
/*! CSS Used from: Embedded */
.break-word {
word-wrap: break-word;
}
a {
color: #0c7c84;
}
a:focus,a:hover {
color: #008085;
text-decoration: underline;
}
.m-b-n {
margin-bottom: 0;
}
dl dt {
color: #707070;
font-weight: 400;
margin-bottom: 4px;
}
.panel {
border-radius: 0;
border-color: #e3e6e6;
box-shadow: none;
margin-bottom: 20px;
width: 100%;
transition: all .1s ease;
}
.panel .panel-heading {
border-radius: 0;
border-color: transparent;
font-weight: 500;
background-color: #e8eaea;
color: #4f4e4e;
}
.panel .panel-heading a {
font-weight: 300;
}
.panel .panel-body {
padding: 16px;
}
.panel .panel-body hr {
margin: 16px -16px;
border-color: #e3e6e6;
}
/*! CSS Used fontfaces */
@font-face {
font-family:'FontAwesome';src:url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.eot#iefix&v=4.7.0') format('embedded-opentype'),url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;
}
