.center {
	position: absolute;
	width:50%;
	display: block;
	margin: auto;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.text-white {
	color: #fff!important;
}
.a-active {
  background-color: #333;
  border-bottom: 3px solid #e56400!important ;
}
.m-option {
  list-style-type: none; 
  padding-left:0;
  /*background-color: grey;*/
}

.m-option > li > button {
  border: none;
  text-align: center;
  background-color: transparent;
  padding: 20px;
  padding-left: 0;
  /*width: 200px;*/
  width: 100%;
  font-size: 18px;
  font-weight: 100;
  color: #575266;
  border-left: 5px solid transparent;
  transition: 0.3s;
  outline: none; }

.m-option > li > button:hover {
  transition: 0.4s;
  text-align: center;
  background-color: #ccc;
  border-left: 5px solid green; }

  .m-option > li > button.active {
  background-color: #4CAF50;
  color: #fff;
  border-left: 5px solid #000;
  text-align: center;
  transition: none;
  border-bottom: none!important;
   }
  .underline {
  	border-bottom: 1px solid #ccc;
  }
  .active-btn {
  background-color: #ccc!important;
  border-left: 5px solid green!important;
}
.m-option li button{
  outline: none!important;
}
.n-radius {
  border-radius:0;
}

.none {
  border:none;
  background-color: transparent;
  color: #000;
  outline: none!important;
    border-bottom: 2px solid transparent;
}
.none:hover {
  border-bottom: 2px solid #09f;
  transition: .2s;
}
button.active2{
  color: #09f!important;
  border-bottom: 2px solid #09f;
}
.decal {
  margin-top: 100px;
}
.shd {
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}