/*
 * Data Display CSS - Extracted from WordPress Theme
 * Contains data table and content styling for tool interfaces
 * Created for dev.gridirongod.com
 */

/* Data */
	/* main division for data */
	.data_content {
		/* Remove negative margins */
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 40px;
		/* Add padding to create spacing from the edges */
		padding-right: 20px;
		padding-left: 20px;
	}

	.data_content::after {
		display: table;
		clear: both;
		content: '';
	}
	/* main division for data */

	/* title of page */
	.data_title {
		/* Remove current margin-bottom */
		margin-bottom: 0; /* or adjust as needed */
		
		/* Add h4 font-size and font-weight */
		font-size: 18px;
		font-weight: bold;
		
		/* Set color to #ffffff */
		color: #ffffff;

		/* hide current display */
		display: none;
	}	
	/* title of page */

	/* data forms */	
		/* data form row */
			.data_form_row {
				margin: 20px; /* Adjust margin as needed */
				display: flex; /* Use flexbox */
				align-items: center; /* Vertically center items */
			} 

			.data_form_row button {
				/* Optional: Adjust individual flex item properties */
				flex: 1; /* This allows items to grow and fill available space */
				background-color: #b61831;
    			color: #000;
				text-decoration: underline;
				border:1px solid #fff;
			}

			.data_form_row button:hover {
				background-color: #000;
				color: #b61831;
				text-decoration: underline;
				border:1px solid #b61831;
			}

			.data_form_row label {
				/* Add styles for the label */
				margin-right: 10px; /* Adjust margin-right for spacing between label and select box */
				color: #ffffff;
				font-size: 12px;
				width: auto; /* Set width to auto */
			}

			.data_form_row select {
				/* Add styles for the select box */
				/* display: inline-block; */ /* Remove display property */
				/* vertical-align: middle; */ /* Remove vertical-align property */
				flex: 1; /* Take remaining space */
				margin-right: 10px; /* Adjust margin-right for spacing between select boxes */
				padding: 5px; /* Example padding for the select box */
				border: 1px solid #ccc; /* Example border for the select box */
				border-radius: 4px; /* Example border-radius for rounded corners */
				box-sizing: border-box; /* Ensure padding and border are included in the width */
				font-size: 14px; /* Example font size for the select box */
			}


			.data_form_row select:focus {
				border-color: #999; /* Example border color on focus */
				background-color: #000000; /* Background color when focused */
				color: #b61831; /* Text color when focused */
			}


			
			/* Optional: Add hover and focus styles for better user interaction */
			.data_form_row select:hover,
			.data_form_row select:focus {
				border-color: #999; /* Example border color on hover/focus */
			}

			/* Add margin between divisions with the same class */
				.data_form_row + .data_form_row {
    				margin-top: 20px; /* Example margin-top for spacing between divisions */
				}
			/* Add margin between divisions with the same class */
			
			/* button styling */
			.data_form_row button {
				margin-left: auto; /* Push the button to the right */
			}
			/* button styling */
			/* checkbox for RSOS */
			.checkbox-large {
				width: 20px;
				height: 20px;
				transform: scale(1.5);
				-webkit-transform: scale(1.5); /* For Safari */
			}
			/* checkbox for RSOS */
		/* data form row */
	/* data forms */

	/* form labels for data header */
		.col-md-1,
		.col-md-2 {
				padding-top: 10px;
				font-weight: 700;
				text-align: right;
				color: #ffffff;
		}
	/* form labels for data header */


	/* Data Tables */
		/* main */
			table, .opp3, .oppS, .oppL, .oppP, .player, .season, .salary, .last_game{
				border: 3px solid black;
				vertical-align: middle;
				table-layout: fixed;
				background-color: #fff;
				width: 100%;
				height: 100%;
				margin: 0;
				color: #000;
			}
		/* main */

		/* text for data content */
			.main-content {
				color: #000000;
			}
		/* text for data content */

		/* display for full team name vs abbreviated team opp */
			h1.headT {
						
				background-color: #000;
				text-align: center;
				margin:0;
				-webkit-text-stroke-width: 1px;
				-webkit-text-stroke-color: #fff;
				-webkit-text-fill-color: #b61831;
				font-family: 'Helvetica Neue';
				font-weight: bold;

			}
		/* display for full team name vs abbreviated team opp */

		/* data tables - nest */   
			.nest {
				margin: 0;
				height: 100%;
				width: 100%;
			}

			.nest td {
				width: 100%;
				border: 3px solid black;
                color: #000;
			}

			.nest tr:first-child td {
				border-top: none;
			}

			.nest tr:last-child td {
				border-bottom: none;
			}

			.nest tr td:first-child {
				border-left: none;
			}

			.nest tr td:last-child {
				border-right: none;
			}
		/* data tables - nest */

		/* data division & table layout structure */
			.top    {
				display : flex;
				align-items : center;
				text-align: center;
				justify-content: center; /* Add this */
				width: 100%;
				color: #fff;
				
			}

			.topL  {
				float: left;
				width: 20%;
				color: #fff;
				vertical-align: middle;
				height:100%;
			}

			.topR {
				float: left;
				width: 20%;
				color: #fff;
				vertical-align: middle;
				height:100%;

			}

			.topM {
				display: flex;
				align-items: center;
				text-align: center;
				justify-content: center; /* Add this */
				width: 100%;
				vertical-align: middle;
				height:100%;

			}

				

			.card {
				background-color: #000;
			}


			.holder {
				margin: 50px auto;
				background-color: #000;
				border: 10px solid #fff;
				width: 95%;
				
			}

			/* title for previous pos vs f_opp */
				h3.history {
					width: 100%;
					color:#fff;
					text-align: center;
				}
			/* title for previous pos vs f_opp */

			/* tables - float  Season & Last 3 Games */
				.row2 {
					background-color: #000;
				}

				.column {
					float: left;
					width: 45%;
					color: #000;
				}

				.column2 {
					float: left;
					width: 10%;
					color: #000;
				}

                /* ADDED AFTER CONVERSION */
                .oppP {
                    color: #000;
                }
			/* tables - float  Season & Last 3 Games */	
		/* data division & table layout structure */

		/* subheadings */
			.subhead {
				vertical-align: middle;
				text-align: center;
				background-color: #383838;
				color:#fff;
			}        

			.subheadP_left {
				vertical-align: middle;
				text-align: left;
				text-transform: uppercase;
				background-color: #000;
				color: #fff;
				padding-left: 5px;
			}
			.subheadP_center {
				vertical-align: middle;
				text-align: center;
				text-transform: uppercase;
				background-color: #000;
				color: #b61831;
				font-size: xx-large;
				text-decoration: underline;
			}

			.subheadP_right {
				vertical-align: middle;
				text-align: right;
				background-color: #000;
				color: #fff;
				padding-right: 5px;
			}

			.subheadL {
				vertical-align: middle;
				text-align: center;
				background-color: #383838;
				color:#fff;
			}       
		/* subheadings */

		/* Indicators */
			.fill td{
				background-color: black;
				height: 100%;
			}
			
			td, th, tr{
				vertical-align: middle;
				text-align: center;
			}
			
			tr.wk_break {
				background-color: #000;
			}

			tr.wk_break * {
				height: 3px !important;
				padding: 0 !important;
				margin: 0 !important;
				border: none !important;
			}
			
			td.salary_diff {
				text-align:left;  
			}
			
			td.grey{
				background-color:#fff;
				color:#000;
			}
			
			tr.grey{
				background-color:#fff;
				color:#000;
			}
			
			.green, .yellow, .red {
				font-weight: bold;
			}
			
			.green {
				background-color:#90EE90 !important;
			}
			
			.yellow{
				background-color:#fcffa4 !important;
			}
			
			.red {
				background-color:#f67a7b !important;
			}
		/* Indicators */
	/* Data Tables */

	/* Importer */
			.import_table {
				background-color: #ffffff;
				border: 3px solid #000000;
				margin: 10px auto;
				width: 100%;
				padding: 20px;
			}
		.popup_import {
			color: #ffffff;
		}
	/* Importer */
	/* Logs */
	.import-logs-container {
		max-width: 800px;
		margin: 0 auto;
	}
	.import-logs-container h1 {
		color: #fff;
	}
	.import-section {
		border: 1px solid #ccc;
		padding: 20px;
		margin-bottom: 30px;
		background-color: #000;
		color: #fff;
	}
	.import-section h2 {
		margin-top: 0;
		color: #b61831;
	}
	.log_note {
		font-size: 0.4em; /* Smaller font size */
		color: #fff; /* Lighter color for the note */
	}
	.header-container {
		display: flex; /* Use flexbox for layout */
		justify-content: space-between; /* Space between heading and button */
		align-items: center; /* Center align items vertically */
    	margin-bottom: 10px; /* Add space below header */
	}
	.timestamp {
		background: #333;
		padding: 10px;
		margin-bottom: 10px;
		font-family: monospace;
		color: #fff;
	}
	.log-content {
		padding: 10px;
		max-height: 400px;
		overflow-y: scroll;
		margin-bottom: 10px;
		font-family: monospace;
	}
	.log-content pre {
		white-space: pre-wrap;
		background: #333;
		color: #fff;
	}
	.notice.notice-success {
		background: #dff0d8;
		padding: 10px;
		margin-bottom: 20px;
	}
	.button {
		background: #b61831;
		color: #fff;
		border: none;
		padding: 8px 12px;
		cursor: pointer;
	}
	.button:hover {
		background: #fff;
		color: #000;
	}
	.injury_button {
		background: #b61831;
		color: #000;
		border: none;
		padding: 4px 8px;
		cursor: pointer;
	}
	.injury_button:hover {
		background: #000;
		color: #fff;
	}
	/* Logs */
	/* for injury status toggle */
	.injury-row {
		transition: all 0.3s ease; /* Adds a smooth transition effect when showing/hiding the row */
	}
	.injury-details-table,
	.injury-details-table td,
	.injury-details-table th {
		color: #000;
	}
/* Data */