/*<meta conditions="rtmp-conditions.QScript only" />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*Style sheet for QScript - March 2020*/

/* This is a special version of the topic style sheet for use with the patient-alert-messages.htm topic only.
   It is a copy of the qscript-topic-styles.css but with a slight modification to default table style.
   The reason for creating this special copy was to get the legal numbering in that topic to work, but without the visible table borders. 
   There may have been an easier way to do this, but this was all I could think of.    Rose 17 May 2024  */

:root
{
	--QScriptFonts: 'Trebuchet MS', sans-serif;
	--QScriptGrey: #333333;
	--QScriptBlue: #115CA2;
	--QScriptRed: #8C0404;
	--QScriptDarkBlue: #1D3553;
	--QScriptAmber: #FF9933;
	--QScriptDarkGreen: #3C763F;
}

body
{
	line-height: 1.7em;
	color: var(--QScriptGrey);
	font-family: var(--QScriptFonts);
	background-color: #ffffff;
}

h1
{
	font-size: 2em;
	color: var(--QScriptBlue);
	line-height: 1.3em;
}

h2
{
	font-size: 1.75em;
	font-weight: normal;
	line-height: 1.3em;
}

h3
{
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1.3em;
}

img	/*Setting max-width: 100%; property makes images always fit the width of the container*/
{
	max-width: 100%;
}

img.thumbnail
{
	mc-thumbnail: popup;
}

.blue_button
{
	background-color: var(--QScriptBlue);
	color: #ffffff;
	padding: 0px 15px;
	display: inline-block;
}

.green_button
{
	background-color: #00893D;
	color: #ffffff;
	padding: 0px 15px;
	display: inline-block;
}

.red_alert
{
	background-color: #D50032;
	color: #ffffff;
	padding: 0 15px;
	display: inline-block;
}

.grey_underline
{
	border-bottom: solid 2px #dedede;
}

.note:before,
.important:before,
.red_message:before,
.green_message:before
{
	font-family: FontAwesome;
	padding-right: 10px;
}

.note:before
{
	content: "\f06a";
}

.important:before
{
	content: "\f071";
}

.note,
.important
{
	margin-top: 1ex;
	margin-bottom: 1ex;
	padding: 0.5em;
	border-radius: 5px;
}

.note
{
	color: var(--QScriptBlue);
	background-color: #CFDEEC;
}

.important
{
	color: var(--QScriptRed);
	background-color: #E8CDCD;
}

/* system messages */

.red_message:before
{
	content: "\f071";
	padding-right: 15px;
	font-family: FontAwesome;
}

.green_message:before
{
	content: "\f00c";
	padding-right: 15px;
	font-family: FontAwesome;
}

.exclam_message:before
{
	content: "\f06a";
	padding-right: 15px;
	font-family: FontAwesome;
}

.red_message
{
	color: var(--QScriptRed);
	background-color: #E8CDCD;
	font-size: 0.8em;
	padding: 0 0.5em;
}

.green_message
{
	color: #155724;
	background-color: #D4EDDA;
	font-size: 0.8em;
	padding: 0 0.5em;
}

.exclam_message
{
	color: var(--QScriptRed);
	background-color: #E8CDCD;
	font-size: 0.8em;
	padding: 0 0.5em;
}

.red_text
{
	color: var(--QScriptRed);
	font-weight: bold;
}

/****** color swatches ************/

#red
{
	color: var(--QScriptRed);
}

#amber
{
	color: var(--QScriptAmber);
}

#green
{
	color: var(--QScriptDarkGreen);
}

/*-------------Default Table Style------------*/

table
{
	border-collapse: collapse;
	margin-top: 0 12px;
}

td,
th
{
	border: 0px solid #dddddd;
	/* changed this to 0px so alert topic legal numbering would work */
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

tr:nth-child(even)
{
	background-color: #CFDEEC;
}

th
{
	background-color: var(--QScriptBlue);
	color: #ffffff;
}

/******************* PROXIES ****************/

MadCap|breadcrumbsProxy
{
	border-bottom-style: none;
}

#page-top
{
	background-color: #53565A;
	color: #ffffff;
	font-size: 0.9em;
	padding-left: 10px;
}

.breadcrumbs a,
.breadcrumbs a:active,
.breadcrumbs a:focus,
.breadcrumbs a:hover,
.breadcrumbs a:link,
.breadcrumbs a:visited
{
	color: #ffffff;
}

/******************* Landing pages with Mini ToC ****************/

.topic-toc
{
	display: inline-block;
}

MadCap|miniTocProxy
{
	border: none;
	line-height: 2em;
}

.topic-toc > h2
{
	font-size: 1.2em;
	font-weight: bold;
	color: var(--QScriptBlue);
}

.topic-toc a,
.topic-toc a:link,
.topic-toc a:active,
.topic-toc a:visited
{
	color: var(--QScriptGrey);
	font-weight: normal;
}

.topic-toc a:hover,
.topic-toc MadCap|xref:hover
{
	color: var(--QScriptBlue);
	font-weight: bold;
}

/* Legal Numbering for QScript alert rules. Sourced from blog post 
https://www.madcapsoftware.com/blog/auto-numbering-in-madcap-flare-part-1-how-to-create-legal-style-numbering/
 */

p.NumLevel1First
{
	mc-auto-number-format: '{n=1}.';
	mc-auto-number-position: outside-head;
	margin-left: 0.5in;
	margin-right: 0.5in;
	margin-top: 6pt;
	margin-bottom: 6pt;
	mc-auto-number-offset: 0.3in;
	mc-next-class: NumLevel1Plus;
	border-style: none;
}

p.NumLevel1Plus
{
	mc-auto-number-format: '{n+1}.';
	mc-auto-number-position: outside-head;
	margin-left: 0.5in;
	margin-right: 0.5in;
	margin-top: 6pt;
	margin-bottom: 6pt;
	mc-auto-number-offset: 0.3in;
	border-style: none;
}

p.NumIndentL1
{
	mc-auto-number-format: '{ }';
	mc-auto-number-offset: 0.5in;
	margin-left: 0.5in;
	margin-right: 0.5in;
	margin-top: 6pt;
	margin-bottom: 6pt;
	border-style: none;
}

p.NumLevel2First
{
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 0.5in;
	margin-top: 6pt;
	margin-bottom: 6pt;
	margin-right: 1in;
	margin-left: 1in;
	mc-next-class: NumLevel2Plus;
	mc-auto-number-format: '{n}.{n=1}';
	border-style: none;
}

p.NumLevel2Plus
{
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 0.5in;
	mc-auto-number-format: '{n}.{n+}';
	margin-left: 1in;
	margin-right: 1in;
	margin-top: 6pt;
	margin-bottom: 6pt;
	border-style: none;
}

p.NumIndentL2
{
	margin-top: 6pt;
	margin-bottom: 6pt;
	mc-auto-number-offset: 1in;
	mc-auto-number-position: outside-head;
	margin-right: 1in;
	margin-left: 1in;
	mc-auto-number-format: '{ }{ }';
	border-style: none;
}

p.NumLevel3First
{
	mc-auto-number-format: '{n}.{n}.{n=1}';
	mc-auto-number-position: outside-head;
	margin-top: 6pt;
	margin-bottom: 6pt;
	margin-left: 1.75in;
	margin-right: 1.75in;
	mc-auto-number-offset: 0.75in;
	mc-next-class: NumLevel3Plus;
	border-style: none;
}

p.NumLevel3Plus
{
	margin-left: 1.75in;
	margin-right: 1.75in;
	margin-top: 6pt;
	margin-bottom: 6pt;
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 0.75in;
	mc-auto-number-format: '{n}.{n}.{n+}';
	border-style: none;
}

p.NumIndentL3
{
	margin-left: 1.75in;
	margin-right: 1.75in;
	margin-top: 6pt;
	margin-bottom: 6pt;
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 0.75in;
	mc-auto-number-format: '{ }{ }{ }';
	border-style: none;
}

/*.topic-toc p
{
	margin: 0;
	color: var(--QScriptGrey);
	font-weight: normal;
}

.topic-toc p:hover
{
	background-color: var(--QScriptBlue);	color: #ffffff;	
}

.topic-toc a,
.topic-toc a:link,
.topic-toc a:active,
.topic-toc a:visited
{
	color: var(--QScriptGrey); 
}



p.MiniTOC1
{
	_padding: 0.5em 1em 0.5em 1.5em;
	margin: 0;
	font-weight: normal;
}

p.MiniTOC2
{
	_padding: 0.5em 1em 0.5em 2em;
	margin: 0;
}

p.MiniTOC3
{
	_padding: 0.5em 1em 0.5em 2.5em;
	margin: 0;
}

a.MiniTOC1:active, a.MiniTOC1:hover,
a.MiniTOC2:hover,
a.MiniTOC3:hover,
.topic-toc p a:hover /*style for mini-toc genberated manually (ie, not using proxy)

{
	color: #ffffff;		background-color: var(--QScriptBlue);	



	
}



/*------------------Skin Menu Overrides-----------*/

ul.navigation > li.has-children:after	/*remove the triangle on top of submenu*/
{
	border-color: transparent;
}

nav.title-bar ul.sub-menu
{
	padding: 0;
	margin-top: 7px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
}

ul.navigation ul	/* remove white space at the bottom of menu item*/
{
	padding: 0;
}

/****************dropdown/expandable **************/

MadCap|dropDown
{
	mc-open-image: url('../images/arrow-open.png');
	mc-closed-image: url('../images/arrow-closed.png');
	mc-image-spacing: 15px;
}

MadCap|dropDownHead
{
	font-family: var(--QScriptFonts);
	font-weight: bold;
	color: var(--QScriptBlue);
	font-size: 1.75em;
	border: solid 1px #f5f5f5;
	padding: 15px;
}

MadCap|dropDownBody
{
	border: solid 1px #f5f5f5;
	margin-left: 0;
	padding: 15px;
}

MadCap|dropDownHotspot
{
	color: var(--QScriptBlue);
}

MadCap|dropDownHotspot:hover
{
	color: #0c467b;
}

a:link
{
	color: #0c467b;
}

a:visited
{
	color: #995ca5;
}

a:hover
{
	color: #0c467b;
}

a:active
{
	text-decoration: underline;
}

a
{
	color: var(--QScriptBlue);
}

/********Layout for qscript master page ********/

#topic-sidebar
{
	width: 25%;
	float: right;
	margin-right: 1%;
}

#topic-body-wrapper
{
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
	min-height: calc(100vh - 200px);
	padding-bottom: 200px;
	margin-bottom: 5%;
}

#topic-content
{
	width: 73%;
	margin-left: 1%;
	margin-right: 1%;
	padding-right: 1%;
}

/***************FOOTER*************************/

#qld-copyright
{
	font-size: 0.8em;
}

.footer-main
{
	background-color: var(--QScriptDarkBlue);
	color: #ffffff;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 200px;
}

.qscript-footer a,
.qscript-footer a:active,
.qscript-footer a:focus,
.qscript-footer a:hover,
.qscript-footer a:link,
.qscript-footer a:visited
{
	color: #ffffff;
	text-decoration: none;
}

div.qscript-footer
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

div.qscript-footer::before
{
	content: ' ';
	display: table;
}

div.qscript-footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.qscript-footer > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.qscript-footer > div:nth-child(1)
{
	width: 20%;
}

div.qscript-footer > div:nth-child(2)
{
	width: 20%;
}

div.qscript-footer > div:nth-child(3)
{
	width: 20%;
}

div.qscript-footer > div:nth-child(4)
{
	width: 20%;
}

div.qscript-footer > div:nth-child(5)
{
	width: 20%;
}

div.qscript-footer > div:nth-child(6)
{
	width: 100%;
}

span.SearchHighlight
{
	background-color: #ffff00;
}

@media only screen and (max-width: 767px)
{
	div.qscript-footer p
	{
		margin: 0.5em auto;
	}

	div.qscript-footer > div:nth-child(1)
	{
		width: 33.333%;
	}

	div.qscript-footer > div:nth-child(2)
	{
		width: 33.333%;
	}

	div.qscript-footer > div:nth-child(3)
	{
		width: 33.333%;
	}

	div.qscript-footer > div:nth-child(4)
	{
		width: 50%;
	}

	div.qscript-footer > div:nth-child(5)
	{
		width: 50%;
	}

	div.qscript-footer > div:nth-child(6)
	{
		width: 100%;
	}
}