/* Override the glyhicons from www-static with our own
   The ones from www-static actually do not work.
   see http://stackoverflow.com/questions/18369036/bootstrap-3-glyphicons-are-not-working
*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/static/ui/fonts/glyphicons-halflings-regular.eot');
    src: url('/static/ui/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/static/ui/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/static/ui/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/static/ui/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/* next few lines are tweaks for integrating with new vue app */
#portal-columns, .container-fluid {
    background: #f4f4f4 !important;
}
@media (max-width: 600px) {
    #visual-portal-wrapper { padding: 10px 0px 25px 0px; }
}

body {
    background: #f4f4f4 !important;
    padding: 25px 25px 25px 25px;
}
.iSotBY, .HyzPD {
    background-color: #ffffff !important;
}

/* Clearable fields */
.clearable {
    background: #ffffff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
    border: 1px solid #999999;
    padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
    border-radius: 3px;
    transition: background 0.4s;
}

.clearable.x {
    background-position: right 5px center;
}

.clearable.onX {
    cursor: pointer;
}

.block_content.credits {
    padding-left: 2px;
    padding-right: 2px;
}

/* ringcharts */

tspan.income-ring {
    fill: #85A056;
}

tspan.expense-ring {
    fill: #FFA142;
}

.ringchart .visible {
    display: inline-block;
}

.credits .title, .credits .body {
    margin-left: 13px;
    margin-bottom: 20px;
}

.credits .ringchart {
    min-width: 300px;
    height: 200px;
    margin: 0 0 20px;
}

.credits .ringchart .nodata {
    margin: 50px auto;
    text-align: center;
    color: #666666;
}

.ringchart svg polyline {
    stroke: rgb(120, 120, 120);
    stroke-width: 1.0;
    fill: none;
}

.expense-ring, .income-ring {
    font-size: 13px;
    text-rendering: geometricPrecision;
}

.expense-ring .hide-desc, .income-ring .hide-desc {
    display: none;
}

/* tabs */

.tab-content .half-width {
    width: 60%;
}

.measurement-tag-box{
    display: inline;
    padding: 2px;
    margin-right: 1px;
    background: #e8e8e8;
    border: 1px solid #bebebe;
    border-radius: 3px;
    box-shadow: inset 0 0 2px #FFFFFF;
}

.aboutprobes ul{margin-left:10px !important;margin-top:-10px !important;padding:0;}
.aboutprobes li{list-style: outside; margin:10px !important;}
.aboutprobes ul>li{border-bottom:0px solid #eeeeee;padding:0;}
.aboutprobes {margin-bottom: 20px !important;}