body 
 {margin: 0;}
.container 
 {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
 .external-container 
{ padding: 15px 15px 20px; border-radius: 6px; overflow: auto; margin-bottom: 15px; opacity: 1; transition: opacity 1.5s ease-in; } 

/* 20190621 Adjust this to better use the page */
/*
@media (min-width: 768px) 
 {.container 
 {width: 750px;}
}
@media (min-width: 992px) 
 {.container 
 {width: 970px;}
}
@media (min-width: 1200px) 
 {.container 
 {width: 1170px;}
}
*/
@media (min-width: 768px) 
 {.container 
 {width: 750px;}
}
@media (min-width: 992px) 
 {.container 
 {width: 970px;}
}
@media (min-width: 1200px) 
 {.container 
 {width: 1170px;}
}
@media (min-width: 1400px) 
 {.container 
 {width: 1370px;}
}
@media (min-width: 1600px) 
 {.container 
 {width: 1570px;}
}

 .module 
 {width: 200px;height: 200px;position: relative;margin: 20px;border-left: 100px solid transparent;border-right: 100px solid transparent;border-top: 50px solid #2A5184;}
.module:after 
 {content: '';position: absolute;z-index: -1;left: -105px;bottom: -3px;width: 0;height: 0;border-left: 105px solid transparent;border-right: 105px solid transparent;border-top: 53px solid red;}
 .footer-links 
 {margin-top: 25px;color: #fff;font-weight: bold;}
.footer-links h4 
 {color: #fff;font-weight: 500;}
.footer-links ul li 
 {list-style: none;font-size: 14px;line-height: 2;}
.footer-links a 
 {margin-top: 25px;color: #fff;font-weight: 200;}
.homepage-copyright 
 {padding: 10px;overflow: auto;background: #111;}
.homepage-copyright 
 {color: #fff;font-size: 14px;}
 /*
.homepage-copyright 
 {color: #fff;font-size: 14px;margin-top: 30px;}
 */
.homepage-copyright a 
 {color: #fff;}
 .copyright-owner 
 {text-align: right;}
 
 @media screen and (max-width: 992px) 
 {body 
 {padding-bottom: 0;}
.homepage-header header 
 {text-align: center;}
.homepage-phone-background 
 {background: none;border: 0;color: #FFF;text-align: center;}
.footer-links 
 {text-align: center;}
.footer-links ul 
 {padding: 0;}
.homepage-copyright, .copyright-owner 
 {text-align: center;}
.footer-links ul li 
 {line-height: 1.2;margin-bottom: 15px;}
.homepage-header .dps-logo 
 {text-align: center;}
}

 * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
 
 
 
/* Additional CURT */
/* Sample
.customTitleBar > .ui-panel-titlebar {
    background: #BBBBBB;
    }
*/

/* Backgroud color for the main content panel for Omega */
.curtContentPanel  {
    background: #FFFBF2;
    border-radius: 5px;
	border: 1px solid #2E5381;
	padding: 15px;
}

/* Override default fieldset-legend */
.ui-fieldset .ui-fieldset-legend { 
	background: #2E5381;
    color: #FCEBCA;
    width: auto;
    font-size: 16px;
    margin: 0 0 0 1em;
    padding: 3px 1em;
    border-radius: 3px;
    font-weight: bold;
    position: relative;
    border-radius: 5px;
}

/* Override No left padding for panelGrid */
.ui-panelgrid .ui-panelgrid-cell {
    padding: 3px 3px 2px 0px;	/* 4px 5px 4px 0px; */	/* 4px 10px;  */
} 

/* This will have the footer alway at the bottom of the view port, not correct. Also Need clear cache first in IE 
#footer {
	position: fixed; 
	bottom:0;
	z-index:999999;
}
*/

/*
.ui-datatable table {
    table-layout: auto
}
*/

.curtAlert {
    font-weight: bold;
     font-style: italic;
     }

 
/* TEST <footer>
footer {
	position: fixed;
	left: 0;
	bottom: 0;
	height: 100px;
	width: 100%;
	color:#FFFFFF; 
	background: #06303A;
	font-size:1.5em;
	text-align: center;
	line-height:100px;
}
*/

/*
.ui-notify-messages {
    color: #000;
    background-color: #ffff00;
    border-color: #000000;
    line-height:30px;
    margin-left:5px;
    vertical-align: middle;
    border-radius: 25px;
    
}

*/

/* CUP-1372 20200805 footer position fix
   reference https://www.freecodecamp.org/news/how-to-keep-your-footer-where-it-belongs-59c6aa05c59c/ */
#wrapper {
  position: relative;
  min-height: 100vh;
}

#layout {
  padding-bottom: 3.5rem;    /* Footer height */
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3.5rem;            /* Footer height */
}