web/demos/app/styles/main.css

body {
    padding-top: 60px;
    padding-bottom: 40px;
}
.sidebar-nav {
    padding: 9px 0;
}

.navbar .nav > li {
    line-height:28px;
}

@media (max-width: 980px) {
    /* Enable use of floated navbar text */
    .navbar-text.pull-right {
        float: none;
        padding-left: 5px;
        padding-right: 5px;
    }
}

[class^="icon-"], [class*=" icon-"] {
    background-image: url("../images/glyphicons-halflings.png");
}

h4.ui-pnotify-title { 
    display: inline;
    font-size:16px;
}
.ui-pnotify-text {
    font-size:12px;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
    display: inline-block;
    float:none;
}

.app-title {
    margin-top: 0;
}

.btn-view-console {
    margin-left: 20px;
}

.twitter-grid {
    border: 1px solid rgb(212,212,212);
    height: 350px;
    width: 400px;
}

.mobile-grid {
    border: 1px solid rgb(212,212,212);
    height: 450px;
}

.mobile-grid-remove {
    text-align: center;
    cursor: pointer;
}

.params-nav select {
    width: 100%;
}

.chart-title {
    text-align: center;
}

.line-chart {
    height: 300px;
}

.network-response {
    height: 30px;
}

.network-response-label {
    display: inline-block;
    font-weight: bold;
    vertical-align: middle;
}

.network-response-stat {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    vertical-align: middle;
}

.network-response-loading {
    background-color: yellow;
}

.bar-chart rect.bar-chart-p {
    fill: #05EEFA;
}

.bar-chart rect.bar-chart-c {
    fill: transparent;
    stroke: red;
    stroke-width: 1px;
    width: 100%;
}

.bar-chart rect {
    fill: #05EEFA;
}

.bar-chart text {
    fill: black;
}

.chart-ctnr {
    height: 300px;
}

.gauge {
    margin-top: 15px;
}

.marker-label {
    color: red;
    background-color: white;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 50px;
    border: 1px solid black;
    white-space: nowrap;
}

.widget-response {
    max-height: 340px;
    overflow:auto;
}

.overview-item {
    padding-top: 14px;
}

.overview-item .key {
    color: #888;
    letter-spacing: 0.1em;
    display: block;
    margin-bottom: 5px;
}

.overview-item .value {
    font-weight: bold;
    color: black;
    font-size: 140%;
    display: block;
}

.navbar .brand {
    background: url("../images/main_banner.png") no-repeat scroll 0 0;
    padding: 0;
    width: 241px;
    height: 48px;
    margin-left:-15px;
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background: #11506d;
}

.navbar .navbar-inner {
    background: #11506d;
}

/* Fraud Styles */
.generate-tx-btn-wrap.span3, .generate-tx-desc.span9 {
    display:inline-block;
    vertical-align: middle;
    float:none;
}
.generate-tx-btn-wrap.span3 {
    text-align:center;
}
#alertDisplayBox {
    padding:10px;
    height:418px;
    overflow:auto;
}
article.alert-msg {
    padding: 10px 25px;
    border-radius: 4px;
    color: #000;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.6);
    margin-bottom:10px;
}
article.alert-msg.medium, button.generate-medium {
    background: #FF7000;
    box-shadow: inset 0 -2px 20px 0 #EEBC6B, 0px 1px 3px rgba(0,0,0,0.3);
}
button.generate-medium:hover, button.generate-medium:focus {
  background: #FF970B;
}
article.alert-msg.high, button.generate-high {
  background: #FF5E54;
  box-shadow: inset 0 -2px 20px 0 #D14D45, 0px 1px 3px rgba(0, 0, 0, 0.3);
}
button.generate-high {
  color:white;
  text-shadow: 0 1px 0 black;
}
button.generate-high:hover, button.generate-high:focus {
  background: #FF4A31;
  color:white;
  text-shadow: 0 1px 0 black;
}
article.alert-msg.low, button.generate-low {
    background: #FFF971;
    box-shadow:inset 0 -4px 30px -6px #EED306, 0px 1px 3px rgba(0, 0, 0, 0.3);
}
button.generate-low:hover, button.generate-low:focus {
  background: #FFE00A;
}
article.alert-msg h1{
    font-size:18px;
    margin:0;
}
article.alert-msg h1 span.alertType {
    
}
button.clearFraudsBtn {
  float:right;
}
a.svg-link {
    text-decoration: underline;
}