/*
 * Pump API and Application 1.0.0
 * Copyright(c) 2013 PumpCo Inc.
 * licensing@healthpump.com
 * http://www.healthpump.com/license
 */

/*
 * PHIL
 * Basic.css setups up the environment, including default font sizes and font styles.
 * Most ( if not all ) sizes are then based on these using EM and REM.
 * @author: Andy Monis
 * @date: 22-03-2013
 */

/* Requires: Basic.css to be included */

/*
	Font CSS
	Default specification for all of the Fonts in the Site
*/
* { padding:0px; margin:0px; }

/* Set the default font size for the Body to be 10px ( the browser default is 16px, hence scale bt 62.5% ) */
/*html { font-size:62.5% !important; }*/
html { font-size:10px !important; }
body { font-family:helvetica,verdana,sans-serif !important; font-size:0px; }

/* IE8 fix for HTML5. It doesn't know about these tags. */
/* header, nav, section, article, aside, footer, hgroup { display: block; } */

/*
	Set base tag font sizes using EM and REM e.g. 1.4REM is 1.4 * base font ( 10 px ) = 14px;
	EM and REM are scalable though, so if the browser is scaled, the body font will scale etc.
*/
title { color:#333; font-size:50px; /*font-size:4.8em; font-size:5.0rem; font-weight:normal;*/ margin-top:0.4rem; margin-bottom:0.4rem; line-height:2; text-rendering:optimizelegibility; }
h1 { 	color:#333; font-size:40px; /*font-size:3.9em; font-size:4.0rem; font-weight:normal;*/ margin-top:0.4rem; margin-bottom:0.4rem; line-height:2; text-rendering:optimizelegibility; }
h2 { 	color:#333; font-size:34px; /*font-size:3.2em; font-size:3.4rem; font-weight:normal;*/ margin-top:0.5rem; margin-bottom:0.5rem; line-height:2; text-rendering:optimizelegibility; }
h3 { 	color:#333; font-size:27px; /*font-size:2.5em; font-size:2.7rem; font-weight:normal;*/ margin-top:0.6rem; margin-bottom:0.6rem; line-height:2; text-rendering:optimizelegibility; }
h4 { 	color:#333; font-size:20px; /*font-size:1.6em; font-size:2.0rem; font-weight:normal;*/ margin-top:0.7rem; margin-bottom:0.7rem; line-height:2; text-rendering:optimizelegibility; }
p  { 	color:#333; font-size:16px; /*font-size:1.6em; font-size:1.6rem; font-weight:normal;*/ margin-top:0.7rem; margin-bottom:0.5rem; line-height:1.5; text-rendering:optimizelegibility; }

/* .is-underline { text-decoration: underline; } */

/* AMONIS: 16/04/2019: not used */
/* .marg00 { line-height:32px !important; margin-top:0.0rem !important; margin-bottom:0.0rem !important; }
.marg05 { line-height:32px !important; margin-top:0.5rem !important; margin-bottom:0.5rem !important; }
.marg10 { line-height:32px !important; margin-top:1.0rem !important; margin-bottom:1.0rem !important; } */

/* .font8 	{ font-size:8px !important;  } */
/* .font9 	{ font-size:9px !important;  } */
.font10 { font-size:10px !important; }
/* .font11 { font-size:11px !important; } */
.font12 { font-size:12px !important; }
/* .font13 { font-size:13px !important; } */
.font14 { font-size:14px !important; }
.font16 { font-size:16px !important; }
/* .font18 { font-size:18px !important; } */
/* .font20 { font-size:20px !important; } */
/* .font24 { font-size:24px !important; } */

/* These are provided for backwards compatibilty whilst switching from Ext as Ext overrides H1, H2... as well. */
.font-h1 { color:#333; font-size:40px; margin-top:0.4rem; margin-bottom:0.4rem; line-height:2; text-rendering:optimizelegibility; }
.font-h2 { color:#333; font-size:34px; margin-top:0.5rem; margin-bottom:0.5rem; line-height:2; text-rendering:optimizelegibility; }
.font-h3 { color:#333; font-size:27px; margin-top:0.6rem; margin-bottom:0.6rem; line-height:2; text-rendering:optimizelegibility; }
.font-h4 { color:#333; font-size:20px; margin-top:0.7rem; margin-bottom:0.7rem; line-height:2; text-rendering:optimizelegibility; }

/* AMONIS: 16/04/2019: not used */
/* CSS class that can be used to prevent 300ms delay in some browsers */
/* .fast-tap 	{ touch-action: manipulation; } */
/* .mouse-hand { cursor: hand; cursor: pointer; } */

/* Provide some visual break between items */
.delimited 		{ padding-top:5px; border-top:1px solid #ddd; }

.delimit-top 	{ border-top:	1px solid #ddd; }
.delimit-left 	{ border-left:	1px solid #ddd; }
.delimit-right 	{ border-right:	1px solid #ddd; }
.delimit-bottom { border-bottom:1px solid #ddd; }

/*
	Basic Text enhancement classes
*/
.align-left 		{ text-align:left !important; }
.align-center 		{ text-align:center !important; }
.align-right 		{ text-align:right !important; }
.align-top 			{ vertical-align:top !important; }
/* .align-middle 		{ vertical-align:middle !important; } */
/* .align-bottom 		{ vertical-align:bottom !important; } */
.align-textbottom 	{ vertical-align:textbottom !important; }
/* .align-super 		{ vertical-align:super !important; } */

/*
 * AMONIS: 20/01/2017
 * AMONIS: 16/04/2019: not used
 * Start to investigate LTR / RTL so that the css meaning can be changed
 */
/* .justify-natural    { text-align:left !important; }
.justify-unnatural  { text-align:right !important; } */

/* AMONIS: 16/04/2019: not used */
/* .float-left		{ float:left !important; }
.float-right	{ float:right !important; } */

.selected		{ background-color:rgba(255,255,255,0.5); }
.focus		    { background-color:rgba(41,143,202,0.5) !important; }

.text 			{ color:#333; font-size:1.6em; font-size:1.6rem; margin-top:0.7rem; margin-bottom:0.5rem; line-height:2; text-rendering:optimizelegibility; }
.text-left 		{ text-align:left !important; }		/* deprecated */ /* Used in conv and form cog */
.text-center 	{ text-align:center !important; }	/* deprecated */ /* Used in conv and form cog */
/* AMONIS: 16/04/2019: not used */
/* .text-right 	{ text-align:right !important; } 	/* deprecated */

.text-clip		{ overflow:hidden; text-overflow:ellipsis; }

.text-muted 	{ color:#aaa !important; }
.text-code 		{ color: darkgreen; font-size:12px; font-family: Consolas,Courier New,monospace; overflow:hidden; white-space: pre-line; }

/* AMONIS: 16/04/2019: not used */
/* .margin-small 	{ margin:0.5rem; width:initial !important; }
.margin-medium 	{ margin:0.75rem; width:initial !important; }
.margin-large 	{ margin:1.0rem; width:initial !important; } */

/*
	Basic Validation
*/
/*.error { border:1px dashed red !important; }*/

/*
  AMONIS: 16/04/2019: not used
 	Bootstrap Clearfix
*/
/* .clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
} */

/* AMONIS: 16/04/2019: not used */
/* .comma:after {
	content:", ";
} */

/*
	Visible / Hidden classes
*/
.hidden { display:none !important; visibility:hidden !important; }
.visible { display:block !important; visibility:visible !important; }

/* Implementation specific using dual css class, to show or hide an element on the display */
.displayed { visibility:visible !important; }
.concealed { visibility:hidden !important; }

.scrolly { overflow-y: auto !important; }
.scrollx { overflow-x: auto !important; }