html {
  height:100%;
}
body{
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  height:100%;
  overflow-y: hidden;
  width:100%;
}

body.modal-open{
  position:fixed;
}

/*input, textarea{
  margin:5px 0px;
}*/

div.header {
  min-width:1200px;
  height:50px;
  background-color:white;
}
div.content {
  min-width:1200px;
  padding:10px;
  background-color: #eee;
  height: 100%;
}

div.separator{ height:10px; }
.bold, .bold{ font-weight: bold; }
.red, .red > i{ color:red; }
.blue, .blue > i{ color:blue; }
.hidden { display: none; }
.black-text { color: black; }
.gray-text{ color: #666666; }
.gray-text-light{ color:#999999; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.left { float: left; }
.right { float: right; }

.scrollable {
  overflow: auto;
  display: block;
}

div#ui-datepicker-div{
  z-index:10000!important;
}

pre {
  word-break: keep-all;
}

div.page-header{
  margin:0px;
  color:#4382da;
  font-size:20px;
  overflow:hidden;
  border-bottom:1px solid;
  padding: 5px 5px 5px 10px;
  font-size:14px;
}

div.page-header span{
  text-transform:uppercase;
  display:inline-block;
  float:left;
  height:30px;
  line-height:30px;
  margin-right:5px;
}

div.page-header i{
  line-height:30px;
  margin-right:10px;
}

div.page-header a{
  line-height:30px;
}
div.page-header div{
  display:inline-block;float:left;
}