html, body {
  padding-top: 0px;
  height: 100%;

}

h1 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 30px !important;
}

h2 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 25px !important;
}

.nav-top-custom {
  padding: 5px;
  margin-bottom: 30px;
}

#custom-bootstrap-menu.navbar-default .navbar-left {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(248, 248, 248, 1);
    border-width: 1px;
    border-radius: 4px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(119, 119, 119, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(179, 179, 179, 0.57);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:active {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(179, 179, 179, 0.57);
}

#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #888;
}

/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/

.navbar-brand {
  padding: 0px 10px !important;
}
.navbar-brand>img {
  height: 100% !important;
  padding: 0px  !important;
  width: auto;
}

/* EXAMPLE 5 - Logo with Text*/
#custom-bootstrap-menu .navbar-brand {
  display: flex;
  align-items: center;
  padding-right: 10px;
}

#custom-bootstrap-menu .navbar-brand>img {
  padding: 7px 14px;
}


.navbar-left {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

.card-box-title {
  background-color: #E7E7E7;
  color: #000000;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}

.flash-message {
  text-align: center;
}

.xlarge {
  width: 500px;
  background-color: red;
}

.full-width {
  width: 100% !important;
}

.datepicker .prev:before {
  content: "\00AB ";
}

.datepicker .next:before {
  content: "\00BB ";
}

table th {
  text-align: center;
}


tr > th.cell-corner {
  border-left: 1px solid white !important;
  border-top: 1px solid white !important;
}

th.cell-title {
  background-color: #E7E7E7;
}

.alert-success {
  position: absolute;
  z-index: 600;
  right: 10px;
  width: 250px;
  padding: 10px;
}

.alert-success > .close {
  position: relative;
  left: 0px;
}