html,
body {
  height: 100%;
}
body {
  padding-top: 140px;
  padding-bottom: 20px;
}
h2 {
  color: #a1a1a1;
  font-size: 15px;
  text-transform: uppercase;
}
span.subtitle {
  color: #a1a1a1;
  font-size: 15px;
  display: inline;
  text-transform: none;
}

.brand-logo {
  zoom: 80%;
  margin-top: -5px;
}
.navbar-collapse {
  background-color: #ecedef;
}
.nav-tabs > li > a {
  color: #000;
}
.nav-pills > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
}
.nav-stacked > li {
  margin-top: 0;
}
.navbar-top {
  height: 45px;
  min-height: 45px;
  z-index: 200;
  background-color: #f0f0e8;
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25);
}
.navbar-top > ul {
  padding: 8px 24px;
}
.nav-top {
  margin: auto;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav-top > li {
  float: left;
  position: relative;
  display: block;
}
.nav-top > li > a {
  color: #a1a1a1;
  margin-left: 5px;
  position: relative;
  display: block;
  float: none;
  width: 29px;
  height: 29px;
  text-align: center;
  border-radius: 14.5px;
  background-color: #e1e0d9;
}
.nav-top > li.active > a,
.nav-top > li.active > a:hover,
.nav-top > li.active > a:focus {
  color: #e1e0d9;
  text-decoration: none;
  background-color: #a1a1a1;
}
.nav-top > li > a > i {
  font-size: 16px;
  line-height: 1.8;
}
.nav-top > li > a:hover,
.nav-top > li > a:focus {
  color: #e1e0d9;
  text-decoration: none;
  background-color: #a1a1a1;
}
.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'FontAwesome';
  /* essential for enabling fontawesome */
  content: "\f078";
  /* adjust as needed, taken from font-awesome.css */
  float: right;
  /* adjust as needed */
  color: white;
  /* adjust as needed */
}
.panel-heading a:hover,
a:focus {
  text-decoration: none;
}
.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f054";
  /* adjust as needed, taken from font-awesome.css */
}
.nav-top-text {
  color: #a1a1a1;
  display: inline-block;
  position: relative;
  top: 10px;
}
.actionBar {
  background-color: #ecedef;
  padding: 2px 6px;
  margin: 0;
  height: 36px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  background-color: #999999;
  border-color: #807f7f;
}
.footer-notprod {
  background-color: #ffa500;
}
.footer-items > span {
  border-right-color: #807f7f;
  border-right-style: solid;
  border-right-width: thin;
  padding: 0 8px 0 8px;
}
.footer-items > span:first-child {
  border-left-color: #807f7f;
  border-left-style: solid;
  border-left-width: thin;
}
.load-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 30em;
  height: 18em;
  margin-top: -9em;
  margin-left: -15em;
}
.validationMessage {
  color: #ff0000;
}

.form-inline-ml-20 {
    margin-left: 20px !important;
}

.toggle-password {
    float: right;
    margin-right: 14px;
    margin-top: -22px;
    position: relative;
    z-index: 3;
}

input[type=password]::-ms-reveal {
    display: none; /* This hides the IE password eye icon in textbox. */
}