@charset "utf-8";
		
/* 
		
##############################################################
###                                                        ###
###  CSS FILE : Style Consolidation CSS file               ###
###                                                        ###
##############################################################
		
(C)opyright 2026 - Modularware
www.modularware.com

*/


/*###########################################
###                                       ###
###  LAYOUT     : Basic Sticky Header     ###
###  VERSION    : Restricted Width 1140   ###
###                                       ###
############################################*/

	
:root {	
	--RestrictedWidth: 1140px;
}	



body {
    height: 100vh;
    margin: 0;
}
		
html {
    height: 100vh;
    box-sizing: border-box;
}
	
		
*,*:before {
    box-sizing: inherit;
}

		
*:after {
    box-sizing: inherit;
}


#PageWrapper {
	background-color: var(--PageBorderColor);
	min-height: 100vh;
}


#ContentContainer {
	min-height: 100vh;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-template-columns: 1fr minmax(auto, var(--RestrictedWidth)) 1fr;	
}


#HeaderPanel {
	position: sticky;
	top: 0;
	padding: .2rem 0;
	z-index: 500;
	line-height: 1;	
	grid-column: span 3;
}


#CenterPanel {
	background-color: var(--MainBackgroundColor);
	color: var(--MainTextColor);
	grid-column: 2;
	padding: 0 1rem;
	overflow: hidden;
}	


#FooterPanel {
	grid-column: 2;	
	padding: 0 1rem;
}



@media only screen  
  and (max-device-width: 480px)
  and (orientation: portrait) {


	#HeaderPanel {
		position: fixed;
		top: 0;
		width: 100vw;
	}

}



/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/