.target-bar-container {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.target-bar-segment {
  padding: 1px 4px;
  text-align: center;
  position: relative;
  font-size: 12px;
  opacity: 0.4; /* Fade non-target colors */
}
.target {
  display: inline-flex;
  padding: 4px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: black;
  position: relative;
  margin-left: -5px;
  margin-right: -5px;
  opacity: 1.0; /* Keep targets fully visible */
  background-color: var(--color);
}
.forecast { 
  border: 1px solid grey;
  z-index: 1;
  border-radius: 50%; /* Circle */
  padding:4px;
}
.block {
  border: 1px solid grey;
  z-index: 1;
  border-radius: 0px; /* Square */
  padding:3px;
}
.combined {
  padding:6px;
  z-index: 1;
  border-top-right-radius: 50% !important; 
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
#staffingDetailsSummary .combined {
    cursor: pointer;
    margin-right: 0px;
    margin-left: 1px;
    border: 3px solid #007AC0;
    display: inline-block;
    padding: 20px;
    font-size: 16px;
}
.active-target {
  font-size: 16px;
  border: 3px solid #007AC0;
  z-index: 2;
  padding:6px;
}
.actual-target {
  border: 3px solid #941100;
}

.pagination-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f9f9f9;
  border-top: 1px solid #ccc;
  padding: 10px 0;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.inlineForm {
  margin: 0 10px;
}

.inlineForm input[type="submit"] {
  padding: 8px 16px;
  background-color: #007BFF;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.inlineForm input[type="submit"]:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

input[type="time"] {
    min-width: 110px; /* Adjust width as needed */
}

#activity-table {
  margin-bottom: 60px; /* Add space below the table */
}


/* Styling for the search input and clear button container */
.search-container {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border: 1px solid lightgrey;
    border-radius: 25px;
    margin: 10px;
    width: auto;
    background-color: #f9f9f9;
}

/* Styling for the search input */
.search-container input {
    border: none;
    outline: none;
    width: 250px;
    font-size: 14px;
    background: transparent;
    padding: 5px;
}

/* Styling for the clear button */
.search-container .clear-button {
    cursor: pointer;
    font-size: 16px;
    color: grey;
    margin-left: 8px;
    background: transparent;
    border: none;
    outline: none;
}

.search-container .clear-button:hover {
    color: black;
}
    
.surgical-timeline-normal {
  position: relative;
  width: 100%;
  height: 12px; /* Adjust height as needed */
  background-color: #f0f0f0; /* Timeline background color */
  margin-top: 2px; /* Adjust spacing as needed */
}

.surgical-timeline-highlighted {
  position: relative;
  width: 100%;
  height: 12px; /* Adjust height as needed */
  background-color: #cbf8d2; /* Timeline background color */
  margin-top: 2px; /* Adjust spacing as needed */
  /* border:1px solid rgb(73, 165, 94); */
}

.surgical-timeline-consolidation-pair {
  position: relative;
  width: 100%;
  height: 12px; /* Adjust height as needed */
  background-color: #faf1e1; /* Timeline background color */
  margin-top: 2px; /* Adjust spacing as needed */
  /* border:1px solid rgb(231, 179, 7); */
}

.surgical-bullet-point-actual {
  display:inline-block; 
  margin-right:3px;
  border-radius:25px;
  height:15px;
  width:15px;
  background-color:#ffddd8;
  border: 1px solid #941100; /* Surgical case border color */
}

.case-summary-block-div {
  display:flex; 
  justify-content:space-around; 
  flex-wrap:wrap; 
  background-color:rgb(238, 236, 236); 
  height:auto; 
  margin-bottom:10px;
}
.case-summary-block {
  vertical-align:top; 
  margin-right:8px;
  /* border:1px solid blue; */
  display:inline-block;
  padding:10px;
}
.gap-bullet-point {
  opacity: 0.6;
  display:inline-block; 
  margin-right:3px;
  border-radius:25px;
  height:15px;
  width:15px;
  background-color: rgb(11, 54, 16); /* Surgical case color */
  border: 1px solid black;
}

.surgical-bullet-point-scheduled {
  display:inline-block; 
  margin-right:3px;
  border-radius:25px;
  height:15px;
  width:15px;
  background-color:#afdef9;
  border: 1px solid #007AC0; /* Surgical case border color */
}


.surgical-case-gap {
  opacity: 0.6;
  position: absolute;
  height: 100%;
  background-color: rgb(11, 54, 16); /* Surgical case color */

}

.surgical-case-actual {
  opacity: 0.6;
  position: absolute;
  height: 100%;
  background-color: #ffddd8; /* Surgical case color */
  border: 1px solid #941100; /* Surgical case border color */
}

.surgical-case-scheduled {
  opacity: 0.6;
  position: absolute;
  height: 100%;
  background-color: #afdef9; /* Surgical case color */
  border: 1px solid #007AC0; /* Surgical case border color */
}

.surgical-case-room {
  position: absolute;
  height: 100%;
    cursor: pointer;
}

.surgical-vertical-line {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0.5;
  border-left: 3px solid black;
}

.surgical-vertical-line-start {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0.5;
  border-left: 3px solid rgb(2, 143, 63); /* Adjust color and thickness as needed */
}

.surgical-vertical-line-end {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0.5;
  border-left: 3px solid rgb(141, 2, 2); /* Adjust color and thickness as needed */
}

.yesSolution
  {
    text-decoration: underline;
    text-decoration-style: dotted;
  }

.noSolution
  {
    color:grey;
    /* text-decoration:line-through; */
  }
.changeMessage
	{
		border:4px solid red; 
		border-radius:15px; 
		padding:10px; 
		margin:10px;
	}

.inlineForm
	{
		display:inline-block;
		padding: 10px;
	}

	.medianBar
	{
		display:inline-block;
		background-color:grey;
	}

.historyBar
  {
		display:inline-block;
    background-color:lightgrey;
  }

.highlightBar
  {
		width: 100%;
		display:inline-block;
    background-color:#941100;
  }

.highlightBarBackground
  {
		height: 100%;
		display:flex; 
		align-items:end; 
		background-color:#ffddd8;

    /* border:1px solid #fdbeb5; */
  }

  .roomsRunningVerticalBar{
    display:inline-block; 
    padding-top:1px; 
    border-top:3px solid #941100; 
    color:#941100; 
    width:100%; 
    text-align:center; 
    background-color:#ffddd8;
}

.verticalBarGraph {
    margin: 0;
    padding: 0;
    position: relative;
    }
    
.verticalBarGraph li {
    color:transparent;
    bottom: 0;
    list-style:none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    }


.navmenu{
  z-index: 999;
 	background-color:grey;
	height:25px;
  position: relative; /* Add this */

}
  
.parent {
	display: block;
	position: relative;
	float: left;
	line-height: 25px;
	background-color: grey;
	margin-left:-1px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
}

.selectedPage {
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	color:white;
	padding: 0px 30px 0px 30px;
	line-height: 25px;
	background-color: #941100;
	margin-left:-1px;
}

.hasSub::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    border-top: 6px solid transparent;
    border-left: 6px solid #941100;
    border-bottom: 6px solid transparent;
}

.parent a {
	margin: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.parent:hover>ul {
	display: block;
	position: absolute;
}

.child {
	display: none;
	z-index: 999;
}

.child a {
	margin:0px 0px 0px 10px; 
	display:block;
}

.child li {
  margin-top:-1px;
  margin-left:-1px;
	background-color: #F0F0F0;
	line-height: 23px;
	border: #941100 1px solid;
	width: 100%;
	z-index: 999;
}

.child li a {
	color: #3D4459;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	min-width: 15em;
}

ul ul ul {
	left: 100%;
	top: 0;
	margin-left: 1px;
}

.navmenu li:hover {
	background-color: #941100;
}

.parent li:hover {
	background-color: lightgrey;
}

.expand {
	font-size: 12px;
	float: right;
	margin-right: 5px;
}


.pageHeader
	{
		display:inline-block;
		width:auto;
		margin-bottom:15px;
	}
.pageHeaderTitle
	{
		color:white; 
		padding:5px 30px 5px 30px;
		background-color:#941100; 
		font-size:14px;	
		margin-left:10px; 
		margin-bottom:1px;		
		display:inline-block; 
		width:100%; 
	}	
.pageHeaderUnderline
	{
		margin-left:10px; 
		border-top:5px solid grey; 
		display:inline-block; 
		width:100%
	}	
	
	
* {
    font-family: Arial;
    padding: 0;
    margin: 0;
    font-size:14px;
    box-sizing: border-box;
}

.password-requirements
	{
		margin:-15px 0px 30px 45%;
    width: 50%;
    text-align: center;
	}
	
h1 {
    font-family: Arial;
    font-size: 1rem;
    text-transform: uppercase;
}
label,
.label {
    width: 40%;
    display: inline-block;
    text-align: left;
    font-size: 1rem;
    font-family: Arial;
}

select {
    padding: 6px;
}

span.select{
    width: 60%;
    font-size: 1rem;
    font-weight: 100;
    font-family: Arial;
    padding: 10px;
}
input.login, pre.login {
    border: 2px solid #ccc;
    font-size: 1rem;
    font-weight: 100;
    font-family: Arial;
    padding: 6px;
    width: 50%;
}

pre.login {
    display:inline-block; 
    margin-bottom: 20px
}

.processing
  {
    opacity: 0.5;  
    pointer-events: none;
  }
  
.pastDate
  {
		filter: brightness(95%);
  }  
  
img.loginLogo
	{
		width:100%; 
		max-width:280px; 
		padding-top:4px; 
		padding-right:10px; 
		margin-right:7px;
	}

form.login {
    margin: 25px auto;
    padding: 20px;
    border: 5px solid #ccc;
		width:95%;
    max-width: 480px;
    background: #eee;
}
div.form-element {
    margin: 20px 0;
    text-align: center;
}
div.loginMessage
	{
		margin-top:10px;
		color:#941100;
		text-align: center;
		font-size: 1.25rem;
		}
button.notRegistered
	{
    padding: 7px 12px 7px 12px;
    font-size: 1rem;
    font-family: Arial;
    font-weight: 100;
    background: #ccc;
    color: #3D4459;
    border: 3px solid grey;
		border-radius: 35px;
	}
button.login {
		padding: 7px 16px 7px 16px;
		font-size: 1rem;
    font-family: Arial;
    font-weight: 100;
    background: #941100;
    color: white;
    border: 3px solid grey;
		border-radius: 35px;
}
button.accountSettings
	{
		margin-left:225px;  
		width:200px;
	}
p.success, p.error {
    color: white;
    font-family: Arial;
    background: #941100;
    display: inline-block;
    padding: 2px 10px;
}
p.error {
    background: orangered;
}

.staffBubble	
	{
		height:12px; 
        width: 11px;
		margin-top:1px; 
		margin-right:1px;		
	}
.upArrow
	{
		background-color:grey; 
		border:1px solid grey; 
		border-radius:10px; 
		padding:2px; 
		height:14px;
	}
a
	{
		text-decoration: none;
		color:black;
	}
body
	{
		font-family: arial;
		font-size: 10px;
		color:black;	
	}
.headerButtons
	{
		padding:10px 15px 0px 0px;
		white-space: nowrap;
		display: inline-block;
		width: 150px;
		text-align: right;
	}
.logoHeader
	{
		overflow: hidden;
		padding:5px 0px 3px 12px;
		background-color:lightgrey; 
		color:#3D4459; 
		font-size:22px;
		display:flex; 
		align-items:center; 
		justify-content:space-between;
	}	
.logoOR
	{
		font-size: 28px; 
		font-weight:bold;
		color:#941100;
	}
.inputBox
	{
		margin:2px 4px 1px 1px;
		text-align:center;
  	min-width:60px;
  	min-height:52px;
		background-color:#eeeeee;
		vertical-align:top; 
		display:inline-block; 
		border-radius:5px; 
		padding:3px; 
		border:1px solid grey;
	}

.inputBoxAdjusted
	{
		margin:2px 4px 1px 1px;
		text-align:center;
  	min-width:60px;
  	min-height:52px;
		background-color:#eeeeee;
		vertical-align:top; 
		display:inline-block; 
		border-radius:5px; 
		padding:2px; 
		border:2px solid #007AC0;
	}

.showAndEdit
	{
		margin:4px 4px 4px 6px;
		padding:0px;
	}
	

.selectedTrue
	{
		border-radius: 11px;
		border:4px solid green;
		display:inline-block;
	}
	
.selectedFalse
		{
		border-radius: 11px;
		border:4px solid lightgrey;
		display:inline-block;
		}
	
.podHeaderGrey
  {
    padding:2px 5px 2px 5px; 
    color:white;
    background-color:grey;
    font-size:13px;
  }
.podHeaderTotal
  {
    padding:2px 5px 2px 5px; 
    color:white;
    background-color: #007AC0;
    font-size:13px;
  }

.selectedButton
	{
		cursor: pointer;
		background-color: transparent;
		padding:0px 3px 0px 3px; 
		color:black; 
		font-weight:bold; 
		border-radius:5px;
		border:2px solid #007AC0; 
		margin-right: 4px;
	}

.notselectedButton
	{
		cursor: pointer;
		padding:0px 3px 0px 3px; 
		color:black; 
		border-radius:5px;
		border:1px solid lightgrey; 
		background-color: transparent;		
		margin-right: 4px;
	}

	.tooltip
	{
		font-size: 13px;
		white-space: nowrap;
	}
.pastDate
	{
		filter: brightness(95%);
	}
.delta 
	{
		display:flex; 
		justify-content:center; 
		align-items:center; 
		width:25px; 
		height:25px; 
		padding:2px; 
		border:1px solid lightgrey; 
		border-radius:25px;
	}
	
.variableHeader
  {
    background-color:grey; 
    border-radius:4px;
    color:white; 
    padding:2px; 
    margin-bottom:3px; 
    font-weight:bold; 
    text-align:center;  
    min-height:18px;		
  }

	.dayColorlightgreen
		{
			background-color:lightgreen;
			border:1px solid green;
		}

	.dayColoryellow
		{
			background-color:yellow;
			border:1px solid green;
		}

	.dayColorpink
		{
			background-color:pink;
			border:1px solid red;
		}

	.dayDetail
		{
			cursor: pointer;
			margin-left:1px;
			display:inline-block;
			padding:10px;
			font-size: 12px;
			border-radius: 4px;
		}
	.dayDetailMax	
		{
			cursor: pointer;
			font-weight: bold;
			border-width: 2px;
			border-radius: 4px;
		}
  .dayDetailTarget
		{
			cursor: pointer;
			margin-right:0px;
			margin-left:1px;
			border-radius:100px;
			border:3px solid #007AC0;
			display:inline-block;
			padding:25px;
			font-size: 16px;
		}

  .dayDetailBlockTarget
		{
			cursor: pointer;
			margin-right:0px;
			margin-left:1px;
			border-radius:10px;
			border:3px solid #007AC0;
			display:inline-block;
			padding:15px;
			font-size: 16px;
		}
 
.dayRoomCount
  {
    vertical-align: middle;
    display:inline-block;
    margin-left:1px;
  }
.dayActualTarget
  {
    border:4px solid #941100;
  }
.dayFutureTarget
  {
    border:4px solid #007AC0;
  }
.roomCountSmall
  {
    padding:7px;
    font-size:14px;
  }
.roomCountMedium
  {
    padding:11px;
    font-size:18px;
    border-width:2px;
    border-radius:5px;
  }
.roomCountLarge
  {
    padding:18px;
    font-size:22px;
    font-weight: bold;
  }

.dayTargetForecast
  {
    border-radius:50px;
  }
  .success
	{
		border-radius:10px;
		font-size:12px;
		text-align:center; 
		width:calc(100% - 6px); 
		margin:3px;
		padding:7px; 		
		color:green;		
		border:2px solid green;
		background-color: lightgreen;
	}

.partialSuccess
	{
		width:calc(100% - 6px); 
		margin:3px;
		border-radius:10px;
		font-size:12px;
		text-align:center; 
		padding:7px; 		
		color:green;		
		border:2px solid green;
		background-color: yellow;
	}
	
.fail
	{
		width:calc(100% - 6px); 
		margin:3px;
		border-radius:10px;
		font-size:12px;
		text-align:center; 
		padding:7px; 		
		color:red;		
		border:2px solid red;
		background-color: pink;
	}

	.targetBarSmallLeft
	{
		opacity: 0.3;
		padding:0px 3px 0px 12px; 
		font-size:12px; 
		/* border-radius:5px;  */
		display:inline-flex; 
		align-items: center; 
		justify-content: center; 
		color:black; 	
	}
.targetBarSmallLeftMiddle
	{
		opacity: 0.3;
		padding:0px 3px 0px 3px; 
		font-size:12px; 
		display:inline-flex; 
		align-items: center; 
		justify-content: center; 
		color:black; 	
	}
	
.targetBarSmallRight
	{
		opacity: 0.3;
		padding:0px 15px 0px 5px; 
		font-size:12px; 
		display:inline-flex; 
		align-items: center; 
		justify-content: center; 
		color:black; 	
	}
.targetCircleNoDelta
	{
		font-weight:bold; 
		border:1px solid #007AC0; 
		width:35px; 
		height:35px; 
		font-size:18px; 
		border-radius:35px; 
		margin:0px -1px 0px -1px; 
		display:inline-flex; 
		align-items: center; 
		justify-content: center; 
		color:black; 
	}
.targetCircleWithDelta
	{
		border:1px solid #007AC0; 
		width:35px; 
		height:35px; 
		border-radius:35px; 
		margin-left:1px; 
		display:inline-flex; 
		align-items: center; 
		justify-content: center; 
		color:black; 
		padding: 1px;
	}
	
	.targetSuccess
	{
		border-radius:10px;
		text-align:center; 
		width:calc(100% - 6px); 
		margin:3px;
		font-size:18px;
		color:white;		
		padding:5px;
		background-color: green;
	}	

.targetPartialSuccess
	{
		border-radius:10px;
		text-align:center; 
		width:calc(100% - 6px); 
		margin:3px;
		font-size:18px;
		padding:1px; 		
		color:green;		
		border:4px solid green;
		background-color: yellow;
	}	

.targetfail
	{
		border-radius:10px;
		color:white;		
		text-align:center; 
		width:calc(100% - 6px); 
		margin:3px;
		font-size:18px;
		padding:5px;
		background-color: red;
	}	
	
.greenCheck
	{
		padding: 0px 2px 0px 2px;
		text-align: center;
		display:inline-block;
		margin:1px;
		width:auto; 
		height:auto;
	}
	
.staffOption
	{
		display:inline-block; 
		width:auto; 
		text-align:center; 
		min-width:30px; 
		height:auto; 
		border-radius:7px; 
		background-color:rgb(228, 227, 227); 
		border:1px solid grey; 
		padding:1px; 
		margin-left:3px; 
		margin-right:3px; 
		margin-bottom:2px;
	}
.staffSummary
  {
    vertical-align:middle; 
    display:inline-block; 
    width:auto; 
    text-align:center; 
    min-width:30px; 
    border-radius:5px; 
    border:1px solid grey; 
    height:auto; 
    padding:2px; 
    margin-right:2px; 
    margin-bottom:2px; 
    margin-top:2px;
  }

.staff
	{
		font-size: 10px;
		padding: 0px;
		text-align: center;
		width:7px;
		height:7px;
		border-radius:5px;
		display:inline-block;
		margin:1px;
	}

.NoChanges
	{
		background-color:green;
		color:white;
		border:1px solid green;
	}


.NotEnough
	{
		background-color:red;
		color:white;
		border:1px solid red;
	}


.numberInput
	{
		padding:1px 0px 1px 0px;
		width:40px;
		text-align:center;
		vertical-align: bottom;
		margin:1px;
		background-color:transparent;
		border:1px solid #bbbbbb;
	}

.podTargetDateHeader
	{
		font-weight: bold;
		text-align: center;
	}	

.podTargetHeader
	{
		line-height:15px;
		font-weight: bold;
		text-align: center;
		background-color: lightgrey;
	}	
	
.greyedOut
	{
    opacity: 0.4;
    padding:4px;
	}

.active
	{
  	border-color:#007AC0;
    border-width: 2px;
	}
	
.podTargetTable
	{
		border:1px solid grey; 
		margin:2px;		
		display:inline-block;
		vertical-align: top;
	}	
	
.podTargetCell
	{
		border:1px solid lightgrey; 
		padding:1px; 
		white-space:nowrap;		
		text-align: center;
	}
.medium
	{
		vertical-align: bottom;
		font-size:13px;	
  }

.dateNavigation
{
	padding:5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
  
.monthNavigateButtons
	{
		margin:0px 10px 0px 10px; 
		color:grey;
		font-size: 18px;
		padding: 3px;
		border-radius:5px; 
		border:1px solid lightgrey;
		min-width: 22px;
	}	
.monthHeader
	{
		padding:3px; 
		min-width:125px;
  	display: inline-block;
		color:black;
		font-size:16px;	
		text-align: center;
	}	
	
	.big
	{
  	display: inline-block;
		background-color:#007AC0;
		color:white;
		font-size:15px;	
		padding: 0px 3px 0px 3px;
		border-radius:5px; 
		min-width: 22px;
		text-align: center;
		vertical-align: bottom;
	}	
.bigBlueGreen
	{
  	display: inline-block;
    background-image: linear-gradient(to right, #007AC0 , green);		
    color:white;
		font-size:15px;	
		padding: 0px 3px 0px 3px;
		border-radius:5px; 
		min-width: 22px;
		text-align: center;
		vertical-align: bottom;
	}	  

.bigGreen
	{
  	display: inline-block;
		background-color:green;
		color:white;
		font-size:15px;	
		padding: 0px 3px 0px 3px;
		border-radius:5px; 
		min-width: 22px;
		text-align: center;
		vertical-align: bottom;
	}	

.bigYellow
	{
  	display: inline-block;
		background-color:brown;
		color:white;
		font-size:15px;	
		padding: 0px 3px 0px 3px;
		border-radius:5px; 
		min-width: 22px;
		text-align: center;
		vertical-align: bottom;
	}	
	
.bigNone
	{
  	display: inline-block;
		background-color:lightgrey;
		color:grey;
		font-size:15px;	
		padding: 0px 3px 0px 3px;
		border-radius:5px; 
		min-width: 22px;
		text-align: center;
		vertical-align: bottom;
	}	
.staffedFor
	{
		font-size:12px;	
		color:black;
		vertical-align: middle;
	}	

.lastUpdate
	{
		cursor: hand;
		color:grey;
		height: auto;
		display:inline-block;
		text-align:center;		
    min-height: 20px;
    margin: 0px 4px 0px 4px;
	}	


.iconButtonContainer
	{
		cursor: hand;
		color:grey;
		height: auto;
		display:inline-block;
		text-align:center;		
    margin: 0px 4px 0px 4px;
	}	
.iconButton
  {
    cursor: pointer;
    height:15px;
  }

  .forgot-password {
    float: left;
    padding: 14px 20px;
  }

.calendar-group-delta-bar {
    cursor:pointer;
    display:flex;
    align-items:center;
    padding:2px;
}
.calendar-group-delta-bar * {
    font-size: 10px;
}

table.formatted td span.model-block,
span.model-block *,
table.formatted td span.staff-block,
span.staff-block *,
table.formatted li.list,
#allPods .inputBox,
#allPods .podTargetTable *{
    font-size: 10px;
}
span.model-block {
    display:inline-block;
    padding:1px 5px 1px 5px;
    border:1px solid grey;
    border-radius:5px;
}
#header-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    text-transform: initial;
    display: flex;
    justify-content: center;
}

table .justify {
    /* display: flex;
    justify-content: flex-start;
    text-align: justify;
    width: 100%; */
}
table .justify {
    width: fit-content;
    margin: 0 auto;
    text-align: justify;
}

table .justify li {
    text-align: justify;
}


.black 
{
    vertical-align: middle;
    display: inline-block;
    width: 32px;
    height: 16px;
    border: 1px solid #ddd;
    margin-right: 5px;
    background-color:black;
}

.white 
{
    vertical-align: middle;
    display: inline-block;
    width: 32px;
    height: 16px;
    border: 1px solid #ddd;
    margin-right: 5px;
    background-color:white;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}


table.formatted {
    margin-bottom: 60px; /* Space below the table */
    width: 100%;
    border-collapse: collapse;
}

.chart-wrapper,
.chart-wrapper .formatted span,
.chart-wrapper * {
    font-size: 10px;
}

.chart-wrapper table.formatted td{
    text-align: left;
}

.no-space {
    padding: 10px 0 !important;
    margin: 0 !important;
}

.no-case-gap {
    position: absolute;
    height: 100%;
    background-color: rgba(255, 0, 0, 0.2);
    z-index: 1;
}

.highlighted {
    background-color: #007bff;
    color: white;
    font-weight: bold;
    border: 2px solid #0056b3;
}

.error-page-message {
    text-align:center; 
    padding:25px;
    font-size:2rm;
}

#main-content {
    margin: 20px 0;
    background-color: #fff;
}

.pageDescription {
    padding:6px 0px 0px 10px;
    display:flex;
    align-content:top
}

.pageDescription > img {
    opacity:0.5;
    height:12px;
}