body {
	margin:0;
	padding:0;
	min-height:100%;
}
html {
	height:100%;
}

.navbar-static-top {
  margin-bottom: 19px;
}

.footer {
  /* height: 80px; */
  height: 120px;
  background-color: #2B547E;
  color: yellow;
  
}
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.navbar-default{
  background-color:#e60000;
  background-image: none;
  background-repeat: no-repeat;
 }
 
 .navbar-default .navbar-brand  {
 color : #FFFFFF;
 }
 
 .form-container {
background-color: #D4D4D4;
margin: 0px auto;
padding-right:24px;
padding-left:24px;
}

.nav.navbar-nav.navbar-right li a {
    color:#FFFFFF !important;
}
.nav.navbar-nav li a {
    color:#FFFFFF !important;
}
.nav.navbar-nav .dropdown-menu  li a {
    color:#000000 !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a :hover,
.navbar-default .navbar-nav > .active > a :focus {

    background-color: #FF5722  !important;	
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* The following can be used later to chge the ncolor of panel-heading
 * .panel-heading {background-color: #FFFFFF  !important}
 *
 * it works */

/* The following are used in topics.html */


.left-scroll {
    height: 1200px;
    overflow-y : scroll;
}
.glyph-custom{
    color:red;
    font-size: 1.0em;
}
.popover-content{
    background: yellow;
    border-color: red;
    color: black;
 }