#custom-header{
  background-color: white;
  width: 100%;max-height: 300px;
	padding:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
  position: fixed;
  top:0;
  z-index: 1000;
  height: 80px;
  -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

#custom-header.smaller-header{
  background-color: white;
  width: 100%;max-height: 200px;
	padding:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
  position: fixed;
  top:0;
  z-index: 1000;
  height: 50px;
}

#custom-header.smaller-header .img-custom-header-logo{
  height: 30px;
  width: auto;
}

.img-custom-header-logo{
  height: 60px;
  width: auto;
  -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

#custom-navbar{
  margin-top: 80px;
  border-bottom: none;
  background-color: #f82c23;
  color: white;
  -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

#custom-navbar.smaller-header{
  margin-top: 50px !important;
  border-bottom: none;
  background-color: #f82c23;
  color: white;
}

#custom-navbar.navbar-primary .navbar-nav > .active > a.custom-navbar-li, #custom-navbar.navbar-primary .navbar-nav > .active > a.custom-navbar-li:hover, .navbar-primary .navbar-nav > .active > a.custom-navbar-li:focus{
  background-color: white !important;
  color: #f82c23 !important;
}

#custom-navbar.navbar-primary .navbar-nav a.custom-navbar-li:hover, #custom-navbar.navbar-primary .navbar-nav a:hover{
  background-color: #eeeeee !important;
  color: #f82c23 !important;
}

#custom-navbar.navbar-primary .navbar-nav li  a.custom-navbar-li {
  background-color: #f82c23;
  color: white !important;
}

#content-below-header{
  margin-top: 128px;
  background-color: #f7f7f7;
}

#content-below-header.smaller-header{
  margin-top: 98px;
}

#login-dp{
    min-width: 350px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,1);
    color: red;
}
#login-dp .help-block{
    font-size:12px
}
#login-dp .bottom{
    background-color:rgba(255,255,255,1);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}

#login-dp a.forgot-password {
    background-color: white !important;
    color: #f82c23 !important;
}

@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }

    #custom-header{
      background-color: white;
      width: 100%;max-height: 200px;
      padding:10px;
      padding-top: 10px;
      padding-bottom: 10px;
      color: white;
      position: fixed;
      top:0;
      z-index: 800;
      height: 50px;
    }

    #custom-header .img-custom-header-logo{
      height: 30px;
      width: auto;
    }

    #custom-navbar{
      margin-top: 50px !important;
      border-bottom: none;
      background-color: #f82c23;
      color: white;
    }

    #content-below-header{
      margin-top: 98px;
      background-color: #f7f7f7;
    }
}

#img-login-user-thumbnail{
    max-width : 20px;
    border-radius:20px;
    display:inline;
}