
.div.btn-group {
    margin: 10 auto;
    text-align: center;
    width: inherit;
    display: inline-block;
}

.img-responsive {
    margin: 0 auto;
}

.img_container {
    position:relative;
        width: inherit;
    display:inline-block;
    text-align:center;
}

body {
    padding-top: 155px;
  }

.main {
      background-color: #efe9e5;
  }

.bg-charcoal {
  background-color: #1e1e1e;

}

.bg-yellow {
  background-color: #ffd100;
}

.btn-ral {
  color: #000000;
  background-color: #FFD100;
  border-color: #130269;
}

.btn-ral:hover,
.btn-ral:focus,
.btn-ral:active,
.btn-ral.active,
.open .dropdown-toggle.btn-ral {
  color: #000000;
  background-color: #faa61a;
  border-color: #130269;
}

.btn-ral:active,
.btn-ral.active,
.open .dropdown-toggle.btn-ral {
  background-image: none;
}

.btn-ral.disabled,
.btn-ral[disabled],
fieldset[disabled] .btn-ral,
.btn-ral.disabled:hover,
.btn-ral[disabled]:hover,
fieldset[disabled] .btn-ral:hover,
.btn-ral.disabled:focus,
.btn-ral[disabled]:focus,
fieldset[disabled] .btn-ral:focus,
.btn-ral.disabled:active,
.btn-ral[disabled]:active,
fieldset[disabled] .btn-ral:active,
.btn-ral.disabled.active,
.btn-ral[disabled].active,
fieldset[disabled] .btn-ral.active {
  background-color: #FFD100;
  border-color: #130269;
}

.btn-ral .badge {
  color: #FFD100;
  background-color: #000000;
}

.nopadding {
   padding: 0 !important;
}

.cover .cover-image {
    z-index: -1;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.landingText {
    color:white;
}

/* Shared Login Buttons */
.loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}
 
 
/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}
 
 
/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}
/*
#sidebar {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
//    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
//    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar.affix-top{
    position: static;
    margin-top: 70px;
    width: 250px;
}

#sidebar.affix {
    position: fixed;
    top: 145px;
    width: 250px;
}


#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
    margin-right: -250px;
}
*/
/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.navbar-lower {
    background-color: #efe9e5;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 3px;
  background-color: #ffd100;
}
