:root {
  --blue: #00bbd3;
  --pink: #ea5dbd;
  --green: #95C93D;
  --yellow: #f9e300;
  --purple: #B884BA;
}


/* --- General style --- */
	.centerText {text-align: center;}

	ul.twoCols {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}


/* --- Colored list items --- */
	.greenBullets li::marker {
	  color: var(--green);
	}
	.yellowBullets li::marker {
	  color: var(--yellow);
	}	
	.blueBullets li::marker {
	  color: var(--blue);
	}
	.pinkBullets li::marker {
	  color: var(--pink);
	}
	.purpleBullets li::marker {
	  color: var(--purple);
	}	

/* --- Back to table of contents --- */
	p.backtop{
		background: none;
		padding:0px;
		text-align: right;
	}
	p.backtop a {
		color: #000;
		text-decoration: none;
		font-weight: normal;
	}
	a.toTop{
		outline: 1px dotted #bbb;
		padding: 10px 5px 3px 5px;
		border:0px;
	}
	a.toTop:hover{
		background-color: #eee;
		outline: 1px solid #ccc;
	}
	#content-main div.row{
		margin:0.5em auto;
		padding: 0px 0px 0px 1em;
	}
	.row .row {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	.row:first-of-type {
		background: none;
	}
	a.toTop span{
		display: inline-block;
		width: 25px;
		height: 25px;
		position: relative;		
		top: 3px;
	}
	.checkBoxSmall { background: url(../../images/checkBoxSmall.png) center center no-repeat; }
	


/* --- Sections Titles --- */	
	.checkBox{
		display: inline-block;
		background: url(../../images/checkBox.png) center center no-repeat;
		width: 56px;
		height:50px; 
	}
	.boxCheck{
		display: inline-block;
		background: url(../../images/boxCheck.png) center center no-repeat;
		width: 55px;
		height:50px; 
	}
	.Htitle { 
		display: flex;
		align-items: center;
		justify-content: center; /*space-between;*/
		width:90%;
		margin: 1em auto;
	}
	.Htitle h1{
		margin: 0;
		padding: 0 10px 0 16px;
		font-weight: bold;
		font-size: 2em;
		color: #000;
	}
	.Htitle2 {
		width:100%;
		padding: 0.5em;
		justify-content: center;
		margin: 3em 0em 2em 0em;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	}
	.Htitle h2{
		margin: 0;
		padding: 0;
		font-weight: bold;
		color: #000;
		width: auto;
		font-size: 1.55em;
	}
	
	
	
	
/* --- Left transparent reUsable Icons --- */	
	div.leftImg {
		display: inline-block;
		width: 300px;
		height:272px;
		float:	inline-end;
		margin-right: 10px;
	}
	div.leftImg.img200{
		width: 200px;
		height: 172px;
		background-size:contain;
	}
	div.leftImg.smallRound{
		width: 120px;
		height: 120px;
		background-size:contain;
		border-radius: 100%;
	}
	div.leftImg>p {
		position:relative;
		top: -1em;
		font-weight:bold;
		background-color:#fff;
	}
	.noCamera {
		background: url(../../images/noCamera.png) center center no-repeat;
	}	
	.infoSheet {
		background: url(../../images/infoSheet.png) center center no-repeat;
	}
	.becomeCandidate {
		background: url(../../images/becomeCandidate.png) center center no-repeat;
	}
	.working {
		background: url(../../images/working.png) center center no-repeat;
	}
	.working_yellow1 {
		background: url(../../images/working_yellow1.png) center center no-repeat;
	}
	.awayHome {
		background: url(../../images/awayHome.png) center center no-repeat;
	}
	.residence {
		background: url(../../images/residence.png) center center no-repeat;
	}
	.envelope {
		background: url(../../images/envelope.png) center center no-repeat;
	}
	.office {
		background: url(../../images/office.png) center center no-repeat;
	}	
	.calendar {
		background: url(../../images/calendar.png) center center no-repeat;
	}
	.ballot {
		background: url(../../images/ballot.png) center center no-repeat;
	}	
	.ballot1 {
		background: url(../../images/ballot1.png) center center no-repeat;
	}	
	.ballot2 {
		background: url(../../images/ballot2.png) center center no-repeat;
	}	
	.campus {
		background: url(../../images/campus.png) center center no-repeat;
	}	
	.questionMark {
		background: url(../../images/questionMark.png) center center no-repeat;
	}	
	.longTermCare {
		background: url(../../images/longTermCare.png) center center no-repeat;
	}
	.flatIDCard {
		background: url(../../images/flatIDCard.png) center center no-repeat;
	}
	.VIC {
		background: url(../../images/VIC.png) center center no-repeat;
	}
	.bill {
		background: url(../../images/bill.png) center center no-repeat;
	}	
	.letter {
		background: url(../../images/letter.png) center center no-repeat;
	}
	.wheelchair {
		background: url(../../images/wheelchair.png) center center no-repeat;
	}
	.signLang {
		background: url(../../images/signLang.png) center center no-repeat;
	}
	.publicEnquiries {
		background: url(../../images/publicEnquiries.png) center center no-repeat;
	}
	.shield {
		background: url(../../images/shield.png) center center no-repeat;
	}
	.cell_e {
		background: url(../../images/cell_e.png) center center no-repeat;
	}
	.cell_f {
		background: url(../../images/cell_f.png) center center no-repeat;
	}	
	.greyBallot {
		background: url(../../images/greyBallot.png) center center no-repeat;
	}	
	.onLine {
		background: url(../../images/onLine.png) center center no-repeat;
	}	
	.youthAndElder {
		background: url(../../images/youthAndElder.png) center center no-repeat;
	}
	.youthAndElder1 {
		background: url(../../images/youthAndElder1.png) center center no-repeat;
	}
	.onePerson {
		background: url(../../images/onePerson.png) center center no-repeat;
	}
	.mobilePoll {
		background: url(../../images/mobilePoll.png) center center no-repeat;
	}
	.feedback_e {
		background: url(../../images/feedback_e.png) center center no-repeat;
	}
	.feedback_f {
		background: url(../../images/feedback_f.png) center center no-repeat;
	}	
	.signatureBox {
		background: url(../../images/signatureBox.png) center center no-repeat;
	}
	.safeWorkers {
		background: url(../../images/safeWorkers.png) center center no-repeat;
	}
	.occe {
		background: url(../../images/occe.png) center center no-repeat;
	}		

/* --- Color Classes --- */
	.pink {
		background-color: var(--pink);
	}
	.purple {
		background-color: var(--purple);
	}
	.green {
		background-color: var(--green);
	}
	.black {
		background-color: #000;
	}
	.black h2 {
		color: #fff;	
	}
	.yellow {
		background-color: var(--yellow);
	}
	.blue {
		background-color: var(--blue);
	}	
	.greenBorder {	
		border: 3px solid var(--green);
		margin-bottom: 1em;
		padding-left: 5px;
		width: 99%;
	}
	.purple1Border {	
		border: 3px solid #6b256a;
		margin-bottom: 1em;
		padding-left: 5px;
		width: 99%;
	}
	



/* --- Ordered Colored Incremented Items --- */
	ol.specialOL {
	  counter-reset: specialLI;
	  list-style-type: none;
	}
	ol.specialOL li{
	position: relative;
	padding: 0 0 30px 20px;
	}
	ol.specialOL li::before {
	  counter-increment: specialLI;
	  content: counters(specialLI, "");
	  font-size: 20px;
	  
		position: absolute;
		left: -40px;;
		top: 0px;
		width: 50px;
		height: 50px;
		background-color: #000;
		text-align: center;
		font-weight: bold;
		padding: 10px 0 0 0;
		color: #fff;
		text-shadow: 3px 5px 3px #333;
	}
	ol.specialOL li:nth-child(1)::before {
		background-color: var(--green);
	}
	ol.specialOL li:nth-child(2)::before {
		background-color: var(--blue);
	}
	ol.specialOL li:nth-child(3)::before {
		background-color: var(--pink);
	}
	ol.specialOL li:nth-child(4)::before {
		background-color: var(--yellow);
	}
	ol.specialOL li:nth-child(5)::before {
		background-color: var(--green);
	}
	ol.specialOL li:nth-child(6)::before {
		background-color: var(--purple);
	}
	ol.specialOL li:nth-child(7)::before {
		background-color: var(--blue);
	}

	ol.specialOL1 {
	  counter-reset: specialLI;
	  list-style-type: none;
	}
	ol.specialOL1 li{
	position: relative;
	padding: 0 0 30px 20px;
	}
	ol.specialOL1 li::before {
	  counter-increment: specialLI;
	  content: counters(specialLI, "");
	  font-size: 20px;
	  background-color: var(--green);
	  
		position: absolute;
		left: -40px;;
		top: 0px;
		width: 50px;
		height: 50px;
		background-color: #000;
		text-align: center;
		font-weight: bold;
		padding: 10px 0 0 0;
		color: #fff;
		text-shadow: 3px 5px 3px #333;
	}
	ol.specialOL1 li:nth-child(1)::before {
		background-color: #c9862d;
	}
	ol.specialOL1 li:nth-child(2)::before {
		background-color: #c9862d;
	}
	ol.specialOL1 li:nth-child(3)::before {
		background-color: #c9862d;
	}
	ol.specialOL1 li:nth-child(4)::before {
		background-color: #c9862d;
	}
	ol.specialOL1 li:nth-child(5)::before {
		background-color: #c9862d;
	}
	ol.specialOL1 li:nth-child(6)::before {
		background-color: #c9862d;
	}
	ol.specialOL1 li:nth-child(7)::before {
		background-color: #c9862d;
	}

	ol.specialOL2 {
	  counter-reset: specialLI;
	  list-style-type: none;
	}
	ol.specialOL2 li{
	position: relative;
	padding: 0 0 30px 20px;
	}
	ol.specialOL2 li::before {
	  counter-increment: specialLI;
	  content: counters(specialLI, "");
	  font-size: 20px;
	  background-color: var(--green);
	  
		position: absolute;
		left: -40px;;
		top: 0px;
		width: 50px;
		height: 50px;
		background-color: #000;
		text-align: center;
		font-weight: bold;
		padding: 10px 0 0 0;
		color: #fff;
		text-shadow: 3px 5px 3px #333;
	}
	ol.specialOL2 li:nth-child(1)::before {
		background-color: #690b33;
	}
	ol.specialOL2 li:nth-child(2)::before {
		background-color: #690b33;
	}
	ol.specialOL2 li:nth-child(3)::before {
		background-color: #690b33;
	}
	ol.specialOL2 li:nth-child(4)::before {
		background-color: #690b33;
	}
	ol.specialOL2 li:nth-child(5)::before {
		background-color: #690b33;
	}
	ol.specialOL2 li:nth-child(6)::before {
		background-color: #690b33;
	}
	ol.specialOL2 li:nth-child(7)::before {
		background-color: #690b33;
	}

/* --- List with specific bullet icons --- */	
	ul.fancy {
	  list-style-type: none;
	}
	ul.fancy li{ 
		margin: 10px 0px;
		padding: 0px 0px 0px 60px;
		min-height: 50px;
		line-height: 18px;	
	}
	ul.fancy li:nth-child(1) {
		background: url(../../images/greyBallot_50_green.png) left center no-repeat;
	}
	ul.fancy li:nth-child(2) {
		background: url(../../images/braille_50_yellow.png) left center no-repeat;
	}
	ul.fancy li:nth-child(3) {
		background: url(../../images/brailleVoting_50_pink.png) left center no-repeat;
	}
	ul.fancy li:nth-child(4) {
		background: url(../../images/magnifier_50_blue.png) left center no-repeat;
	}
	ul.fancy li:nth-child(5) {
		background:  url(../../images/signLanguage_50_pink.png) left center no-repeat;
	}
	ul.fancy li:nth-child(6) {
		background: url(../../images/assist_50_purple.png) left center no-repeat;
	}
	ul.fancy li:nth-child(7) {
		background: url(../../images/pencil_50_green.png) left center no-repeat;
	}
	ul.fancy li:nth-child(8) {
		background: url(../../images/signatureBox_50_yellow.png) left center no-repeat;
	}

	ul.fancy1 {
	  list-style-type: none;
	}
	ul.fancy1 li{ 
		margin: 10px 0px;
		padding: 0px 0px 0px 60px;
		min-height: 50px;
		line-height: 18px;	
	}
	ul.fancy1 li:nth-child(1) {
		background: url(../../images/greyBallot_50_green1.png) left center no-repeat;
	}
	ul.fancy1 li:nth-child(2) {
		background: url(../../images/braille_50_yellow1.png) left center no-repeat;
	}
	ul.fancy1 li:nth-child(3) {
		background: url(../../images/brailleVoting_50_pink1.png) left center no-repeat;
	}
	ul.fancy1 li:nth-child(4) {
		background: url(../../images/magnifier_50_blue1.png) left center no-repeat;
	}
	ul.fancy1 li:nth-child(5) {
		background:  url(../../images/signLanguage_50_pink1.png) left center no-repeat;
	}
	ul.fancy1 li:nth-child(6) {
		background: url(../../images/assist_50_purple1.png) left center no-repeat;
	}
	ul.fancy1 li:nth-child(7) {
		background: url(../../images/pencil_50_green1.png) left center no-repeat;
	}
	ul.fancy1 li:nth-child(8) {
		background: url(../../images/signatureBox_50_yellow1.png) left center no-repeat;
	}

/* --- Table of content --- */
	ul.tblOfContent {
	  list-style-type: none;
	  padding-bottom:1em;
	}
	ul.tblOfContent li{ 
		margin: 10px 0px;
		padding: 0px 0px 0px 40px;
		min-height: 20px;
		line-height: 18px;

	}
	ul.tblOfContent li a{
		font-size: 1.3em;
		font-weight: bold;
		color: #000;
	}
	ul.tblOfContent li::before{ 
		content: '';
		background: var(--pink) url(../../images/checkBoxSmall.png) left center no-repeat;
		position: relative;
		top: 3px;
		left: -11px;
		height: 25px;
		width: 25px;
		display: inline-block;
	}	
	ul.tblOfContent li:nth-child(2n+2)::before{
		background-color: var(--yellow);	
	}
	ul.tblOfContent li:nth-child(3n+3)::before{
		background-color: var(--purple);	
	}
	
	ul.tblOfContentIndi li::before{ 
		background-color: var(--blue) ;
	}
	ul.tblOfContentIndi li:nth-child(2n+2)::before{
		background-color: var(--purple);	
	}
	ul.tblOfContent li:nth-child(3n+3)::before{
		background-color: var(--green);	
	}	
	

.row>div.six {	padding:0px 0px 0px 50px; }
.row>div.six:nth-child(2) {
	border-left: 2px solid #aaa;
}

section{
	outline: 1px solid #999;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	padding: 0px 0px 0px 0px;
}