/*****************************/
	/*         Generic Items           */
	/****************************/
	
.test {
	background-color : yellow;
}

	body{
		line-height: 1.5;
		font-size: 16px;
		background-color : #f0f0f0;
	}
	
	body, h1, h2, h3, h4, h5 {
		font-family: "Poppins", sans-serif;
	}
	
	
	
	h1 {font-size:2.0em;line-height:2;margin-bottom:0.5em;}
	
	h2 {font-size:1.8em;margin-bottom:0.75em;margin-top:1em;}
	
	h3 {font-size:1.4em;line-height:1.4;margin-bottom:.5em;margin-top:1em;}
	
	h4 {font-size:1.2em;line-height:1.2;margin-bottom:.5em;margin-top:.5em;}
	
	h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
	
	h6 {font-size:1.2em;font-weight:bold;text-align:left; color:black; padding-top:15px; padding-bottom:5px;}
	
	p, a, li, td, th{
		font-size: 16px;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	p {margin:0 0 1.5em;}
	
	input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {
		background-color:#fff;
		border:1px solid #bbb;
		color:#000;
	}
	
	input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {
		border-color:#666;
	}
	
	select {
		background-color:#fff;
		border-width:1px;
		border-style:solid;
		font-size: 16px;	
		max-width : 100%;
	}
	
	input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {
		margin:.5em 0;
		color : black;
		background-color: lightyellow;
	}
	
	
	input {
		color : black !important;
		max-width : 100%;
	}
	
	table {
		width : 100%;
	}
	
	th, td, .row-table {padding:0.2em 0.2em 0.2em 0.2em ; }
	
	textarea {
		width:100%;
		height:250px;
		padding:5px;
	}
	
	.text-shadow {
		text-shadow: 2px 2px silver;
	}
	
	.date {
		width : 100px;
	}

	.time {
		width : 50px;
	}
	
	.thispage {
	       padding-bottom : 50px;
	       padding-left : 20px;
	       padding-right : 20px;
	}

	@media only screen and (max-width: 767px){
		
		.thispage {
			margin-left : 0;
			margin-right : 0;
			padding-left : 0;
			padding-right : 0;
		}
		
		.thispage h2 {
			padding-left : 10px;
		}
	}
	
	
	.std-panel {
		padding : 20px 20px 20px 20px;
		border-radius : 10px;
		background-color : var(--color-background) !important;
		/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
		margin-bottom : 20px;
		/*min-height : 500px;*/
	}

	.noaccess-panel {
		clear : both;
		float : left;
		width : 90%;
		margin : 20px 20px 20px 20px;
		padding : 20px 20px 20px 20px;
		border-radius : 10px;
		background-color : var(--color-message-background) !important;
		border-color : var(--color-message-border) !important;
		border : 2px solid;
		/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
		margin-top : 40px !important;
		/*min-height : 500px;*/
	}
	
	.noaccess-message {
		margin-left : 15%;	
	}
	
	.noaccess-icon {
		width : 10%;
		margin-right : 20px;
		padding-bottom : 20px;
		float : left;
	}
	
	@media only screen and (max-width: 767px){
		
		.std-panel {
			padding : 10px 10px 10px 10px;
			border-radius : 0;
		}
	}
	
	
	.blank {
		background-color : white;
	}

	.fa-checkbox-label {
	}
	
	.fa-checkbox {
		font-size: 28px;
		width : 33px;
		float : left;
		margin-top : -2px;
		margin-left : 5px;
	}
	
	.stdcheckbox {							/* A normal checkbox */
		font-size: 30px;
		width : 33px;
	}
      
	.icon-EC {
		width : 20px;
		display : inline-block;
		margin-right : 5px;
		margin-left : 5px;
		margin-top : 0px;
		padding-top : 0px;
		vertical-align: top;	
	}	
	
	.wrap-click-icon {
		margin-left : 5px;
		text-indent :  -5px;
		display : block;
	}
	
	.wrap-EC-icon {
		margin-left : 30px;
		text-indent :  -30px;
		display : block;
	}	
	
	p.error, div.error {
		width : 100%;
		background-color : var(--color-error-background);
		border : 1px solid var(--color-error-border);
		color : black;
		padding : 20px 10px 20px 10px;
		border-radius : 10px;
		margin-top : 10px;
		margin-bottom : 10px;
		text-align: center
	}
	
	p.success, div.success {
		width : 100%;
		background-color : var(--color-success-background);
		border : 1px solid var(--color-success-border);
		color : black;
		padding : 20px 10px 20px 10px;
		border-radius : 10px;
		margin-top : 10px;
		margin-bottom : 10px;
		text-align: center
	}

	p.message, div.message {
		width : 100%;
		background-color : var(--color-message-background);
		border : 1px solid var(--color-message-border);
		color : black;
		padding : 20px 10px 20px 10px;
		border-radius : 10px;
		margin-top : 10px;
		margin-bottom : 10px;
		text-align: center
	}

	p.illegalaccess, div.illegalaccess {
		width : 80%;
		background-color : var(--color-error-background);
		border : 1px solid var(--color-error-border);
		color : black;
		padding : 20px 10px 20px 10px;
		border-radius : 10px;
		margin-top : 10px;
		margin-bottom : 10px;
		text-align: center;
		margin-left : 10%;
		margin-right : 10%;
	}
	
	/*****************************/
	/*         Common styles         */
	/****************************/
	
	
	.center {
		text-align : center;
	}
	
	.right {
		float : right;
	}
	
	.left {
		float : left;
	}
	
	.clear {
		clear : both;
	}
	
	.vtop {
		vertical-align: top;
	}
	
	.nopadding {
		padding : 0;
	}
	
	.nomargin {
		margin : 0;
	}
	
	.nospacing {
		padding : 0;
		margin : 0;
	}
	
	.nospacing-top {
		padding-top : 0 !important;
		margin-top : 0 !important;
	}
	
	.nospacing-bottom {
		margin-bottom : 0 !important;
		padding-bottom : 0 !important;
	}
	
	.nopadding-top {
		padding-top : 0 !important;
	}
	
	.nopadding-bottom {
		padding-bottom : 0 !important;
	}
	
	.nomargin-top {
		margin-top : 0 !important;
	}
	
	.nomargin-bottom {
		margin-bottom : 0 !important;
	}
	
	.noborder {
		border : 0 !important;
	}
	
	.border-bottom {
		border-bottom : 1px solid silver;
	}	
	
	.spacer {
		margin-top : 50px;
	}
	
	.nowrap {
		white-space: nowrap;
	}
	
	.inline {
		display : inline-block;
	}
	
	.clickable {
		cursor: pointer;
	}
	
	.hide {
	      display: none;
	}
	
	.green-check {
		color : green;
	}
	
	.nobullet {
		list-style-type: none;
		background-color : yellow;
	}
	
	.color-primary {
		color : var(--color-primary) !important;
	}
	
	.color-secondary {
		color : var(--color-secondary) !important;
	}
	
	.strong {
		font-weight : bold;
	}
	
	.color-background {
		background-color : var(--color-background) !important;
	}
	
	.shadow {
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	
	.wow {					/* This prevents the flicker on wow media */
		visibility: hidden;
	}	

	
	.absolute {					/* Used in get node */
		position : absolute;
		top : 0;
		left : 0;
	}

	.relative {
		position : relative;
	}
	
	.pointer:hover {
		cursor: pointer;
	}

	

	/*******************************/
	/* Specail Responsive Functions */
	/*******************************/
	
	
	.mobileonly, .mobileonlyinline {
		display : none !important;
	}
		
	@media only screen and (max-width: 767px){
		
		.desktoponly {
			display : none !important;
		}
		
		.mobileonly {
			display : block !important;
		}	
	
		.mobileonlyinline {
			display : inline-block !important;
		}	
	}
	
	
	/*****************************/
	/*         Navigation bar          */
	/****************************/
	
	.navbar {						/* The color bar at the top of the screen */
		margin-bottom: 0;
		border : 0;
		border-radius : 0;
		background-color: var(--navbar-color);
		font-size: 12px !important;
		line-height: 1.42857143 !important;
		letter-spacing: 0px;
		font-weight : bold;
		padding-top : 0px;
		border-bottom : 2px solid grey;
	}
	
	.navbar-right {
		text-align : right;
	}
	.navbar li {					/* Make the menu items fit on the menu */
		padding : 0;
	}
	
	.navbar-nav li a {				/*Set the colour of the text in the nav bar*/
		color : white !important;
		text-decoration: none !important;
	}
	
	.navbar-nav li:hover {				/* When we highlight the option in the navbar change the background to white */
		/*background-color : white;	*/
	}
	
	.navbar-nav li a:hover {			/* When we highlight the option in the navbar change the text color to black */
		background-color : white !important;
		color : black !important;
	}
	
	.navbar-toggle {				/* This removes the border from the minimised menu */
		border : 0;
		margin-left : 10px;
	}
	
	.navbar-toggle:hover {			/* When we hover over the minimised menu, dont change the background */
		background-color : transparent !important;
	}
	
	.navbar-toggle a{
		color : white !important;
		text-decoration: none;
		font-size : 13pt !important;
	}
	
	.navbar .icon-bar {				/* This sets the colour of the actual minimise menu bars */
		background-color: white !important;
	}
	
	.navbar-header {				/* This allows the branding image icon to be absolutely positioned */
		position : relative;
	}
	
	.navbar .navbar-logo img{			/* Position the brand logo */
		position : absolute;
		top : 0;
		left : 20px;
		height : 55px;
	}
	
	.navbar-submenu {
		margin-top : -50;	
	}
	
	.navbar-submenu-color {
		background-color : var(--navbar-secondary-color);
	}
	
	.navbar i {						/* These affect the chevrons in awesomefints */
		color : white;
		font-size : 12pt;
	}
	
	.navbar-item {					/* Used in submenus */
		background-color : transparent;
		color : white;
		border : 0;
		font-weight : bold;
		padding-top : 14px;
		padding-bottom : 14px;
		margin-left : 10px;
		margin-top : 0px;
	}
	
	.navbar-item:hover {
		background-color : white;
		color : black !important;
	}
	
	/************************************/
	/*         Button Definitions	              */
	/************************************/
	
	input[type=submit], button,  {		/* Make submit inputs the same as buttons */
		border : 0;
		border-radius : 5px;
		padding-left : 10px;
		padding-right : 10px;
	}
	
	.btn, .button {					/* The default styled button */
		background-color: var(--button-color-default);
		font-size: 16px;
		color : white !important;
/*		box-shadow: 5px 5px 5px #888888;	*/	
	}
	
	.btn:hover, .button:hover {
		background-color : #f0f0f0;
		color : black !important;
	}
	
	.btn-secondary {				/* If we have buttons that are secondary */
		background-color: var(--button-color-secondary);
	}
	
	.button-grey  {		/* this forces secondary buttons */
		border : 0;
		border-radius : 5px;
		padding-left : 10px;
		padding-right : 10px;
		background-color : silver;
	}	
	

	/************************************/
	/*         Wow Functions	              */
	/************************************/	
	
	.wow {
		visibility: hidden;
	}