.togglePassword {
	border-top-right-radius: 0.3125rem !important;
	border-bottom-right-radius: 0.3125rem !important;
}

.vh-40 {
	height: 40vh !important;
}

@media (max-width: 992px) {
	.modal-dialog-centered {
		min-height: 0 !important;
	}
}


/* CHAT BOT */

#chat-box {
	min-height: 100px;
	max-height: 300px;
	overflow-y: auto;
	padding: 15px;
	margin-bottom: 15px;
}

.chat-user {
	text-align: right;
	color: #0d6efd;
	margin-bottom: 10px;
}

.bot {
	text-align: left;
	color: #212529;
	margin-bottom: 10px;
}

.chat-user,
.bot {
	margin-bottom: 10px;
	padding: 8px;
	border-radius: 5px;
}

.typing-indicator {
	display: inline-flex;
	align-items: center;
}

.typing-indicator span {
	height: 8px;
	width: 8px;
	margin: 0 2px;
	background-color: #555;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.4;
}

.typing-indicator span:nth-child(1) {
	animation: bounce 1s infinite 0.1s;
}

.typing-indicator span:nth-child(2) {
	animation: bounce 1s infinite 0.3s;
}

.typing-indicator span:nth-child(3) {
	animation: bounce 1s infinite 0.5s;
}

@keyframes bounce {

	0%,
	100% {
		transform: translateY(0);
		opacity: 0.4;
	}

	50% {
		transform: translateY(-5px);
		opacity: 1;
	}
}

.navbar .nav-link.active {
color: #0d6efd !important;
background-color: rgba(255, 255, 255, 0.05);
border-radius: 0.75rem;
}

@keyframes bounceInUp {
	0% { transform: translateY(100%); }
	60% { transform: translateY(-10%); }
	80% { transform: translateY(5%); }
	100% { transform: translateY(0); }
}

@keyframes bounceInDown {
	0% { transform: translateY(-100%); }
	60% { transform: translateY(10%); }
	80% { transform: translateY(-5%); }
	100% { transform: translateY(0); }
}

.chat-box {
	overflow: auto; height: 400px;
}

.body.modal-open {
	overflow: hidden !important;
}