.main-container {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4b327f+0,7960a4+100 */
	background: #4b327f;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #4b327f 0%, #7960a4 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #4b327f 0%, #7960a4 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #4b327f 0%, #7960a4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b327f', endColorstr='#7960a4', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	font-family: Helvetica;
	position: inherit;

	.main-grants-container {
		color: white;

		.title-container {
			padding-left: 95px;
			padding-top: 20px;
			text-align: left;
			width: 100%;

			.tabez-title {
				font-size: 24px;
				padding-left: 0px;
				padding-top: 40px;
			}

			.my-grant-applications {
				margin: 20px 0px;
				padding-left: 10px;
				font-size: 58px;
			}

			.toggle-grants {
				margin: 25px auto 40px auto;
				width: 209px;
			}
		}

		.start-new-application-button {
			margin: 25px 0 40px 95px;
			width: 209px;
		}
	}

	.hr-shadow {
		margin: 0px !important;
	}

	.inner-page {
		margin-bottom: 20px !important;
		margin-left: unset;
		margin-right: unset;
	}

	.table-filters-desktop {
		margin-left: unset;
		margin-right: unset;
	}

	.outer-page {
		margin-left: unset;
		margin-right: unset;
	}

	.main-word-container {
		padding-left: 0px;
		margin-left: 0px;

		.main-word-row {
			background-color: white;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;

			.main-word-box {
				padding-top: 40px;
				overflow: hidden;

				.getting-started-title {
					color: #502e84;
					font-size: 48px;
				}

				.getting-started {
					font-size: 16px;
				}

				.accordion-container {
					background-color: white;
					margin-left: 0px;
					padding-left: 0px;
					padding-top: 40px;
					width: 800px;
				}



				.accordion-text {
					background-color: white;
					color: black;

					.word-card {
						border: white;

						.accordion-toggle {
							color: #502e84;
							font-size: 33px;
							cursor: pointer;
							margin: 10px 0px;

							.fa-caret-down {
								margin-left: 10px;
								line-height: 9px;
								vertical-align: middle;
								color: #502e84;
							}
						}

						.word-body {
							padding-left: 0px;
						}

						.collapsible {
							display: block;
						}

						.expand>p {
							font-size: 17px;
						}
					}
				}
			}

			.helpful-links-container {
				/* margin-top: 132px;
				margin-right: 95px;
				padding: 0px;
				align-items: end;

				margin: auto;
				margin-top: 30px;
				margin-bottom: 30px; */

				.helpful-links-card {
					padding: 30px;

					.helpful-links-tab {
						color: #502e84;
						font-size: 33px;
						margin-right: 0px;
					}

					.helpful-links-list {
						padding-left: 22px;

						& ul,
						li {
							&:hover {
								color: #00b9da;

								& a {
									&:hover {
										text-decoration: underline !important;
									}
								}
							}
						}
					}
				}
			}

			.toolbox-icon {
				height: 110px;
			}


			.tutorial-icon {
				height: 80px;
			}


			.inventory-icon {
				height: 70px;
			}

			.import-icon {
				height: 80px;
			}

			.row-flow {
				flex-flow: wrap;
				justify-content: space-between;
			}

			.getting-started-btn {
				background-color: #C4A32A;
				color: white;
				border-color: #C4A32A;
				border-radius: 35px;
				font-size: 30px;
				min-width: 300px;

				&:hover {
					filter: brightness(70%);
					-webkit-filter: brightness(70%);
				}
			}

			.icon-container {
				cursor: pointer;
			}

			.landing-header {
				color: #502e84;
				font-size: 33px;
				margin-top: 10px;
				cursor: default;
			}



		}
	}

	.getting-started-box {
		background-color: #eaeaeb;
		padding-bottom: 10px;
	}
}

#tabez-landing {
	.notice-message {
		font-style: italic;
		text-decoration: underline;
		font-size: 17px;
	}
}

@media screen and (min-width: 1680px) {
	#tabez-landing {
		.main-word-box {
			height: 85vh;
		}
	}
}

@media screen and (max-width: 1275px) {


	.getting-started-btn {
		font-size: 25px !important;
	}

	.getting-started-title {
		font-size: 30px !important;
	}

	.landing-header {
		font-size: 25px !important;
	}

	.getting-started {
		padding-top: 10px;
	}
}