.maxWidth {
	width: 100%;
}

/*
body::-webkit-scrollbar {
  width: 12px;														// width of the entire scrollbar
}

body::-webkit-scrollbar-track {
  background: #fff;												// color of the tracking area
}

body::-webkit-scrollbar-thumb {
  background-color: hsl(204, 86%, 53%);		// color of the scroll thumb
  border-radius: 20px;       							// roundness of the scroll thumb
  border: 2px solid #fff;									// creates padding around scroll thumb
}
*/


.loading[data-dash-is-loading="true"]{
  visibility: hidden;
	max-height: 400px;
}
.loading.book[data-dash-is-loading="true"]:before{
	visibility: visible;
	content: url(/static/animation/searching-folder.gif);
	display: flex;
	justify-content: center;
}
.loading.chart[data-dash-is-loading="true"]::before{
	visibility: visible;
	content: url(/static/animation/barChart.gif);
	transform: scale(0.7);

  padding-top: 50px;
	display: flex;
	align-items: center;
  justify-content: center;
}

lottie-player{
	 margin: auto;
}

.sticky	{
	position: sticky;
  top: 30px;
}

#board5_network canvas , #board6_network canvas{
  top:0;
  left:0;
}

.DateRangePickerInput__withBorder, #DB-selector .Select-control {
	border: 2px solid #3298dc !important;
	height: 50px;
}

#DB-selector .Select-value{
	padding-top: 6px;
}

.Select-value-label{
	font-size: 19px;
}

.CalendarDay__selected_span {
  background: hsl(204, 86%, 53%);
  border: 1px double hsl(204, 86%, 63%);
  color: #fff;
}

.CalendarDay__selected_span:hover {
  background: hsl(204, 86%, 73%);
}


.CalendarDay__selected {
	background: hsl(217, 71%, 53%) !important;
	border: 1px double hsl(217, 71%, 63%) !important;
	color: #fff;
}

.CalendarDay__selected:hover {
	background: hsl(217, 71%, 43%) !important;
}


.DateInput_input__focused {
  border-bottom: 2px solid hsl(217, 71%, 43%);
}

.DateInput_input {
	text-align: center;
}