html, body {
            margin: 0px;
            font-family: 'Open Sans', sans-serif;
            height: 100vh;
			min-height: 100vh;
        }

body {
	overflow-y: scroll;
	background-color: #F7F7F7;
}

* { 
	padding: 0; 
	margin: 0;
box-sizing: border-box;}

#container {
  min-height: 100%;
  margin: 0 auto;
  padding-bottom: 44px;
  width: 100%;
}

.footer_site_info {
  padding: 0;
}
#footer_nav ul {
  height: 22px;
  overflow: hidden;
}
#footer_nav ul li a.footer_segment {
  font-size: 0.8em;
  position: relative;
  zoom: 1;
  border: 0px;
  box-sizing: border-box;
  padding: 11px 20px;
}

.page_footer {
  height: 44px;
  margin-top: -44px;
  position: relative;
  clear:both;
  width: 100%;
  bottom: 0;
  left: 0;
}

.content-body table,
.content-body table td,
.content-body table tr,
.content-body table th {
  background: #FFFFFF;
  border: none !important;
  padding: 5px !important;
  color: #000 !important;
	border-radius: .375rem;
}

.content-body table {
	width: 100%;
}

.content-body table th:nth-child(1) {
  width: 32px;
  max-width: 32px;
}
.content-body table th:nth-child(2) {
  text-align: left;
}
.content-body table th:nth-child(3),
.content-body table th:nth-child(4) {
  text-align: right;
}
.content-body table th hr {
  display: none !important;
}


.btn_slim {
  height: 30px;
  padding-left: 50px;
  padding-right: 50px;
}
.help_spacer {
  min-height: 100px;
}
.font_help_footer {
  text-align: center;
  font-weight: normal;
}
.font_help_footer a {
  color: #ff9302;
  text-decoration: none;
}
.span_aaf {
  color: #fff; vertical-align: middle; line-height: normal;
}
.div_aaf {
  text-align: right; padding-top: 5px; line-height: 45px;
}
.error_text span {
  color: red;
  font-weight: bold;
}

hr {
  border: 0;
  background-color: #fff !important;
  margin: 10px 0;
}
pre {
  font-family: "Consolas", monospace, serif;
}
pre img {
  padding: 0.25rem 0 !important;
}

ul.popular-list {
    list-style: none;
    display: block;
    margin: 0 auto;
    padding: 0;
}

ul.popular-list li {
    display: table;
    height: 6rem;
    background: #FFFFFF;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
    float: left;
    font-weight: normal;
	    border-radius: .375rem;
	transition: all 300ms ease-in-out;
	    filter: drop-shadow(0 .375rem .375rem rgba(0,0,0,.2));
}

.popular-list li:hover {
	transition: all 300ms ease-in-out;
    filter: drop-shadow(0 0 6px rgba(0,0,0,.2)) drop-shadow(0 6px 6px rgba(0,0,0,.2));
}
ul.popular-list li a:link,
ul.popular-list li a:active,
ul.popular-list li a:visited {
    display: table-cell;
    vertical-align: middle;
	color: rgba(12, 81, 100, 1);
    padding: 11px;
    width: 100%;
    height: 100%;
    font-size: 18px;
    text-decoration: none;
	transition: all 300ms ease-in-out;
}
ul.popular-list li a:hover {
    color: #71C7F0;
	transition: all 300ms ease-in-out;
}

ul.popular-list li:last-of-type {
	margin-bottom: 80px;
}

@media screen AND (max-width: 810px) {
  .hide_for_zoom {
    display: none !important;
  }
  .font_type_1 {
    font-size: 2em !important;
  }
}

/* NEW */


	
		ul{
			list-style: none;
		}
	
	
		.page-wrap {
			min-height: 100%;
			padding-bottom: 210px;
		}

.main-background-wrap {
	width: 100%;
			background: url("/images/hero-cards-background-v5.png");
	background-position: top -10.3125rem center;
			background-repeat: no-repeat;
			background-size: 106.25rem auto;
}
	
        .container-wrap {
			margin-bottom: 10px;
        }

.mirror-home-squares {
	padding-top: 20px;
	 width: 100%;
	margin-bottom: 10px;
}
		
        .content-body {
			padding: 4rem 0;
			width: 90%;
        }
        
        .content, .footer-internal, .container, .content-body {
            /*customize position*/
            display: block;
			max-width: 77.5rem;
			padding: 0 1.25rem;
			margin: 0 auto;
        }


        h1 {
            padding-top: 40px;
            padding-bottom: 20px;
            font-weight: normal;
        }

p {
	font-size: 17px;
}

        .content-body p {
			font-size: .9375rem;
			line-height: 1.5rem;
			margin-bottom: 1.875rem;
        }

a, a:visited, a:active, a:focus {
	    color: #f47920;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
	
		.header-wrap {
			background: url("/images/online-portal-header.jpg");
			display: block;
			min-height: 10.625rem;
			background-position: 50%;
			background-repeat: no-repeat;
			background-size: cover;
		}
	
		.header-internal {
			
			width: calc(100% - 2.5rem);
		}

		.header-menu {
			display: block;
			background: #FFFFFF;
			border-radius: .25rem;
			max-height: 4.375rem;
			width: calc(100% - 2.5rem);
			margin: 2.5rem 0 0 1.25rem;
			padding: 0px 1.25rem;
			box-shadow: 0 0 0.5rem rgb(0 0 0 / 15%);
    		position: fixed;
    		transition: background-color .3s cubic-bezier(.5,0,.5,1),opacity .3s cubic-bezier(.5,0,.5,1);
			z-index: 1002;
		}

		.main-logo {
			float: left;
			position: relative;
			padding-top: 15px;
		}

.main-logo a, .main-logo a:visited, .main-logo a:active {
    text-decoration: none;
    color: #BECDD4;
}

.main-logo a:hover {
    color: #69747A;
}

		.main-menu {
			float: right;
			display: flex;
			
		}
	
		a.menu-item {
			cursor: pointer;
			font-size: .875rem;
			margin-right: 1.875rem;
    		position: relative;
			color: #000;
			text-decoration: none;
			line-height: 4.375rem;
			-webkit-tap-highlight-color: rgba(0,0,0,.1);
    		transition-duration: .3s;
			transition-property: background-color,color,opacity,border,border-color,background-position,outline,box-shadow,border-bottom,text-decoration,left,top,transform,-webkit-text-decoration;
			transition-timing-function: cubic-bezier(.5,0,.5,1);
			transform-origin: center center;
			font-weight: bold;
		}
	
		a.menu-item:hover {
			color: #f47920;
			
		}
	
		a.menu-item:hover:before {
			background-color: #f47920;
			bottom: 0;
			content: "";
			display: block;
			height: 2px;
			height: 0.125rem;
			left: 0;
			position: absolute;
			width: 100%;	
			box-sizing: border-box;
		}
	
		.divider {
			position: relative;
			margin-left: 20px;
		}
	
		.divider:before {
			background-color: #e1e1e1;
			content: "";
			display: block;
			height: 3.125rem;
			left: -1.5625rem;
			position: absolute;
			top: 0.625rem;
			width: 0.0625rem;
		}
	
		.top-menu {
			float: right;
			color: #FFFFFF;
			margin-top: 15px;
		}
	
		a.top-menu-item {
			color: #FFFFFF;
			text-transform: uppercase;
			text-decoration: none;
		}
	
		a.top-menu-item:hover {
			text-decoration: underline;
		}
		
		.main-text {
			text-align: center;
		}
	
        .button {
            width: 100%;
            padding: 50px;
            display: inline-block;
            text-align: center;
            margin: 10px;
            transition: .3s ease;
			text-decoration: none;
			border-radius: .375rem;
			color: #FFFFFF;
        }
	
		.button.staff-login {
			background-color: #0C5164;
		}
	
		.button.non-aarnet-login {
			background-color: #887EBB;
		}
	
		.button.download-client {
			background-color: #7BAE92;
		}
	
		.button:hover {
			text-decoration: underline;
			color: #FFFFFF;
			background-color: #F7941D;
		}
	
        .btn-text {
            color: #FFFFFF;   /*customize button font color */
            font-size: 1.5rem;
			text-transform: uppercase;
        }
        .made-with {
            padding-top: 15px;
            padding-bottom: 0;
            margin-bottom: 0;
        }
        .made-with a {
            text-decoration: underline;
        }
        .right {
            margin-left: 15px;
        }
        .right > span{
            display: block;
        }

        .zoom-logo {
            width: 400px;
            height: 147px;
        }
        .footer {
            text-align: center;
            background-color: #000000;
			width: 100%;
			position: relative;
			clear: both;
			margin-top: -185px;
			padding-bottom: 20px;
        }
	
        .footer a {
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
			text-decoration: none;
        }
	
		.footer-links {
			color: #b8b8b8;
			line-height: 4rem;
			font-size: .875rem;
		}
	
		.footer-links a, .footer-links a:visited, .footer-links a:active {			
			color: #b8b8b8;		
			text-decoration: none;
			margin-left: 1.5625rem;
		}
	
		.footer-links a:hover {
			opacity: .8;
		}
	
		.acknowledgement {
			color: #FFFFFF;
			line-height: 1.875;
			margin: 0 auto;
			max-width: 43rem;
			font-size: 1.125rem;
			font-weight: bold;
			padding-top: 10px;
		}
	
		.footer-bottom {
			position: relative;
			display: block;
		}
	
		.footer-logo {
			width: 33%;
			position: relative;
		}
	
		.aarnet-footer-logo {
			width: 200px;
		}
	
		.footer-socials img {
			max-height: 36px;
			margin-left: 20px;
			padding-top: 10px;
		}

		.footer-socials img:hover {
			opacity: 0.9;
		}
	
		* {
		  box-sizing: border-box;
		}

		.column {
		  float: left;
		  width: 33.33%;
		  padding: 10px;
		}
	
		.column.main-buttons {
			margin-bottom: 80px;
		}

		.row:after {
		  content: "";
		  display: table;
		  clear: both;
		}

		/* STATUS PAGE */

		.layout-content.status.status-index .page-status {
			border: 0px;
			text-shadow: 0px;
			margin-bottom: 50px;
			margin-top: 20px;
		}

		.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(odd) {
			background-color: #F7F7F7;
		}

		.subscribe-button {
			position:relative;
			border: 2px solid #71C7F0; 
			border-radius: 4px; 
			padding: 0.75rem 1.25rem;
			background-color:#71C7F0;
			float: right;
			clear: both;
		}

		.subscribe-button:hover {
			border: 2px solid #F7941D;
			background-color:#F7941D;
		}

.portal-header-name {
			position: relative;
			left: 10px;
			font-size: 20px;
			top: -15px;
			border-left: 1px solid #BECDD4;
			padding-left: 15px;
		}

@media screen and (min-width: 820px) {
	.dropdown-menu {
  position: relative;
  display: inline-block;
		    padding-right: 15px;
}
	
	.dropdown-wrap {
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 1;
		top: 70px;
		padding-top: 10px;
}

.dropdown-content {
  background-color: #f9f9f9;
box-shadow: 0 0 0.5rem rgb(0 0 0 / 15%);
border-radius: .25rem;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:first-of-type:hover 
	{
		background-color: #f1f1f1;
		border-radius: .25rem .25rem 0 0;
	}
	
.dropdown-content a:nth-of-type(2):hover 
	{
		background-color: #f1f1f1;
		border-radius: 0 0 .25rem .25rem;
	}

.dropdown-menu:hover + .dropdown-wrap, .dropdown-wrap:hover {
  display: block;
}
	
	
.side-menu, .nav {
			display: none;
		}
			
	
	.dropdown-menu:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS4wNjguMzlhLjUzLjUzIDAgMDEuNzQ5IDBsMi44MDIgMi44MDJMNy40Mi4zOWEuNTMuNTMgMCAxMS43NDguNzQ5TDQuOTkzIDQuMzE1YS41My41MyAwIDAxLS43NDkgMEwxLjA2OCAxLjE0YS41My41MyAwIDAxMC0uNzQ5eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 4px;
    height: .25rem;
    position: absolute;
    right: 0;
    top: 32px;
    top: 2rem;
    width: 8px;
    width: .5rem;
	
}
	
	
}


        @media screen and (max-width: 820px) {
			
			.page-wrap {
				min-height: auto;
				height: auto;

			}
			
			.portal-header-name {
				top: -41px;
				left: 145px;
				display: block;
				width: 90px;
			}
			
			.subscribe-button {
				float: none;
				width: 100%;
				text-align: center;
			}
			
			.top-menu {
				float: none;
				display: block;
				text-align: center;
				width: 100%;
				margin: 0 0 0 1.25rem;
				padding-top: 15px;
			}
			
			.main-menu {
				display: none;
			}
			
			.header-menu {
				margin-top: 2.6rem;
			}
			
            .column {
			  float: none;
			  width: 100%;
			  padding: 0px;
			}
			
			.button {
				margin: 0px;
				margin-bottom: 20px;
			}
			
			.column.main-buttons {
				margin-bottom: 0px;
			}
			
			
			
			/* MOBILE MENU */
			
			
			
			
			/* Nav menu */
				.nav{
					position: fixed;
					background-color: #FFFFFF;
					overflow: hidden;
					top: 125px;
					right: 20px;
					box-shadow: 0 0 0.5rem rgb(0 0 0 / 15%);
					border-radius: .25rem;
					width: calc(100% - 2.5rem);
				}
			
				ul.menu {
					padding-left: 0px;
					margin: 0px;

				}
				.menu a{
					display: block;
					padding: 20px;
					color: #F7941D;
					text-decoration: none;
				}
				.menu a:hover{
					background-color: #F9F9F9;
				}
				.nav{
					max-height: 0;
					transition: max-height .5s ease-out;
				}
			
			/* Menu Icon */
				.hamb{
					cursor: pointer;
					float: right;
					padding: 35px 20px;
				}/* Style label tag */
			
				.hamb-line {
					background: #000000;
					display: block;
					height: 3px;
					position: relative;
					width: 35px;

				} /* Style span tag */

				.hamb-line::before,
				.hamb-line::after{
					background: #000000;
					content: '';
					display: block;
					height: 100%;
					position: absolute;
					transition: all .2s ease-out;
					width: 100%;
				}
				.hamb-line::before{
					top: 8px;
				}
				.hamb-line::after{
					top: -8px;
				}

				.side-menu {
					display: none;
				} /* Hide checkbox */
			
				/* Toggle menu icon */
				.side-menu:checked ~ nav{
					max-height: 100%;
				}
				.side-menu:checked ~ .hamb .hamb-line {
					background: transparent;
				}
				.side-menu:checked ~ .hamb .hamb-line::before {
					transform: rotate(-45deg);
					top:0;
				}
				.side-menu:checked ~ .hamb .hamb-line::after {
					transform: rotate(45deg);
					top:0;
				}
			
        }


@media screen and (max-width: 768px) {
	
			ul.popular-list li {
				width: 100%;
				margin-left: 0px;
			}
}

@media screen and (min-width: 769px) {

ul.popular-list li {
		width: 48%;
		margin-right: 4%;
	}
	
	ul.popular-list li:nth-of-type(even) {
		margin-right: 0;
	}
	
	.content-body table {
	padding: 10px 20px 10px 20px !important;
}
	
}

@media screen and (min-width: 980px) {

ul.popular-list li {
		width: 32%;
		margin-right: 2%;
	}
	
	ul.popular-list li:nth-of-type(even) {
		margin-right: 2%;
	}
	
	ul.popular-list li:nth-of-type(3n+0) {
		margin-right: 0;
	}
	
}

@media screen and (min-width: 1200px) {
	ul.popular-list li {
    width: 22%;
    margin-right: 4%;
}
	
	ul.popular-list li:nth-of-type(even) {
		margin-right: 4%;
	}
	
	ul.popular-list li:nth-of-type(3n+0) {
		margin-right: 4%;
	}

ul.popular-list li:nth-of-type(4n+0) {
	margin-right: 0px;
}
}

/* NEW TABLE STYLES */

.content-body table th {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.content-body table td {
	font-size: 15px;
}

.content-body table th a, .content-body table th a:visited, .content-body table th a:active, .content-body table th a:focus, .content-body table td a, .content-body table td a:visited, .content-body table td a:active, .content-body table td a:focus {
	color: #000;
}

.content-body table th a:hover, .content-body table td a:hover {
	text-decoration: none;
}

.content-body table tr {
	margin-left: 10px;
	margin-right: 10px;
}