body {
	background: #171b20;
	color: #000;
	height: 100%;
}

body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

h1 {
	color: #96BF55;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 0 5px 0;
	text-align: left;
}

	h1 span {
		color: #ffffff;
		font-size: 20px;
		font-weight: normal;
		margin: 5px 5px 5px 0;
		text-align: left;
	}

a,
a:link,
a:visited {
	color: #09f;
}

.center {
    text-align: center;

}

.label {
   	color: #ffffbe;
 
}

.table-scroll-container {
    overflow-x: auto;
}

table {
    width: auto;
    border-collapse: collapse;
}
 
.description {
	font-size: 12px;
	line-height: 18px;
	color: #ffffbe;
	padding: 5px 0 15px 0;
}

a.description,
a:link.description,
a:visited.description {
	color: #ffffbe;
}

.pos {
  font-size: smaller;
  color: darkgreen;
}
.neg {
  font-size: smaller;
  color: darkred;
}

.cutoff {
	border-bottom-width: medium;
	border-bottom-style: dashed;
	border-bottom-color: #3C3;
}

table tr:nth-child(even) {
  background-color: #f2f2f2; /* Light gray */
}

.table-container {
  overflow-x: auto; /* Enables horizontal scrolling */
  width: 100%; /* Ensures the container takes full width */
}

.fixed-left-table {
  border-collapse: collapse;
  width: max-content; /* Table width adjusts to content */
}

.fixed-column {
  position: sticky;
  left: 3px;
  z-index: 1; /* Ensures it's above other columns */
}

/* Optional: Add borders for better visibility */
.fixed-left-table, .fixed-left-table th, .fixed-left-table td {
  border: 2px solid #ddd;
}

/* Optional: Improve header appearance */
.fixed-left-table th {
  background-color: #f2f2f2;
}

/* Optional: Add padding for better readability */
.fixed-left-table th, .fixed-left-table td {
    padding: 8px;
    text-align: center;
}
/* make drag container visible */
#drag {
	width: 100%;
/*	padding: 10px;
*/	margin: 0px auto;
}

div#drag table {
  border-collapse: separate;
  border-spacing: 1px;
  
  width: 100%;             /* Start by filling the screen perfectly by default */
  table-layout: auto;      /* Let cells contract to their minimum safe content size */
  min-width: unset;        /* Remove any forcing minimums so it can adapt tightly */
}

/* Ensure individual cells don't wrap their text into ugly vertical stacks 
   to force a fit. This ensures scrolling triggers *only* when the natural 
   text length exceeds the viewport.
*/
div#drag td {
 /* white-space: nowrap;     /* Forces metrics/names to stay on one clean line */
}
	/* define margin below first table */
	.tbl1 {
	margin-bottom: 1px;
	}

/* set table row height */
div#drag table tr {
}

/*
	http://stackoverflow.com/questions/4096390/table-border-color-in-css-with-border-collapse
	
	if collapsing borders have the same style and width, but differ in color,
	then from most to least preferred: cell, row, row group, column, column group, table.
	
	if ... come from same type of element, such as two rows... then color is taken from
	borders that are the topmost and the leftmost.
	
	wider border wins over narrower ones / double wins over solid, then dashed, dotted, ridge, outset, groove, inset
*/


/* table titles */
div#drag th {
	font-size: 10pt;
	background-color: #EDEDED;
}

/* drag object (DIV inside table cell) */
.drag {
	margin: auto;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
	font-size: 12px;
	width: 20px;
	height: 20px;
	border-width: 2px;
	border-style: solid;
	background-color: white;
	/* round corners */
	border-radius: 4px; /* Opera, Chrome */
	-moz-border-radius: 4px; /* FF */
}

/* blue DIV elements */
.blue {
	border-color: #3C9;
}

/* orange DIV elements */
.orange {
	border-color: #FF8A58;
}
.teamborder {
    border-color: black;
    border-style: solid;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.teamhead {
      border-color: black;
    border-style: solid;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 2px;  
}

.clickable {
	cursor:pointer;
    white-space: nowrap;
}

/* DIV row handlers (blue left column) */
.row {
	width: 20px;
	margin: 2px;
	border-color: #3C3;
	background-color: #3C3;
	  background: url(dots1.svg);
	  background-size: 60%;
background-repeat:no-repeat;
/*background-attachment:fixed;
*/background-position:center; 

	/* round corners */
	border-radius: 8px; /* Opera, Chrome */
	-moz-border-radius: 8px; /* FF */
}

/* row handler TD background color */
.rowhandler {
/*	background-color: #3F9;
*/	width: 30px;
}

/* marked cells (forbidden access for header and message line) */
.mark {
	color:black;
	background-color: lightgray;
	text-align: center;
	height: 40px
}

/* row dark */
.rd {
	background-color: #ddd;
}

/* row light */
.rl {
	background-color: #eee;
}

/* cell dark */
.cdark {
	background-color: #C6C8CB;
}

/*   Here is the accordian style */	

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow-y: hidden;     /* Keeps vertical accordion behavior crisp */
  overflow-x: auto;       /* Triggers native horizontal scrolling when table overflows */
  -webkit-overflow-scrolling: touch; /* Ensures smooth touch swiping on iOS devices */
  transition: max-height 0.2s ease-out;
}
		/*
			Vertical Accordions
		*/
		
.accordion_toggle {
	display: block;
	height: 30px;
/*	width: calc (100% - 20px);
*/	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	cursor: pointer;
	margin: 0 0 0 0;
	background-color: #3F9;
/*	background-image: url(images/accordion_toggle.jpg);
*/	background-repeat: no-repeat;
	background-position: right top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: calc(100%-20px);
/*			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
*/			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
/*			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
*/			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
 			


#container {
	/*margin: 20px auto 0 auto;
	width: 700px;
*/}

    #vertical_nested_container {
      margin: 20px auto 20px auto;
   }
 
 #scores {
}
#TeamScores tbody tr #scores {
}
  
 /* Standard Overlay Popup Container Framework */
.popbox, .modal-content {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    padding: 24px !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    color: #1f2937 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Format tables inside popups beautifully */
#prtable {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
    font-size: 14px;
}

#prtable th {
    background-color: #f9fafb;
    color: #4b5563;
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid #e5e7eb;
    text-align: left;
}

#prtable td {
    padding: 8px 10px;
    border-bottom: 1px solid #f3f4f6;
}
/* Force all table headers and data columns to stay on one single line */
#prtable th, 
#prtable td, 
#TeamScores td {
    white-space: nowrap !important;
}

/* Mobile Responsiveness: Wrap the target popup data display container 
   so the layout slides horizontally if it exceeds viewport width
*/
#pr_results {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Butter-smooth swipe layout for iOS devices */
    margin-bottom: 10px;
}
/* Differential scoring markers */
.pos {
    color: #16a34a;
    font-weight: 600;
    background-color: #f0fdf4;
    padding: 2px 6px;
    border-radius: 4px;
}

.neg {
    color: #dc2626;
    font-weight: 600;
    background-color: #fef2f2;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Button UI Adjustments */
.popbox input[type="button"], .submit-button {
    background-color: #2563eb;
    color: white;
    border: none;
    padding: 6px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s ease;
}
.popbox div.button-container, 
#prpop div.button-container {
    text-align: center;
    width: 100%;
    margin-top: 5px;
    display: block;
}

.popbox input[type="button"]:hover, .submit-button:hover {
    background-color: #1d4ed8;
} 
#new_login {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#3C6;
	text-decoration:none;
	cursor: default;
	filter: Invert;
}

#points {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3C6;
	text-decoration:none;
	cursor: default;
	filter: Invert;
}
#prtable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#prtable td
{
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
text-align:center
}

#projected .rowhandler 
{
    display: none
}

.projection_link{
	font-size:12px;
	font-weight:bold;
    color:black;
	text-decoration:underline;
	cursor: pointer;
    text-align:center
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}