html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  
    background: transparent;  
}
.headerTop {
	background: url('/library/images/bg.jpg') no-repeat center top;
	background-size: cover;
	background-color: rgb(0, 0, 0) !important;
	height: 200px;
	width: 100%;
}

.navbar-color {
	background-color: #107CAA;
}

.navbar-home {
	border-top: 10px solid #0C5E96;
	padding: 0px !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-property: max-height,box-shadow;
}
.active-nav {
	background-color: #0C5E96;
}
.card-stats {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-property: max-height,box-shadow;
}
.nav-link {
	padding: .8em 1em !important;
}


.headerTop .logo {
	margin: 35px 0;
	height:130px;
}
@media only screen and (max-width: 800px) {
	.headerTop .logo {
		margin: 25px 0;
		height:50px;
	}
	.headerTop {
		height: 100px;
	}
}
.btn-user {
  color: rgba(255,255,255,.5);
  background-color: transparent;
  border-color: transparent;
}

.btn-user:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.btn-user:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px transparent !important;
    box-shadow: 0 0 0 2px transparent !important;
}

.profileicon {
    border-radius: 4px;
    height: 20;  
    width: 20;  
    background-position: center top;
    background-size: cover;
}

.users a:link, .users a:visited {
	text-decoration: none;
	color: white;
}

.users a:hover, .users a:active {
	text-decoration: none !important;
	color: #eee !important;
}

.form-login {
  max-width: 300px;
  padding: 15px;
  margin: 0 auto;
  margin-top: 4%;
}

.form-login, .form-login {
  margin-bottom: 10px;
}

.form-login input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-login .form-control:focus {
  z-index: 2;
}

.form-login .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-register {
  max-width: 550px;
  padding: 15px;
  margin: 0 auto;
  margin-top: 1%;
}

.form-register , .form-register {
  margin-bottom: 10px;
}

.form-register input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-register .form-control:focus {
  z-index: 2;
}

.form-register .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.right-note {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 400px;
}