#box {padding: 5rem;}
#show-tags {display: none;}
.tags {
	border: 1px solid #d5d5d5;
	background-color: #fff;
	color: #A6A6A6;
	padding: .2rem .3rem;
	border-radius: .3rem;
}
.tags:hover {
	border-color: #FFB27D;
	outline: 0 none;
}
button:hover {
	outline: 0 none;
}
.tags[class*="span"] {
	float: none;
	margin-left: 0;
}
.tags input[type="text"], .tags input[type="text"]:focus {
	border: 0 none;
	box-shadow: none;
	display: inline;
	line-height: 2.2rem;
	margin: 0;
	outline: 0 none;
	padding: .4rem .6rem; 
}
.tags .tag {
	border-radius: 0.3rem;
	border: 1px solid #ced4da;
    background-color: #f8f9fa;
	color: #6c757d;
	display: inline-block;
	margin: 0.2rem 0.3rem 0 0;
	font-size: 1.3rem;
	font-weight: normal;
	padding: .4rem 2.2rem .4rem 1rem;
	position: relative;
	transition: all 0.2s ease 0s;
	vertical-align: baseline;
	white-space: nowrap;
}
.tags .tag .close {
	bottom: 0;
	color: #D21F26;
	float: none;
	font-size: 1.5rem;
	line-height: 2rem;
	opacity: 1;
	position: absolute;
	right: 0;
	text-align: center;
	text-shadow: none;
	top: 0;
	width: 2rem;
}
.tags .tag-warning {
	background-color: #FFFF00;
	border: 1px solid #FFC000;
}
input::placeholder,textarea::placeholder {
 	font-size: 1.2rem;
	color: #BFBFBF;
}