#iteracoes button {
	width: 45px;
	height: 45px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-bg2);
	border-radius: 100%;
	border: none;
	cursor: pointer;
}

.active {
	background-color: var(--color-main) !important;
}

#iteracoes {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	position: relative;
	z-index: 100;
	height: 100%;
	align-items: flex-end;
	padding-bottom: 10px;
}

#videos {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-bg2);
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-right: 0px !important;
	background-color: var(--color-bg);
}

.videoModalActive {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.buttons {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 180px;
}

.iconCall img {
	width: 120px;
}

.iconCall {
	background-color: var(--color-bg2);
	border-radius: 100%;
	padding: 40px;
	position: absolute;
	top: 200px;
}

#status-call {
	padding: 40px;
	position: absolute;
	top: 50px;
}

#remote-video {
	position: absolute;
	display: flex;
	height: 100%;
	width: 100%;
	object-fit: cover;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
}

#local-video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.localDiv {
	margin-left: 50px;
	margin-right: 10px;
	width: 110px;
	height: 180px;
}