#logo{
    margin-top:-10px;
}
.navbar{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar .menu li.menu-item > a {
    color: #a0a0a0;
    padding: 0 10px 20px;
}
.navbar li {
    color: #a0a0a0;
    padding: 0 10px 20px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
}
div.form-group {
    margin-bottom:0;
}
div.input-group-addon {
    padding-right:0;
}
form.form-horizontal label.control-label {
    text-align:left;
}
.panel-chart {
    height:250px;
}
.panel-chart-label {
    height:275px;
}

/* ci style */
.navbar-default {
    background-color: #fff;
}
.navbar-default a.navbar-brand {

}
.navbar-default .navbar-nav>.active>a {
    background-color:#439a46;
    color:white;
}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color:#3d8b40;
    color:white;
}

input.entry, .form-horizontal select.entry {
    box-shadow: rgba(67, 154, 70, 0.5) 0px -1.5px 0px 0px inset;
    border: none;
    background-color: rgb(252, 253, 161);
    border-radius: 4px;
}
.form-horizontal input.has-warning {
    box-shadow: rgba(200, 20, 20, 0.5) 0px -1.5px 0px 0px inset;
    color: rgba(200, 20, 20, 0.8);
    border: none;
    background-color: rgb(248, 253, 42);
}

button.btn-popover {
    padding:0;
    margin-top:-3px;
    color:#888;
}

.popover {
    max-width:500px;
    color: #444444;
}

input[type=text]::-ms-clear {
    display:none;
}
.list_item_text:hover {
cursor: pointer;
}

.blue{font-weight:bolder;color:#0098DA;}
.blue2{font-weight:bolder;color:#464547;}
.blue3{font-weight:bolder;color:#3D5C9C;}
.green{font-weight:bolder;color:#A0C443;}
.greenD{color:rgb(34,139,34);}
.red{color:rgb(139,0,0);}
.red2{color:#FF0000;}
.black{color:rgb(0,0,0);}
.strom{color:rgb(072,061,139);}
.pointer{cursor: pointer;}
.bg-blue{background-color:rgb(180,198,231)}
.bg-red{background-color: #f4b084}
.bg-green{background-color: #a9d08e}
.underline{text-decoration: underline;}
.bold{font-weight: bold;}
.right{text-align: right!important;}
.left{text-align: left!important;}
input.inline{display:inline-block!important; width: 35px!important;text-align: center;}
select.inline{font-size: 14px;width:auto;display:inline-block!important;background-image: none!important;padding-left:5px;padding-right:5px;}
.inline.w45{width:45px!important;}
.usage-table{width: 100%}
.usage-table tr td{padding: 5px; text-align: center}
.tr.spacer{padding: 4px}
[data-toggle="popover"].static {
    display: block;
    position: absolute;
    font-size: 10px;
    top:-6px;
    right:-4px;
}
[data-toggle="popover"].static.distance {
    top:0;
    right:0;

}
.popover{
    min-width: 300px;
}
strong.highlight{font-size: 42px;display:block;text-align: center;padding: 30px 10px;}
.standard-selection img{
    max-width: 40px;
    height:auto;
}
.standard-selection label{
    font-size: 10px;
}
.standard-selection{
    margin-bottom: 7px;
}
.relative{
    position: relative;
}
.w360 {
    width: 360px!important;
}
div input.w150{
    width: 75px!important;
}
table tr td.currency{
    text-align: right;
    padding-right: 2px;
}
table tr td.unit{
    text-align: left;
    padding-left: 2px;
}
table.table tr.bold td{
    border-top: 1px #555 solid;
}

.pseudo-button{
    display:inline-block;
    width: 12px;
}

.inline-block{
    display: inline-block;
    vertical-align: middle;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.datamanager-infotext {
    margin-right: 15px;
    width: 120px;
}

.fix-button {
    width: 300px;
    max-width: 50%;
}

.chart {
    height: 400px;
}

.chart canvas {
    height: 400px;
}

@media(max-width:767px){
    .fixed{
        position: relative;
        display: none;
    }
}
@media(min-width:768px){
    .fixed{
        position: relative;
        display: none;
    }
}
@media(min-width:992px){

    .fixed{
        position: fixed;
        width: 350px;
        display:block;
    }
}
@media(min-width:1200px){}