.page-body {
  overflow:hidden;
}
/*
* {
  outline: 1px solid red !important;
}
  */
  

.myModal{
  position:fixed;
  top:0;
  left:0;
  z-index:1050;
  width:100% !important;
  max-width:100% !important;
  height:100%;
  overflow:hidden;
  background-color: rgba(0,0,0,.4);
  outline:0
}

.zBottomContainer {
	display: grid;
	grid-template-columns: repeat(7, 1fr); /* Creates 7 equal columns */
	width: 95%; /* Container takes full width */
	gap: 1px; /* Optional gap between columns */
	padding: 3px 0 0 0; /* Optional padding around the grid */
	background-color: gainsboro;

}

.zBottomColumn {
	display: flex; /* Use flexbox for centering and sizing */
	justify-content: center; /* Center horizontally */
	align-items: center; /* Center vertically */
	height: 100%; /* Ensure column takes full height if needed */
}

.zBottomSvg {
	width: 50px;
	height: 80px;
	max-width: 100%; /* Prevent SVG from exceeding column width */
	max-height: 100%; /* Prevent SVG from exceeding column height if needed */
	display: block; /* Prevents small space below inline SVGs */
}

.zBottom{
	max-width: 50% !important;
	margin: 0 0 0 30% !important;
}

.zuser-avatar-0 { background-color: #43044B !important}
.zuser-avatar-1 { background-color: #41D942 !important}
.zuser-avatar-2 { background-color: #3B3BDC !important}
.zuser-avatar-3 { background-color: #9B6856 !important}
.zuser-avatar-4 { background-color: #DE8929 !important}
.zuser-avatar-5 { background-color: #D01840 !important}
.zuser-avatar-6 { background-color: #49CDC4 !important}
.zuser-avatar-7 { background-color: #5E529D !important}
.zuser-avatar-8 { background-color: #469E5C !important}
.zuser-avatar-9 { background-color: #AA4BC0 !important}
.zuser-avatar-10 { background-color: #E54C27 !important}
.zuser-avatar-11 { background-color: #31473B !important}


.zuser-tag {
  display: inline-flex;
  align-items: center;
  border-radius: 20px;
  font-size: 0.9rem;
  color: #333;
  margin-right:0;
}

.zuser-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%; /* Runde Avatare */
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  margin-right: 0.5rem; /* Abstand zwischen Avatar und Namen */
}

.ztag-name {
  font-weight: 500;
  /* background-color: #e3f2fd;*/
  border-radius: 5px;

}

.ztag-count {
  font-size: 0.8rem;
  color: #666;
  margin-left: 0.25rem;
}

.zRow{
  width: 100%;
  max-width: 100%;
}



@media only screen and (max-width: 600px) {
.zBottom{
	max-width: 100% !important;
	margin: 0 !important;
}
}

.zBgColorGainsboro
{
  background-color: gainsboro !important;
}

.zBgColorGhostWhite
{
  background-color: ghostwhite !important;
}

.zColorDanger
{
  color:#dc3545 !important;
}

.zColorPrimary
{
  color:#0d6efd !important;
}

.zColorInfo
{
  color:#0dcaf0 !important;
}

.zColorSecondary
{
  color:#6c757d !important;
}
.zColorSuccess
{
  color:#198754 !important;
}

.zColorWarning
{  
  color:#ffc107 !important;
}

.zColorDim
{
  color:lightgrey !important;
}


<!-- w3 color scheme indigo >
.w3-theme-l5 {color:#000 !important; background-color:#f3f4fb !important}
.w3-theme-l4 {color:#000 !important; background-color:#d8dcf1 !important}
.w3-theme-l3 {color:#000 !important; background-color:#b1b8e3 !important}
.w3-theme-l2 {color:#fff !important; background-color:#8995d6 !important}
.w3-theme-l1 {color:#fff !important; background-color:#6271c8 !important}
.w3-theme-d1 {color:#fff !important; background-color:#3949a3 !important}
.w3-theme-d2 {color:#fff !important; background-color:#334191 !important}
.w3-theme-d3 {color:#fff !important; background-color:#2d397f !important}
.w3-theme-d4 {color:#fff !important; background-color:#26316d !important}
.w3-theme-d5 {color:#fff !important; background-color:#20295b !important}

.w3-theme-light {color:#000 !important; background-color:#f3f4fb !important}
.w3-theme-dark {color:#fff !important; background-color:#20295b !important}
.w3-theme-action {color:#fff !important; background-color:#20295b !important}

.w3-theme {color:#fff !important; background-color:#3f51b5 !important}
.w3-text-theme {color:#3f51b5 !important}
.w3-border-theme {border-color:#3f51b5 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#3f51b5 !important}
.w3-hover-text-theme:hover {color:#3f51b5 !important}
.w3-hover-border-theme:hover {border-color:#3f51b5 !important}