html {
  font-family: 'Open Sans', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-weight: 400;
  font-size: 16px;
}
body {
  margin: 0px;
  padding: 0px;
   height: inherit;
   min-height: 100% !important;
  background-color: #f5f5f5;
  /*background: linear-gradient(#f5f5f5, #e3e3e3);*/
  color: #111;
  font-family: Georgia, "Times New Roman", Times, serif;

}
body /deep/ input {
  color: #000;
}

.top-nav{
  /*color: #000000;*/
  background-color: #ffffff;
}


.side-nav{
  padding: 15px 15px 15px 15px;
  color: #000000;
  background-color: #cccccc;
  border-width: 2px;
  border-style: solid;
  border-color: #555555;
}
.content{
  padding: 15px 15px 15px 15px;
  color: #000000;
  background-color: #dddddd;
  border-width: 2px;
  border-width-top: 1px;
  border-style: solid;
  border-color: #bbbbbb;
}
.nav-pills>li>a{
  color: #E57700;
}
a {
  color: #E57700;
}
.btn-primary {
  background-color: #E57700;
  border-color:#CB6900;
}
.btn-primary:hover {
  background-color: #FF8500;
  border-color:#CB6900;
}
.btn-primary:active {
  background-color: #FF8500;
  border-color:#CB6900;
}
.btn-primary:focus {
  background-color: #FF8500;
  border-color:#CB6900;
}
a:hover {
  color: #CB6900;
}
/*
.nav-pills>li>a {
    border-radius: 2px;
    padding: .25rem;
}*/
.nav-stacked >li>a {
    /*background-color:red;*/
    border-radius: 2px;
    padding: .25rem;
}
.chapter-rules-input{
  white-space: pre-wrap;
}