@-webkit-keyframes 
	click-wave { 0% {
	 width: 40px;
	 height: 40px;
	 opacity: 0.35;
	 position: relative;
	}
	 100% {
	 width: 200px;
	 height: 200px;
	 margin-left: -80px;
	 margin-top: -80px;
	 opacity: 0.0;
	}
	}
	@-moz-keyframes 
	click-wave { 0% {
	 width: 40px;
	 height: 40px;
	 opacity: 0.35;
	 position: relative;
	}
	 100% {
	 width: 200px;
	 height: 200px;
	 margin-left: -80px;
	 margin-top: -80px;
	 opacity: 0.0;
	}
	}
	@-o-keyframes 
	click-wave { 0% {
	 width: 40px;
	 height: 40px;
	 opacity: 0.35;
	 position: relative;
	}
	 100% {
	 width: 200px;
	 height: 200px;
	 margin-left: -80px;
	 margin-top: -80px;
	 opacity: 0.0;
	}
	}
	@keyframes 
	click-wave { 0% {
	 width: 40px;
	 height: 40px;
	 opacity: 0.35;
	 position: relative;
	}
	 100% {
	 width: 200px;
	 height: 200px;
	 margin-left: -80px;
	 margin-top: -80px;
	 opacity: 0.0;
	}
	}
	
	.option-input {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  -o-appearance: none;
	  appearance: none;
	  position: relative;
	  top: 13.33333px;
	  width: 40px;
	  height: 40px;
	  -webkit-transition: all 0.15s ease-out 0;
	  -moz-transition: all 0.15s ease-out 0;
	  transition: all 0.15s ease-out 0;
	  background: #cbd1d8;
	  border: none;
	  color: #fff;
	  cursor: pointer;
	  display: inline-block;
	  outline: none;
	  position: relative;
	  margin-right: 0.5rem;
	  z-index: 1000;
	}
	
	.option-input:hover {
 		background: #999999;
		border: 1px solid transparent;
		background-color: #999999;
		box-shadow: 0 0 2px 1px #999999;
	}
	
	.option-input:checked { 
		background: #999999; 
	}
	
	.option-input:checked::before {
	  width: 35px;
	  height: 35px;
	  position: absolute;
	  content: '\2713';
	  display: inline-block;
	  font-size: 26.66667px;
	  text-align: center;
	  line-height: 32px;
	}
	
	.option-input:checked::after {
	  -webkit-animation: click-wave 0.65s;
	  -moz-animation: click-wave 0.65s;
	  animation: click-wave 0.65s;
	  background: #999999;
	  content: '';
	  display: block;
	  position: relative;
	  z-index: 100;
	}
	
	.option-input.radio { border-radius: 50%; }
	
	.option-input.radio::after { border-radius: 50%; }

body .demo {
	padding-top: 5rem;
	padding-left: 18%;
	padding-right: 18%;
	display: block;
}
	
	body label {
		line-height: 40px;
		text-align: left;
    	margin-left: 1%;
	}
	.panel{
		align-items: center !important;
		border-radius: 10px !important;
	}
	
	.panel-body {
    	min-height: 75vh;
	}