[v-cloak] {
	display: none;
}

.text-gray {
	color: #66757f !important;
}

.text-gray2 {
	color: rgb(136, 153, 166) !important;
}

.text-twitter {
	/*	color: #55acee !important;*/
	color: #1da1f2 !important;
}

.text-rt {
	color: #17bf63 !important;
}

.text-favo {
	color: #e0245e !important;
}

.bg-form {
	background-color: #282e33 !important;
}

.bg-gray {
	background-color: #66757f !important;
}

.bg-twitter {
	background-color: #55acee !important;
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid #fff;
}

hr .bold {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 5px solid #fff !important;
}

textarea {
	resize: none;
}

/*  Timeline  */
.multi-img {
	height: 200px;
}

.content-wrapper img {
	object-fit: cover !important;
	width: 100% !important;
	max-height: 300px !important;
}

.content-box video {
	object-fit: cover !important;
	max-width: 100% !important;
	max-height: 300px !important;
}

/*****Emoji Keyboard*****/
.emoji-btn {
	width: 25px;
	height: 27px;
}

/*****Loading Spinner*****/
.loader,
.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(0, 184, 245, 0.2);
	border-right: 1.1em solid rgba(0, 184, 245, 0.2);
	border-bottom: 1.1em solid rgba(0, 184, 245, 0.2);
	border-left: 1.1em solid #00b8f5;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}