html, body {
	height: 100%;
}

.app-container {
	height: 1px;
	min-height: 100%;
	background-image: url("../img/dashboard-bkgrd-lrg.png");
	box-sizing: border-box;
}

.main-container {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: auto;
}

.app-main-container {
	min-height: 420px;
	min-width: 340px;
	position: relative; /* REQ */
	height: 600px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 25px;
    transition: .33s linear;
}

.hidden-dashboard {
	opacity: 0;
	visibility: hidden;
}

.dashboard-line {
	position: absolute;
	bottom: 0px;
	width: 100%;
	border-top: 1px solid #bdbdbd;
}

.dashboard-text {
	color: #757575;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
}

.custom-loading-mask {
	height: 100%;
	width: 100%;
	opacity: .5;
	top:0;
	left:0;
	background-color: rgba( 220, 220, 220, 0.8 );
	margin: inherit;
	z-index: 1000;
	cursor: default;
}

.custom-loading-mask .custom-spinner {
	position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    width: 50px;
    height:50px;
    background: url("../img/loading_spinner.gif") 50% 50% no-repeat;
}

/* Adjusting in main, homepage, and navigation */
@media screen and (max-width: 1600px) {
	.app-main-container {
		height: 570px;
	    width: calc(100% - 40px);
	    margin-left: 20px;
	    margin-top: 20px;
	}
}

@media screen and (max-width: 1370px) {
	.app-main-container {
		height: 525px;
	}
}

/* Adjusting in main, homepage, and navigation */
@media screen and (max-width: 1250px) {
	.app-main-container {
		height: 480px;
	}
}

/* Adjusting in main and navigation */
@media screen and (max-width: 1100px) {
}

/* Adjusting in main, homepage, and navigation */
@media screen and (max-width: 990px) {
	.app-main-container {
		height: 700px;
	}
}

/* Only adjusting width */
@media screen and (max-width: 830px) {
}

/* Only adjusting width */
@media screen and (max-width: 760px) {
}

/* Adjusting in main, homepage, footer */
@media screen and (max-width: 720px) {
	.app-main-container {
		height: 1310px;
	    width: calc(100% - 16px);
	    margin-left: 8px;
	    margin-top: 8px;
	}
}

/* Only adjusting width */
@media screen and (max-width: 670px) {
}

/* Adjusting in main, homepage */
@media screen and (max-width: 600px) {
}

/* Adjusting in main, homepage */
@media screen and (max-width: 540px) {
	.app-main-container {
		height: 1290px;
	}
}

/* Adjusting in main, homepage */
@media screen and (max-width: 540px) {
}

@media screen and (min-height: 750px) and (min-width: 990px) {
	.app-main-container {
		height: 690px;
	}
}

@media screen and (min-height: 840px) and (min-width: 990px) and (min-width: 1500px) {
	.app-main-container {
		margin-top: 50px;
	}
}

@media screen and (min-height: 890px) and (min-width: 990px) and (min-width: 1500px) {
	.app-main-container {
		margin-top: 60px;
	}
}

@media screen and (min-height: 750px) and (max-width: 1600px) and (min-width: 990px) {
	.app-main-container {
		height: 690px;
	}
}

@media screen and (min-height: 750px) and (max-width: 1500px) and (min-width: 990px) {
	.app-main-container {
		height: calc(100% - 110px);
	}
}

@media screen and (min-height: 750px) and (max-width: 1250px) and (min-width: 990px) {
	.app-main-container {
		height: 600px;
		margin-top: 50px;
	}
}

@media screen and (min-height: 780px) and (max-width: 1250px) and (min-width: 990px) {
	.app-main-container {
		margin-top: 90px;
	}
}

@media screen and (min-height: 600px) and (max-width: 1250px) and (min-width: 990px) {
	.app-main-container {
		height: 600px;
		margin-top: 25px;
	}
}

/* This needs to stay here so it overrides the height */
.app-main-container.login {
	height: calc(100% - 80px - 50px - 30px);
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("../img/google-icons.woff2") format('woff2');
}

.google-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.legal-modal-border {
	border-radius: 12px !important;
	width: 598px;
}