:root {
	--bs-primary: #5db7d4;
	--bs-link-color: #5db7d4; /* Change link color */
	--bs-link-hover-color: #4b9fbd; /* Custom hover color */
}

/* Apply Lato font to headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Lato", sans-serif;
}

/* Apply colors to Bootstrap link */
a {
	color: var(--bs-link-color);
}
a:hover {
	color: var(--bs-link-hover-color);
}
.lead {
	color: black;
	font-family: "Lato", sans-serif;
}

/* Override Bootstrap primary button color */
.btn-primary {
	background-color: #5db7d4;
	border-color: #5db7d4;
}

.btn-primary:hover,
.btn-primary:visited,
.btn-outline-primary:focus {
	background-color: #4b9fbd;
	border-color: #4b9fbd;
}

.btn-primary:focus {
	box-shadow: 0 0 0 0.25rem rgba(93, 183, 212, 0.5);
}

/* Additional styles for disabled state */
.btn-primary:disabled {
	background-color: #5db7d4;
	border-color: #5db7d4;
	opacity: 0.65;
}

/* Override Bootstrap outline primary button color */
.btn-outline-primary {
	color: #5db7d4;
	border-color: #5db7d4;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #5db7d4;
	border-color: #5db7d4;
}

.modal-lg {
	max-width: 80%; /* Adjust the width as needed */
}

.ntia-logo {
	height: 25px;
}

.ntia-logo-login {
	width: 240px;
}

.signin-bg {
	background: url("/content/images/WAU-BG.jpg");
	background-size: cover;
	height: 100%;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.video {
	width: 275px;
}

.btn-danger {
	background-color: #f9463f !important;
}

.btn-danger:hover {
	background-color: #fff !important;
}

/* Overrides */
div.dataTables_wrapper div.dataTables_filter {
	float: right;
}

/**** Small devices (landscape phones, 576px and up) **/
@media (min-width: 480px) {
	.ntia-logo-login {
		width: 320px;
	}
}

/**** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) {
	.ntia-logo {
		height: 50px;
	}
	.ntia-logo-login {
		width: 520px;
	}
}

/**** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) {
	.ntia-logo-login {
		width: 400px;
	}
	.video {
		width: 700px;
	}
}

/**** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) {
}