:root{
--primary: #427e93;
--blue: #427e93;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--gray-light: #f7f7f7;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #FFC33B;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--black: #000;
--green: #1a7746;
--yellow: #e5e500;
--orange: #FFA500;
--red: #C80000;
--red1: #fee5d9;
--red2: #fcae91;
--red3: #fb6a4a;
--red4: #f4a582;
--red5: #ca0020;
--blue1: #eff3ff;
--blue2: #bdd7e7;
--blue3: #6baed6;
--blue4: #92c5de; 
--blue5: #0571b0;


}
html {
   height: 100%;
}
.btn-primary{
   background-color: #427e93;
   background-color: #427e93;
}
#submissionform{
	border-style: solid;
	border-width: 1px;
	background-color: rgba(82,117,139,.5);
}
#title{
	font-size: large;
	color: white;
	background-color: rgba(82,117,139,.5);
}
.stats_table{
}
.stats_id_row{
}
.row_header{
	border-radius: 18px 18px 0px 0px;
	text-align: center;
	font-weight: bold;
	background-color: rgba(82,117,139,.5);
	font-size: 1.25em;
}
.row_subheader{
	text-align: center;
	background-color: #c1d0de;
	font-size: 1.1em;
}
.row_data{
}

.stats_stats_table{
	display: table;
	width: 100%;
}

.stats_stats_param{
	padding: 1px 2px 1px 4px;
	text-align: left;
	vertical-align: top;
	font-size: 18px;
}

.stats_stats_param2{
	padding: 1px 2px 1px 4px;
	text-align: left;
	vertical-align: top;
	color: white;
	font-size: 18px;
}
.stats_stats_value{
	padding: 1px 4px 1px 2px;
	text-align: center;
	vertical-align: top;
	font-size: 18px;
}
.stats_stats_value2{
	padding: 1px 4px 1px 2px;
	text-align: center;
	vertical-align: top;
	color: white;
	font-size: 18px;
}

.stats_stats_wx_color0{
	background-color: #d4d4d4;
}
.stats_stats_wx_color1{
	background-color: #e5e5e5;
}

.stats_stats_wx_color2{
	background-color: #1e8f54;
}

.stats_stats_wx_color3{
	background-color: #e5e500;
}

.stats_stats_wx_color4{
	background-color: #FFA500;
}
.stats_stats_wx_color5{
	background-color: #FF0000;
}

.stats_stats_wx_color6{
	background-color: #000000;
}

.stats_id_row_footer{
	height: 6px;;
	padding-top: 3px;
	background-color: #F3F3F3;
	border-radius: 0px 0px 18px 18px;
	border-bottom: 2px solid #849EB7;
	text-align: center;
}

#stats_id_old{
	display: inline-block;
	float: left;
	width: 35%;
	//margin: 20px 0px 0px 0px;
	//width: 280px;
} 
#piechart{
	display: inline-block;
	float: left;
	width: 35%;
	height: 450px;
	margin: 0 auto;
}
.wbgt_subpanel_link{
	color: rgba(82,117,139,1);
}
#effects{
	text-align: center;
}
/* BS items */
.bg-green{
	background-color: var(--green) !important;
}
.bg-yellow{
	background-color: var(--yellow) !important;
}
.bg-orange{
	background-color: var(--orange) !important;
}
.bg-red{
	background-color: var(--red) !important;
}
.bg-black{
	background-color: black !important;
}

.bg-gray{
	background-color: var(--gray) !important;
}

.bg-red1{
	background-color: var(--red1) !important;
}
.bg-red2{
	background-color: var(--red2) !important;
}
.bg-red3{
	background-color: var(--red3) !important;
}
.bg-red4 , tr.bg-red4 > td{
	background-color: var(--red4) !important;
}
.bg-red5{
	background-color: var(--red5) !important;
}

.bg-blue1{
	background-color: var(--blue1) !important;
}
.bg-blue2{
	background-color: var(--blue2) !important;
}
.bg-blue3{
	background-color: var(--blue3) !important;
}
.bg-blue4, tr.bg-blue4 > td{
	background-color: var(--blue4) !important;
}
.bg-blue5{
	background-color: var(--blue5) !important;
}
.toggle.collapsed > .collapse-arrow{
  display: inline-block;
  rotate: 0deg;
}
.toggle:not(.collapsed) > .collapse-arrow{
  display: inline-block;
  rotate: 180deg;
}
.even{
	background-color: #e5e5e5;
}
.stripe:nth-child(even){
  background-color: #f0f0f0;
}