/* Any custom things added by Matt to the system...
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.welcome_image {
  width: 46%;
  min-width: 200px;
  max-width: 220px;
  height: auto;
}


/*

Custom stuff for my IoT System

*/

.system_control_class {
	background-color: #42A5F5; /*#2196F3;*/
	color: white;
}

.system-control-arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 18px solid #42A5F5;
}

.system-control-arrow-left:hover
{
	border-right: 18px solid #111;
}


.green_class {
	background-color: #66BB6A;
	color: white;
}

.red_class {
	background-color: #ef5350;
	color: white;
}

/*		My custom error background colors !			*/
.has-background-light-error-red
 {
	background-color: #ff9999;
}








.has-background-light-darker{background-color:#e6e6e6!important}





/*

Stuff used in my production system... maybe needs cleaning up !!

*/



.production_class {
	background-color: #42A5F5; /*#2196F3;*/
	color: white;
}

.inventory_class {
	background-color: #8D6E63; /*#795548;*/

	color: white;
}

.sales_class {
	background-color: #66BB6A; /*#4CAF50;*/
	color: white;
}


.admin_class {
	background-color: #ef5350; /*#f44336;*/
	color: white;
}



.production-arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 18px solid #42A5F5;
}

.production-arrow-left:hover
{
	border-right: 18px solid #111;
}



.inventory-arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 18px solid #8D6E63;
}

.inventory-arrow-left:hover
{
	border-right: 18px solid #111;
}



.sales-arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 18px solid #66BB6A;
}

.sales-arrow-left:hover
{
	border-right: 18px solid #111;
}



.admin-arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 18px solid #ef5350;
}

.admin-arrow-left:hover
{
	border-right: 18px solid #111;
}







.is-bold {
	font-weight:bold;
}


.table-has-border {
	border:1px solid;
}




	/* Other supporting div "spacers"	*/
	.break_line_block		{	display: block; height: 0px;	}
	.blank_space_1px		{	display: block; height: 1px;	}
	.blank_space_2px		{	display: block; height: 2px;	}
	.blank_space_3px		{	display: block; height: 3px;	}
	.blank_space_5px		{	display: block; height: 5px;	}
	.blank_space_6px		{	display: block; height: 6px;	}
	.blank_space_10px		{	display: block; height: 10px;	}
	.blank_space_16px		{	display: block; height: 16px;	}
	.blank_space_20px		{	display: block; height: 20px;	}
	.blank_space_30px		{	display: block; height: 30px;	}
	.blank_space_40px		{	display: block; height: 40px;	}
	.blank_space_50px		{	display: block; height: 50px;	}
	.blank_space_60px		{	display: block; height: 60px;	}
	.blank_space_text_bar	{	display: block; height: 3px;	}