/* override common .css here */

/*css variables begin */
:root 
{
	
	/* custom colors/shades */
	
	--colorBlack: #000000; 
	--colorWhite: #ffffff; 	
	
	--colorGeyDark: #5c5c5c; 
	--colorGey: #c0c0c0; 
	--colorGeyLight: #e6e6e6; 	
	
	--colorRedDark: #aa3428; 
	--colorRed: #e9311a; 
	--colorRedLight: #ff6464; 
	
	--colorOrangeDark: #f1691d; 
	--colorOrange: #ed6335; 
	--colorOrangeLight: #ffb164; 
	
	--colorYellowDark: #9b9b00; 
	--colorYellow: #f89e1e; 
	--colorYellowLight: #ffff64; 
	
	--colorGreenDark: #009b00; 
	--colorGreen: #00ff00; 
	--colorGreenLight: #64ff64; 
	
	--colorBlueDark: #033655; 
	--colorBlue: #064c72;   
	--colorBlueLight: #016685; 
	
	--colorPurpleDark: #5a0a8c; 
	--colorPurple: #a020f0; 
	--colorPurpleLight: #cc84f7; 
	
	
	
	/* client specific logo colors for the buttons, button text, headings, headings text colors only */
	/* use the css color variables below for the buttons, button text, headings, headings text colors only */
	
	--customButtonColor: var(--colorOrange); 
	--customButtonColorText: var(--colorWhite); 
	
	--customButtonColorOnHover: var(--colorYellow); 
	--customButtonColorOnHoverText: var(--colorBlack); 
	
	--customHeadingColor: var(--colorBlue); 
	--customHeadingColorText: var(--colorWhite); 
	
		
}
/*css variables end */



/* all pages */
body_out{
	background-color: var(--colorBlueLight) !important;
	background-image: -webkit-linear-gradient(top,var(--colorBlueDark) 0,var(--colorBlueLight) 100%);
	background-image: linear-gradient(to bottom,var(--colorBlueDark) 0,var(--colorBlueLight) 100%);
	background-repeat: repeat-x;	
}

/* all pages - button color */
 .btn-primary, .btn-primary {
  background-color: var(--customButtonColor);
  color: var(--customButtonColorText);
}

/* all pages - button color on hover */
.btn-primary:focus, .btn-primary:hover {
  background-color: var(--customButtonColorOnHover);
  color: var(--customButtonColorOnHoverText);
}

/* demo page - demo heading bar color */
.democ fieldset.demFIE legend {
	background-color: var(--customHeadingColor) !important;
	color: var(--customHeadingColorText) !important;
}

/* regtype/option2 page - registration and option heading bars color */
.card.rgtc h4.rgtc_h {
	background-color: var(--customHeadingColor) !important;
	color: var(--customHeadingColorText) !important;
}

/* event explorer page - heading bar color */
.table thead th {
	background-color: var(--customHeadingColor) !important;
	color: var(--customHeadingColorText) !important;
}

/* event explorer page - day tabs heading color */
.EE_Dbut_sp {
	background-color: var(--customHeadingColor) !important;
	color: var(--customHeadingColorText) !important;
}

/* event explorer page - day tabs color heading on hover */
.EE_Dbut_sp:hover {
	background-color: var(--customHeadingColor) !important;
	color: var(--customHeadingColorText) !important;
}

/* event explorer page - active day tabs heading color on active*/
.EE_Dbut_sp.active, .EE_Dbut_sp.active:hover {
	background-color: var(--customButtonColor) !important;
	color: var(--customHeadingColorText) !important;
}

/* event explorer page - page box button color */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: var(--customButtonColor) !important;
	color: var(--customButtonColorText);
}

/* event explorer page - session detail popup heading bar color */
.EEPopMenu {
	background-color: var(--customHeadingColor) !important;
	color: var(--customHeadingColorText) !important;
}

/* event explorer page - session detail popup heading bar color */
.EEPopMenuIt.active, .EEPopMenuIt.active:hover {
	background-color: var(--customHeadingColor) !important;
	color: var(--customHeadingColorText) !important;
}

/* verification/modify pages - edit information button color */
div#sideContent .alert input[type="submit"], div#sideContent .alert input[type="button"] {
  background-color: var(--customButtonColor);
  border-color: var(--customButtonColor);
  color: var(--customButtonColorText);
}

/* verification/modify pages - edit information button color on hover */
div#sideContent .alert:hover input[type="submit"], div#sideContent .alert:focus input[type="button"] {
  background-color: var(--customButtonColorOnHover);
  border: 1px solid var(--customButtonColorOnHover); 
  color: var(--customButtonColorOnHoverText);
}

/* verification/modify pages - left side information button color */
.nav-pills.veri > li.active > a, .nav-pills.veri > li.active > a:hover, .nav-pills.veri > li.active > a:focus {
  background-color: var(--customButtonColor);
  color: var(--customButtonColorText);
}

/* verification/modify pages - right side heading information bars color */
div#sideContent .alert {
	background-image: none !important; 
	background-color: var(--customHeadingColor);
	color: var(--customHeadingColorText) !important;
}
  
/* add/verification/modify pages - badge bars heading color */
div.badge-explosion, .panel-primary > .panel-heading {
	background-image: none !important; 
	background-color: var(--customHeadingColor) !important;
	border-color: var(--customHeadingColor) !important;
	color: var(--customHeadingColorText) !important;
}