.FastPageWrapper{
      padding-bottom: 1rem;
      background-color: #FAFAFA;
}

/* ==========FOOTER========== */ 
/* Inline list styling for footer links in dual columns with even spacing */ 
ul.inline-list {
	margin: 0; 
} 
ul.inline-list li 
{ 
	list-style: none; margin: 0; padding: 0; display: inline-block; 
} 
ul.inline-list li:before { 
	content: ''; 
        display: none; 
} 
/* Leave a bit of extra space at the bottom, add more space between SC logo and menu groups */ 
.FastPageFooter { 
	padding-top: 1.1rem; 
         padding-bottom: 2rem; 
} 
/* Align footer logo properly. Combines relative and absolute position to overlap with content above it */ 
#footer-top { 
position: relative;	    
    left: 50%;	    
    margin-left: -2.5rem; 	    
    width: 4rem;	    
    height: 4rem;	   
    background-color: #fff;	    
    border-radius: 50%;
    margin-top: -1.75rem;
    border: .5px solid #AAAAAA;
} 
#footer-top .footer-icon { 
	width: 2.5rem; 
	height: 2.5rem; 
	position: absolute; 
	left: 50%; 
        margin-left:-1.25rem;
        margin-top: .75rem;
} 
/* Evenly horizontally space out the two columns of links in the footer */ 
#footer-middle { 
	display: flex; 
        justify-content: space-evenly;
        margin-top: -2rem;
        padding-right: 3.25rem;
} 
.footer-link { 
	display: inline-block; padding: 1rem 1.5rem; 
} 
/* Right padding centers the columns */ 
.footer-columns.left-column { 
        padding-left: 1.29rem; 
        padding-right: 3rem;
} 
/* Horizontal layout for links and social media icons in right column of footer */ 
/* Left padding centers the columns */ 
.footer-columns.right-column { 
	display: flex; 
         padding-left: 3rem; 
} 
/* Styling for social media icons in footer to display with uniform sizing and spacing */ 
.social-media { 
	width: auto; 
        height: .9rem; 
        vertical-align: center; 
        padding: .1rem;
        margin-top: .1rem;
       
} 
/* Styling for hyperlink in footer */ 
#footer-bottom { 
        margin-left: -.75rem;
	text-align: center;
        padding-top: 1rem; 

} 
/* Styling for footer specific to smaller screens and mobile devices */ 
@media only screen and (max-width: 1200px) { 
	.footer-columns.right-column, 
	.footer-columns.left-column { text-align: center; } 
	/* Shrink the icon a bit */ 
	#footer-top { 
                margin-left: -2rem;
	} 
	/* Lay out the links as a column rather than a row for smaller screens */ 
	#footer-middle { 
		padding-top: 2rem; 
                flex-direction: column; 
                padding-right: 0rem;
	} 
	.footer-columns.left-column { 
		padding: 0; 
	} 
	.footer-columns.right-column { 
		padding: 0; 
                flex-direction: column; 
	} 
	.footer-link { 
	            padding: 0.75rem 0.5rem; 
	} 
        #footer-bottom { 
                    margin-left: 0rem;
	             text-align: center;
                     padding-top: 1rem; 

} 
}

--------------------------------------------------------------------------------
/*** TAP Header styling ***/ .FastPageHeaderContent { display: contents; } /*** TAP Application Logo ***/ .ApplicationLogoContainer { height: 2.5rem; } /*** Session Timeout Screen ***/ .SessionTimeout { margin: 0 auto; background: #cce6fb; border-style:solid; border-color:black; border-width:thin; } /**** Control Message ****/ .ControlMessageContainerFooter { color: #FF0000; text-align: center; } .ManagerHeader { height: 6em; } /** Archie Logo **/ .ManagerHeaderLink.ManagerHeaderLinkAssistant::before { content: " "; } .ManagerHeaderLink.ManagerHeaderLinkAssistant { background-color: #FFF; background-image: url(../Image/ENG/Gil.png); background-repeat: no-repeat; background-size: contain; } .ManagerHeaderLinkContainerAssistant::after { display: block; position: relative; content: "Can I Help?"; text-align: center; color:#FFFFFF; text-indent: -2px; font-size: .9rem; border-radius: 1.5rem; position: relative; line-height: 1; margin-top: 5px; font-weight: 600; }