/*
// ------------------------------------
// Global settings
// ------------------------------------
*/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, jul, jli, form, fieldset, legend, label, jtable, header, footer, nav, section, jtr, td
{ 
	margin: 0; 
	padding: 0;
	border: 0;
}

html
{
	background-color:rgb(255,255,255);
	height:100%;
	min-height:100%;
	
	line-height:1.2;
	font-weight:normal;
	font-family:intel-clear, Tahoma, Helvetica, Arial, Sans-Serif;
	color:rgb(76,76,76);
	/* text-shadow: 0 0px 0 #ffffff; */	/* required to turn off text-shadow added by jQuery CSS */
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */	
}

body
{
	/* These aren't needed if we set the content to use "100vh" */
	jheight:100%;	/* Don't do this unless you know the content will never overflow. It effectively makes all the "scrolled content" overflow which can get cutoff when using AcgAlert. */
	min-height:100%;
}

a
{
	/* text-decoration: none; */
	color:inherit;
}
/*
Including this causes anchor tag button rollovers to darken.
a:hover, a:focus
{
	jcolor:#008dd4;
	color:inherit;
	jtext-decoration:underline;
}
*/
.acg a.url
{
	word-break:break-word;	/* iOS long URLs don't break at hyphens or slashes */
}

img
{
	/*
	On iOS, this setting prevents images from showing if the container has no size (like a table cell with nothing other than an image)
	max-width: 100%;
	*/
	height: auto;
	border: 0;
	outline: 0;
}

svg
{
	pointer-events: none;
}

.acg
{
	background-color:#ffffff;
	line-height:1.2;
	min-height:100%;
	jmin-height:calc(100vh - 321px);	/* Forces our content to take up the whole viewport if the content is small (148 = 85 (header) + 236 (footer) */
}

/*
// Note: Using p:not(:last-child) caused a problem with the AcgOnScroll library since <p> tags using it would get wrapped, become "last", and therefore have no margin between.
*/
.acg p:not(:last-child)
{
	margin-bottom:1em;
}

/*
// This messes up AcgTreeMenu
.acg ul
{
	list-style-type:disc;
	margin:1em 0 1em 1em;
	list-style:outside;
}

.acg li:not(:last-child)
{
	margin-bottom:0.5em;
}
*/

.acg div
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.acg select
{
	padding:0.6rem;
	border-radius:0;
	border:1px solid rgb(225,225,225);
	background-color:white;
}

.ui-multiselect-checkboxes input[type="checkbox"]
{
	margin:3px 3px 3px 4px !important;
}

.acg-vertical-center-container
{
	display:table;
	width:100%;
	height:100%;
	box-sizing:border-box;
}

.acg-vertical-center-content
{
	display:table-cell;
	vertical-align:middle;
}

body.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}

/*
.acg :focus
{
	outline:none;
	box-shadow:0 0 0 2px rgb(0,0,0);
    border-radius:0;
}
*/

/*
The following CSS changes the appearance of the scrollbar shown when content overflows.
Note that by including ".acg", we are only changing the scrollbars within the ACG content (like "popups") which generally benefits from a smaller scrollbar.
If you remove the ".acg", then the browser scrollbar will also be affected.
*/
.acg ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
    jbackground-color: rgba(0,255,0,.8);
}
.acg ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}