/*Ei themes
primary: #C61F16
Primary Hover: #850001
Secondary: #EEEEEE
Text Color: #000000
Button Text: #ffffff
 */
 
/*Ei Theme overrides*/
.row dd, dt	 {padding-top: 10px!important; }

.jumbotron-main		 {color: white; text-shadow: black 0.2em 0.2em 0.2em;  opacity: 0.5; filter: alpha(opacity=50); background-color: #C61F16; background-image: url('/Organisation/Images/Header_Image.jpg'); background-size: cover; }
/*.jumbotron-main		{color: white; text-shadow: black 0.2em 0.2em 0.2em; background:transparent; background-color: #C61F16; background-size: cover; }*/
.jumbotron		 		{padding-bottom: 30px !important; padding-top: 30px !important;}
 footer a		 		{text-decoration:none !important;}
.card-header a			{color: #000000 !important;}
.card-header a:hover	{color: #C61F16 !important;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #ffffff !important;}


/*Ei Theme overrides end*/
 /*default.asp org banners*/
.jic-class 	{color: #2C2C48 !important; background-color: #B6B7CB !important; text-align: center !important;}
.qib-class	{color: #333F48 !important; background-color: #B5BD00 !important; text-align: center !important;}
.nbi-class	{color: #EEEEEE !important; background-color: #4A5B6B !important; text-align: center !important;}
.ei-class	{color: #ffffff !important; background-color: #C61F16 !important; text-align: center !important;}

/* Appointees CSS */
/*body									{padding-left: 10px;}*/
.page-title								{font-size: 20pt; font-weight: bold; }
.page-sub-title						{font-weight: bold;}
.page-text								{Font-size: 11pt}
.delete-container,
.UnderConstruction,
.page-error-container, 
.file-upload-error-container		{background-color: salmon; color: white; padding: 5px; font-weight: bold;}
.complete-container 					{background-color: darkseagreen; color: white; padding: 5px; font-weight: bold;}
.page-error-container				{display: none;}
.file-upload-error-container		{display: inline-block;}
.file-upload-display-container	{display: inline-block; border: 1px dashed lightslategray; padding: 3px;}
.element-fail							{border: 4px solid salmon; padding: 3px;}
::-webkit-input-placeholder 		{color: black;}
:-moz-placeholder 					{color: black;}/* Firefox 18- */
::-moz-placeholder 					{color: black;}/* Firefox 19+ */
:-ms-input-placeholder 				{color: black;}
.buttonlike 							
{
	appearance: button;
	-moz-appearance: button;
	-webkit-appearance: button;		
	text-decoration: none; font: menu; color: ButtonText;
	display: inline-block; padding: 2px 10px;
}
.accordion 								
{	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;				
	font-size:9px;
	font-weight:bold;
	padding:3px;
	text-align: left;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin-bottom: 4px;
	width: 97%;
	vertical-align: Middle;
}
.accordion:before 					{content: "\f067"; font-size: 24px; float: left; margin-right:8px; margin-left:6px; margin-top:3px; vertical-align: Middle; text-decoration:none;font-family: FontAwesome;}
.accordion.active:before 			{content: "\f068"; font-family: FontAwesome;}
.panel 									{padding: 0 18px;	background-color: white; max-height: 0; overflow: hidden; transition: 0.6s ease-in-out; opacity: 0; border: solid; border-color: white;}
.panel.show 							{opacity: 1; max-height: 13000px; overflow: visible;}