/*
orange  #F99302;
blue #0083CE

5CA8D5

background: white url(background.jpg) repeat-x;

8px solid #FFC78D
*/

/* globalsens logo in navigation bar */
.navbar .brand {
padding: 5px 20px 8px;
}

.navbar .brand__ {
float: left;
display: block;
padding: 3px 20px 0px;
margin-left: -20px;
font-size: 20px;
font-weight: 200;
line-height: 1;
color: white;
}


.globalsens_modal {
/*z-index: 1001;*/
position: fixed;
padding: 8px;
margin: 0px;
width: 80%;
height: auto;
max-height: 80%;
top: 5%;
left: 10%;
text-align: center;
color: black;
border: 7px solid #01A1FF;
border-image: initial;
background-color: white;
/*cursor: wait;*/
overflow:hidden;
}

.globalsens_modal .head {
background-color: black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px 10px 10px 10px;
margin-bottom: 6px;
}

.globalsens_modal .head h3 {
color: #01A1FF;
padding-left: 26px;
text-transform: uppercase;
margin-bottom: 10px;
}

.globalsens_modal .head h2 {
color: #FF660C;
/*background: url(../../i/iNodeOrange.gif) no-repeat left 7px;
padding-left: 26px;*/
font-size: 22px;
}

.globalsens_modal .content {
background-color: #C8C8C8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px;
margin-bottom: 13px;
}


.box {
margin-bottom: 30px;
}

.box .innerbox {
border: 7px solid #5CA8D5;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-image: initial;
background-color: white;
}

.box .innerbox .tree_div {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-image: initial;
margin: 5px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: white;
height:300px;
overflow:auto;
}

.box .innerbox .frame {
margin: 0px;
padding: 0px;
background-color: #F99302;
}

.box .innerbox .content {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-image: initial;
margin: 5px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
background-color: white;
height:300px;
overflow:auto;
}

.box .innerbox .map {
padding: 2px;
height:300px;
}

.box .innerbox .charts {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 0px;
background-color:  #FFC78D;
margin: 0px;
overflow:hidden;
height:auto;
}

.box .innerbox .frame .content {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border-image: initial;
margin: 5px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: white;
height:300px;
}

.box .innerbox .groups {
margin: 0px;
padding: 0px;
background-color: #F99302;
}




.content .spanchart123 {
    margin-left: 0;
    padding-left: 19px;
    border-left: 1px solid #eee;
    width: 50%;
}



.box .innerbox .charts .chart {
margin: 5px;
}

.innerbox .row-fluid > .span6{
margin-left: 0;
padding:7px;
}

.box h3 {
background-color: #479FD2;
color: white;
margin-left: 20px;
height: 31px;
line-height: 31px;
padding: 0 20px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
}

/* CSS STYLES OVERRIDING TWITTER BOOTSTRAP STYLES */

body {
/*background: white url(background.jpg) repeat-x;
background-position:0px 40px;
* /
_background: #000;
zoom: 1;
/*color: white;*/
overflow:scroll;
overflow-x: hidden;
-ms-overflow-x: hidden;
padding-top:65px;
}


.container .wrapper{
background: black url(backContent.jpg) repeat-x;
_background: #000;
zoom: 1;
padding: 20px 10px 20px 10px;
/*padding: 21px 9px 20px 19px;*/
color: white;

-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}

/* ADD TABLE CLASSES LIKE 2.3.2 */
/* https://getbootstrap.com/2.3.2/base-css.html#tables */


.table tbody tr.success {
    background-color: #dff0d8 !important;
  }

  .table tbody tr.error {
    background-color: #f2dede !important;
  }

  .table tbody tr.warning {
    background-color: #fcf8e3 !important;
  }

  .table tbody tr.info {
    background-color: #d9edf7 !important;
  }

  .table-hover tbody tr:hover tr.success {
    background-color: #d0e9c6 !important;
  }

  .table-hover tbody tr:hover tbody tr.error {
    background-color: #ebcccc !important;
  }

  .table-hover tbody tr:hover tbody tr.warning {
    background-color: #faf2cc !important;
  }

  .table-hover tbody tr:hover tr.info {
    background-color: #c4e3f3 !important;
  }





.navbar .nav {
font-size:110%;
}

.testclass {
background-color: white;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}

.navbar .nav .active > a {
color: white;
}


.navbar .nav > li > a {
float: none;
padding: 10px 10px 11px;
line-height: 19px;
color: white;
text-decoration: none;
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
font-weight: bold;
}

.navbar .nav > li > a:hover {
float: none;
padding: 10px 10px 11px;
line-height: 19px;
text-decoration: none;
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
font-weight: bold;
color: #0083CE;
}

.btn-success {
    background-color: #008000;
    background-image: -moz-linear-gradient(center top , #008000, #228B22);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.node-title{
    padding-bottom:5px;
}

/* helpers */
.text-center {
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.mr-20{
    margin-right: 20px;
}
.mb-20{
    margin-bottom: 20px;
}
.ml-20{
    margin-left: 20px;
}

.measure{
    font-size: 14px;
    padding-right: 8px;
    font-family: monospace;
}
.bolder{
  font-weight: bold;
}
.measure-title{
    font-size:15px;
}