/* Wombat/Hyper overrides */
:root {
	--telechoice-blue: #005199;
	--telechoice-blue-dark: #073966;
	--telechoice-yellow: #F2DA00;
	--bs-primary: var(--telechoice-blue);
}

a {
	color: var(--telechoice-blue);
}
	a:hover {
		color: var(--telechoice-blue-dark) !important;
	}

		.auth-brand img {
						max-width: 180px;
												height: auto !important;
		}

body.authentication-bg,
.auth-fluid .auth-fluid-form-box {
	background-color: var(--telechoice-blue-dark) !important;
	color: #fff !important;
}

.leftside-menu, .leftside-menu .logo {
	background: none !important;
	background-color: var(--telechoice-blue-dark) !important;
}

	.leftside-menu .logo img {
		max-width: 140px;
		height: auto !important;
	}

	.auth-fluid-right {
		background: url("/images/auth-bg.jpg");
		background-size: cover;
	}

.auth-fluid-form-box .btn-primary {
	border: 0;
	background-color: rgba(var(--bs-success-rgb), 0.8) !important;
}

	.auth-fluid-form-box .btn-primary:hover {
		background-color: var(--bs-success) !important;
	}

.btn-primary:hover {
	background-color: var(--telechoice-blue) !important;
}

.btn-primary:hover,
.btn-outline-primary:hover {
	background-color: var(--telechoice-blue) !important;
}

/* Modal photos */
.modal-photos {
	display: flex;
	overflow: auto;
	padding-top: 10px;
}

.modal-photo {
	position: relative;
	overflow: visible;
}

	.modal-photo .delete-photo-button {
		position: absolute;
		right: 10px;
		top: -10px;
		z-index: 2;
		font-size: 80%;
		padding-right: 0.6rem;
		padding-left: 0.6rem;
	}

	.modal-photo img {
		margin-right: 16px;
		border-radius: 6px;
		cursor: pointer;
		background-color: #eef2f7;
	}