html,
body {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}

.webchat {
	height: calc(100vh - 260px);
	width: 100%;
}

.barratop {
	background: #e0dbc7 url(../esercito-bg-header.jpg) repeat-x center -20px;
	color: black;
	height: 90px;
}

@media screen and (max-width: 200px) {
	.barratop {
		height: 30px;
	}
}

@media screen and (max-width: 992px) {
	.barratop {
		height: 70px;
		margin-top: -12px;
	}
}

.barra {
	background-color: #e0dbc7;
	color: black;
	font-size: smaller;
	text-align-last: center;
	position: relative;
	padding-bottom: 5px;
	padding-top: 5px;
}

.ret_home {
	position: relative;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	width: 20%;
	font-size: medium;
	margin-top: 5%;
	cursor: pointer !important;
}

.ret_home_fake {
	position: relative;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	width: 20%;
	font-size: medium;
	margin-top: 1%;
}

.title {
	position: relative;
	float: left;
	width: 60%;
	text-align: center;
	text-decoration: none;
	color: black;
	font-size: x-large;
}

@media screen and (max-width: 1200px) {
	.title {
		font-size: x-large;
		color: black;
	}

	.ret_home {
		position: relative;
		float: left;
		text-align: center;
		text-decoration: none;
		color: black;
		width: 20%;
		font-size: medium;
		margin-top: 5%;
		cursor: pointer !important;
		padding: 10px;
	}

	.ret_home_fake {
		position: relative;
		float: left;
		text-align: center;
		text-decoration: none;
		color: #FFFFFF;
		width: 20%;
		font-size: medium;
		margin-top: .5%;
		padding: 10px;
	}
}

.ant-upload.ant-upload-drag {
	margin: 20px 0;
}

.ant-upload-list.ant-upload-list-picture {
	width: 100%;
	margin-bottom: 20px;
}

.ant-input-outlined:focus-within {
	border-color: lightgray !important;
	box-shadow: none !important;
}

.ant-input-outlined:hover {
	border-color: lightgray !important;
}

.ant-tooltip,
.ant-tooltip-content,
.ant-tooltip>* {
	z-index: 99999999 !important;
}

input:-webkit-autofill {
	-webkit-text-fill-color: black !important;
	-webkit-box-shadow: 0 0 0 1000px white inset !important;
	transition: background-color 9999s ease-out 0s;
}

.mic-wrapper {
	position: relative;
	display: inline-block;
}

.mic-button {
	z-index: 2;
	position: relative;
}

/* Cerchio animato */
.pulse-ring {
	position: absolute;
	top: 57%;
	left: 43%;
	width: 24px;
	height: 24px;
	background: rgba(0, 123, 255, 0.3);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation: pulse 1.5s infinite;
	z-index: 1;
}

@keyframes pulse {
	0% {
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 0.6;
	}

	70% {
		transform: translate(-50%, -50%) scale(1.4);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 0;
	}
}