/* smiley box css
------------------------------------*/

#message-box {
	width: 99% !important;
}

#smiley-box {
	display: none;
}

.smiley-box {
	width: 99.8%;
	float: left;
	margin-top: 5px;
}

.smiley-box img {
	margin: 3px;
}
/* smiley box css ADD checkbox
---------------------------------------------------- */
input.triggersmiley {
	display: inline-block;
	margin: 4px;
	padding: 0px;
	vertical-align: sub;
	float: left;
}

.smileyspoiler {
	padding: 0;
	margin: 10px 0px 12px;
	display: none;
}

input.triggersmiley:checked + .smileyspoiler {
	display: block;
    border: 1.5px solid;
	border-color: #9fb4a1;
    background-color: #e5e5e5;
	background: linear-gradient(to bottom,#ededff 0,#9aafee 100%);
	border-radius: 5px;
	
}