.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #31b5ff;
  border-color: #189CE6;
}

.btn-member,
.btn-member:hover,
.btn-member:focus,
.btn-member:active,
.btn-member.active {
  color: #ffffff;
  background-color: #31b5ff;
  border-color: #58c3ff;
}

.btn-public,
.btn-public:hover,
.btn-public:focus,
.btn-public:active,
.btn-public.active {
  color: #ffffff;
  background-color: #67B64D;
  border-color: #4E9D34;
}

.btn-attention,
.btn-attention:hover,
.btn-attention:focus,
.btn-attention:active,
.btn-attention.active {
  color: #33A9DF;
  background-color: #D7FF23;
  border-color: #C1E51F;
  font-weight: bold;
}

.btn-feature,
.btn-feature:hover,
.btn-feature:focus,
.btn-feature:active,
.btn-feature.active {
  color: #FFFFFF;
  background-color: #AD48AC;
  border-color: #8C308B;
}

@media(min-width: 768px){
	.navbar-nav>li>a{
		margin-top: 0px;
		margin-bottom: 0px;
		padding:25px 12px;
	}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		border-radius: 0px;
		background-color: #eeeeee;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		border-radius: 0px;
		background-color: #eeeeee;
		font-weight: bold;
	}
}
.modal{
	background-color: rgba(0,0,0,.7);
}

.form-control {
	outline: 0;
	border-color: rgb(204,204,204);
	width: 100%;
	background-color: #FFFFFF;
	padding: 6px 12px;
	border-radius: 4px;
	margin-bottom: 0px;
}

.btn-square {
	border-radius: 0;
}