html {
  scroll-behavior: smooth;
}


.btn-mytessin {
	background: rgba(118, 92, 76, 1);
	border-color: rgba(178, 178, 178, 1);
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	border-radius: 0px;
	border-width: 5px;
	border-color:  rgba(255, 255, 255, 1);
	outline: none !important;
	text-align: left;
	white-space: normal;
	word-wrap: normal;
	box-shadow: none;
	width: 100px;
	height: 100px;
}


.button-container {
	display: -webkit-flex;
	display: -ms-flex;
	display: -moz-flex;
	-webkit-flex-flow: row wrap; /* Safari 6.1+ */
	display: flex;
	flex-flow: row wrap;	
}


.imageDashboard {
	width: 100%;
}


.popover-title {
	font-family: gill-light, sans-serif;
	font-size: 12pt;
	color: #ffffff;
	background-color: #dd0000;
}


.nachrichtenheader {
    font-weight: bold;
}


.slidecontainer {
	width: 100%; /* Width of the outside container */
}


.slider {
	-webkit-appearance: none;
	width: 100%;
	height: 10px;
	border-radius: 3px;   
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 24px;
	height: 24px;
	border-radius: 50%; 
	background: #765C4C;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #765C4C;
	cursor: pointer;
}