html
{
  scroll-behavior: 		smooth;
}

body
{
  padding-top: 				7rem;
}

.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;
  vertical-align:     middle;
}

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

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

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

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

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

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

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

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

.row-darkgreen-max
{
	background-color:    #507A21;
	color:			  			 #FFFFFF;
  vertical-align:      middle !important;
}

.row-darkgreen-min
{
	background-color:    #93D04F;
	color:			  			 #343A40;
  vertical-align:      middle !important;
}

.row-darkgreen-med
{
	background-color:    #72a538;
	color:			  			 #343A40;
  vertical-align:      middle !important;
}

.row-green-max
{
	background-color:    #93D04F;
	color:               #343A40;
  vertical-align:      middle !important;
}

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

.row-green-med
{
	background-color:    #b1dd80;
	color:               #343A40;
  vertical-align:      middle !important;
}

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

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

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

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

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

.row-pink-med
{
	background-color:    #d9b3ff;
	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;
}

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

canvas.mg-sparklines
{
  display:              inline-block;
  /*border:             3px solid red;*/
  margin:               5px 0px 0px 0px;
  width:                100px;
  height:               25px !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-m
{
	font-size: 			1rem;
	line-height: 		1rem;
}

div.mg-value-l
{
	font-size: 			2rem;
	line-height: 		2rem;
}

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

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

.cursor-pointer
{
	cursor: pointer;
}

.quasi-nav-link
{
	color: rgba(255, 255, 255, .55) !important;
	text-decoration: none;
}

.quasi-nav-link:hover, .quasi-nav-link:focus, .quasi-nav-link.active
{
	color: rgba(255, 255, 255, .75) !important;
	text-decoration: none;
}

sup 
{
	vertical-align: super;
    font-size: 0.8rem;	
}