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-1-header {
	background-color: #959595;
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-light-1 {
	background-color: #F8F8F8;
	color: #343A40;
	vertical-align: middle !important;
}

.row-dark-negative {
	background-color: #353535;
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-dark-1-header {
	background-color: #7f7f7f;
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-dark-1 {
	background-color: #d4d4d4;
	color: #343A40;
	vertical-align: middle !important;
}

.row-lightgreen-negative {
	background-color: #2a3a20;
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-lightgreen-1-header {
	background-color: #7c8c6a;	 /* +40% shade */
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-lightgreen-2-header {
	background-color: #688055;	 /* +40% shade */
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-lightgreen-3-header {
	background-color: #557440;	 /* +40% shade */
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-lightgreen-1 {
	background-color: #CEEAB0;
	color: #343A40;
	vertical-align: middle !important;
}

.row-lightgreen-2 {
	background-color: #aed68d;
	color: #343A40;
	vertical-align: middle !important;
}

.row-lightgreen-3 {
	background-color: #8DC16A;
	color: #343A40;
	vertical-align: middle !important;
}

.row-pink-negative {
	background-color: #3b294c;
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-pink-1-header {
	background-color: #948f99;	 /* +40% shade */
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-pink-2-header {
	background-color: #8f8599;	 /* +40% shade */
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-pink-3-header {
	background-color: #826b99;	 /* +40% shade */
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-pink-4-header {
	background-color: #795999;	 /* +40% shade */ 
	color: #dfdfdf;
	vertical-align: middle !important;
}

.row-pink-1 {
	background-color: #f7eeff;
	color: #343A40;
	vertical-align: middle !important;
}

.row-pink-2 {
	background-color: #eeddff;
	color: #343A40;
	vertical-align: middle !important;
}

.row-pink-3 {
	background-color: #d9b3ff;
	color: #343A40;
	vertical-align: middle !important;
}

.row-pink-4 {
	background-color: #ca94ff;
	color: #343A40;
	vertical-align: middle !important;
}

td.row-total {
	background-color: #343A40;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle !important;
}

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

td.center, th.center {
	text-align: center;
}


td.chart, th.chart {
	text-align: right;
	width: 40px;
}

td.empty, th.empty {
	width: 100px;
}

canvas.mg-sparklines {
	display: inline-block;
	margin: 5px 0px 0px 0px;
	height: 35px !important;
}

*.mg-subtitle {
	font-size: 20px;
}

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 {	
}

.sk-chase-wrapper {
	margin: 25px 0px;
}