html
{
  scroll-behavior: 		smooth;
}

body
{
  padding-top: 				5rem;
}

.table tr td
{
	border-color: 			white;
	border-width: 			0px 0px 2px 0px;
	border-style: 			dotted;
}

.table tr td a
{
	color:							inherit;
}

.jumbotron
{
	position: 					relative;
}

.jumbotron-sm
{
	padding: 						32px 16px 32px 16px;
}

.scrollable-menu
{
    height:           auto;
    max-height:       600px;
    overflow-x:       hidden;
}

.container
{
	width: 							95%;
	max-width: 					95%;
}

.container-fluid
{
	padding: 						0px;
}

.row-light-max
{
	background-color: 	#E4E4E4;
	color:			  			#343A40;
}

.row-light-min
{
	background-color: 	#F8F8F8;
	color:			  			#343A40;
}

.row-light-med
{
	background-color: 	#eeeeee;
	color:			  			#343A40;
}

.row-dark-max
{
	background-color: 	#B0B0B0;
	color:			  			#343A40;
}

.row-dark-min
{
	background-color: 	#D4D4D4;
	color:			  			#343A40;
}

.row-dark-med
{
	background-color: 	#c2c2c2;
	color:			  			#343A40;
}

.row-turquoise-max
{
	background-color: 	#91BFE6;
	color:			  			#343A40;
}

.row-turquoise-min
{
	background-color: 	#DDEBF7;
	color:			  			#343A40;
}

.row-turquoise-med
{
	background-color: 	#b7d5ef;
	color:			  			#343A40;
}

.row-darkgreen-max
{
	background-color:    #507A21;
	color:			  			 #FFFFFF;
}

.row-darkgreen-min
{
	background-color:    #93D04F;
	color:			  			 #343A40;
}

.row-darkgreen-med
{
	background-color:    #72a538;
	color:			  			 #343A40;
}

.row-green-max
{
	background-color:    #93D04F;
	color:               #343A40;
}

.row-green-min
{
	background-color:    #CEEAB0;
	color:               #343A40;
}

.row-green-med
{
	background-color:    #b1dd80;
	color:               #343A40;
}

.row-lightgreen-max
{
	background-color:    #8DC16A;
	color:               #343A40;
}

.row-lightgreen-min
{
	background-color:    #CEEAB0;
	color:			         #343A40;
}

.row-lightgreen-med
{
	background-color:    #aed68d;
	color:			         #343A40;
}

.row-pink-max
{
	background-color:    #C488FF;
	color:               #343A40;
}

.row-pink-min
{
	background-color:    #EEDDFF;
	color:               #343A40;
}

.row-pink-med
{
	background-color:    #d9b3ff;
	color:               #343A40;
}

td.row-total
{
  background-color:     #343A40;
  color:                #FFFFFF;
  font-weight:          bold;
}

td.number, th.number
{
	text-align:						right;
}

div.mg-key
{
	font-size: 						20px;
	line-height: 					20px;
  margin:               0px;
}

div.mg-value
{
	font-size: 						30px;
	line-height: 					30px;
  margin:               0px;
	font-weight:					bold;
}

div.mg-value-big
{
	font-size: 						60px;
	line-height: 					60px;
}

img.mg-canton-flag
{
	height:              20px;
}

.mg-canton-label
{}