/* ======== Legacy bootstrap support ======== */

:root {
	--bs-border-radius: .25rem;
	--bs-card-border-color: rgba(0, 0, 0, .125);
	--bs-card-spacer-y: 1.25rem;
	--bs-card-spacer-x: 1.25rem;
	--bs-card-cap-padding-y: .75rem;
	--bs-card-cap-padding-x: 1.25rem;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.nav-link {
	color: rgba(0, 0, 0, 0.5) !important;
}

	.nav-link:hover {
		color: rgba(0, 0, 0, 0.7) !important;
	}

.card {
	--bs-border-radius: .25rem;
	--bs-card-border-color: rgba(0, 0, 0, .125);
}

.card-body {
	--bs-card-spacer-y: 1.25rem;
	--bs-card-spacer-x: 1.25rem;
}

.card-footer {
	--bs-card-cap-padding-y: .75rem;
	--bs-card-cap-padding-x: 1.25rem;
}

.form-group {
	margin-bottom: 1rem;
}

label {
	display: inline-block;
	margin-bottom: 0.5rem;
}

.btn-block {
	display: block;
	width: 100%;
}

	.btn-block + .btn-block {
		margin-top: .5rem;
	}

/* ======== our styles ======== */

.welcome-page li {
	list-style: none;
	padding: 4px;
}

.nav-page {
	background-color: #FFFFFF;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .12);
	margin-bottom: 2.66rem;
}

	.nav-page .navbar-container {
		max-width: 1280px;
		margin: 0 auto;
	}

	.nav-page .navbar-nav {
		margin-left: auto;
	}

	.nav-page .navbar {
		min-height: 58px;
		/* Same as AGM+ */
		padding: .5rem;
	}

.logged-out-page iframe {
	display: none;
	width: 0;
	height: 0;
}

.grants-page .card {
	margin-top: 20px;
	border-bottom: 1px solid lightgray;
}

	.grants-page .card .card-title {
		font-size: 120%;
		font-weight: bold;
	}

		.grants-page .card .card-title img {
			width: 100px;
			height: 100px;
		}

	.grants-page .card label {
		font-weight: bold;
	}

.wizard-header {
	font-size: 1.25rem;
}

.margin-top04 {
	margin-top: 0.4rem;
}

.submitBtn {
	background-color: #247492;
	color: #fff;
}

	.submitBtn:hover {
		background-color: #1f637c;
		border-color: #1f637c;
		color: #fff;
	}

a:link {
	color: #005ea5;
	text-decoration: underline;
}

a:not(.nav-link):visited {
	color: #4c2c92;
}

.error-message {
	color: #d4351c;
}

.btn-primary {
	color: #FFFFFF;
	background-color: #247492;
	border-color: #247492;
}

	.btn-primary:hover {
		color: #FFFFFF;
		background-color: #1c5c73;
		border-color: #1a5369;
	}

	.btn-primary:focus, .btn-primary.focus {
		color: #FFFFFF;
		background-color: #1c5c73;
		border-color: #1a5369;
		box-shadow: 0 0 0 0.2rem rgba(69, 137, 162, 0.5);
	}


/* ======== Extra styles for UAE PASS buttons ======== */

.external-logo-override {
	background-image: url('/assets/uae-pass-full-dark.png');
	background-repeat: no-repeat;
	background-position: center;
}
	.external-logo-override:hover {
		background-image: url('/assets/uae-pass-full-light.png');
		background-repeat: no-repeat;
		background-position: center;
	}

.col-sm-6-override {
	padding-right: 8px;
	padding-left: 8px;
}

.external-logo-small-override {
	background-image: url('/assets/uaepass.png');
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}

.btn.btn-block.btn-outline-dark:hover .external-logo2.uaepass {
	background-image: url('/assets/uaepass-hover.png');
	background-repeat: no-repeat;
	background-position: center;
}

.btn.btn-block.uaepass-container {
	align-items: center;
	display: flex;
	justify-content: center;
}

.btn.btn-block.uaepass-container .d-inline-block {
		margin-right: 0.25rem;
	}

.btn.btn-block.uaepass-container .external-logo {
	height: 20px;
	width: 20px;
}

/* ======== RTL ======== */

[dir="rtl"] body {
	text-align: right;
}

[dir="rtl"] .navbar-nav {
	margin-left: initial;
	margin-right: auto;
}

[dir="rtl"] .form-check {
	padding: 0;
}

[dir="rtl"] .form-check label {
	margin-right: 1.25rem;
}

[dir="rtl"] .external-logo-google {
	margin-left: 0.938rem;
}

[dir="rtl"] .list-group {
	padding-right: 0;
}
