body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family:Calibri;
    font-size:15px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.link {
    text-decoration: underline !important;
}

a:hover {
    color: #333;
    text-decoration: underline !important;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"]
{
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
    display: none
  }
}

/* header block */
.y {
  width: 150%;
  position: absolute;
  right: 0;
  bottom: -40px;
}
@media (min-width: 768px) {
  .y {
    width: 100%;
    bottom: 0;
    /*color: #899404;*/
  }
}


.nse-logo {
	float: right;
}
.brand-band{
	/*background-color: white;*/
}
body {
    padding-top: 55px;
    background-color: whitesmoke;	
}
.footer {
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    height: 50px;
    /* background-color: #c3c3c3; */
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    padding: 20px 0;
}

.menu-band {
    background-color: #00663F;
}
.well {
    padding: 19px;
    margin-bottom: 20px;
    background-color: white !important;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-inner{
    background-color: #f5f5f5 !important;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.body-content{
    margin-top: 55px;
}
.focused-content{
    min-height: 380px;
    position: relative;
}

.text-info{
    color: #333333;
}

a {
    color: #333;
}
a:hover {
    background-color: transparent;
}

.strength_meter{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 43px;
z-index:-1;
border-radius:5px;
padding-right:13px;
}
.button_strength {
text-decoration: none;
color: #FFF;
font-size: 13px;
}
.strength_meter div{
    width:0%;
height: 43px;
text-align: right;
color: #000;
line-height: 43px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding-right: 12px;
border-radius:5px;
}
.strength_meter div p{
position: absolute;
top: 22px;
right: 0px;
color: #FFF;
font-size:13px;
}

.veryweak{
    background-color: #FFA0A0;
border-color: #F04040!important;
width:25%!important;
}
.weak{
background-color: #FFB78C;
border-color: #FF853C!important;
width:50%!important;
}
.medium{
background-color: #FFEC8B;
border-color: #FC0!important;
width:75%!important;
}
.strong{
background-color: #C3FF88;
border-color: #8DFF1C!important;
width:100%!important;
}

.home_back {
    background-image: url(../images/APIBanner.JPG);
    background-repeat: no-repeat;
    background-size: 100% 250px;
    background-position: center 30px; /* Shift image downward */
    width: 100%;
    height: 250px;
    color: whitesmoke;
}


.nav-side li, .nav-side li:hover, .nav-side a:hover{
    background-color: transparent !important;
    list-style-type: none;
}
.nav-side li:hover, .nav-side a:hover {
    cursor: pointer !important;
}