<nav class="navbar fixed-top navbar-expand-sm navbar-light"
<button class="navbar-toggler"
<span class="navbar-toggler-icon">
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<a class="nav-link">
<li class="nav-item active">
<button class="btn btn-outline-success my-2 my-sm-0"

.navbar {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem
}

@media ( max-width :575.98px) {
	.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030
}


.navbar-light .navbar-brand {
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, .5);
	border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.collapse {
	display: none
}

.navbar-collapse {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}


	.navbar-expand-lg .navbar-nav {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu-right {
		right: 0;
		left: auto
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	
	.ml-auto, .mx-auto {
	margin-left: auto !important
}
	
.nav-link {
	display: block;
	padding: .5rem 1rem
}

.nav-link:focus, .nav-link:hover {
	text-decoration: none
}

.nav-link.disabled {
	color: #6c757d
}

.nav-tabs .nav-item {
	margin-bottom: -1px
}




.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled, .btn:disabled {
	opacity: .65
}

.btn:not (:disabled ):not (.disabled ){
	cursor: pointer
}

.btn:not (:disabled ):not (.disabled ).active, .btn:not (:disabled ):not
	(.disabled ):active {
	background-image: none
}

a.btn.disabled, fieldset:disabled a.btn {
	pointer-events: none
}

btn-outline-success {
	color: #28a745;
	background-color: transparent;
	background-image: none;
	border-color: #28a745
}

.btn-outline-success:hover {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-outline-success.focus, .btn-outline-success:focus {
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
	color: #28a745;
	background-color: transparent
}

.btn-outline-success:not (:disabled ):not (.disabled ).active,
	.btn-outline-success:not (:disabled ):not (.disabled ):active, .show>.btn-outline-success.dropdown-toggle
	{
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-outline-success:not (:disabled ):not (.disabled ).active:focus,
	.btn-outline-success:not (:disabled ):not (.disabled ):active:focus,
	.show>.btn-outline-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}


.mt-2, .my-2 {
	margin-top: .5rem !important
}

.mr-2, .mx-2 {
	margin-right: .5rem !important
}

.mb-2, .my-2 {
	margin-bottom: .5rem !important
}

	.mt-sm-0, .my-sm-0 {
		margin-top: 0 !important
	}
	.mr-sm-0, .mx-sm-0 {
		margin-right: 0 !important
	}
	.mb-sm-0, .my-sm-0 {
		margin-bottom: 0 !important
	}