body.localAlphaBetaLive_beta #header {
	background: #5d5c5c;
}

body.localAlphaBetaLive_local #header {
	background: #bfbbbb;
}

#header-core {
	max-width: none;
}

#intro-core {
	max-width: none;
}

h1.page-title {
	max-width: none;
}

.wrap-safari {
	max-width: none;
}

#content-core {
	max-width: none;
}

#sub-footer-core {
	max-width: none;
}

table {
	max-width: none;
	text-align: left;
	width: 100%;
	white-space: nowrap;
}

table, th, td {
	border: 1px solid #000000;
	padding: 5px 3px 5px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

th {
	background-color: #d9d9d9
}

tr:nth-child(even) {
	background-color: #f2f2f2;
}

div h2.playlist-name-header {
	max-width: none;
	text-align: center;
	border: 2px solid #d9d9d9;
	background-color: #f2f2f2;
	padding-top: 4px;
	padding-bottom: 4px;
}


table.zebra > tbody,
#content table.zebra > tbody,
.content table.zebra > tbody {
	width: 100%;
}

table.zebra > tbody > tr:nth-child(odd),
#content table.zebra > tbody > tr:nth-child(odd),
.content table.zebra > tbody > tr:nth-child(odd) {
	background-color: #ddd;
}

table.zebra > tbody > tr:nth-child(even),
#content table.zebra > tbody > tr:nth-child(even),
.content table.zebra > tbody > tr:nth-child(even) {
	background-color: #fff;
}

table.zebra > tbody > tr > td, table.zebra > tbody > tr > th,
#content table.zebra > tbody > tr > td,
#content table.zebra > tbody > tr > th,
.content table.zebra > tbody > tr > td,
.content table.zebra > tbody > tr > th {
	padding: 2px 10px;
	text-align: left;
}

table.zebra > tbody > tr > th,
#content table.zebra > tbody > tr > th,
.content table.zebra > tbody > tr > th {
	background-color: #aaa;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center !important;
	font-weight: bold;
	color: #000000;
}

table.zebra.borders > tbody > tr:first-child,
#content table.zebra.borders > tbody > tr:first-child,
.content table.zebra.borders > tbody > tr:first-child {
	border-bottom: #403f3f solid 1px;
}

table.zebra.borders > tbody > trlast-child,
#content table.zebra.borders > tbody > trlast-child,
.content table.zebra.borders > tbody > trlast-child {
	border-bottom: #aaa solid 1px;
}

table.zebra.borders > tbody > tr > th,
#content table.zebra.borders > tbody > tr > th,
.content table.zebra.borders > tbody > tr > th {
	border-right: 1px dashed #999;
}

table.zebra.borders > tbody > tr > th:last-child,
#content table.zebra.borders > tbody > tr > th:last-child,
.content table.zebra.borders > tbody > tr > th:last-child {
	border-right: none;
}

table.zebra.borders > tbody > tr > td,
#content table.zebra.borders > tbody > tr > td,
.content table.zebra.borders > tbody > tr > td {
	border-right: 1px dashed #ddd;
}

table.zebra.borders > tbody > tr > td:last-child,
#content table.zebra.borders > tbody > tr > td:last-child,
.content table.zebra.borders > tbody > tr > td:last-child {
	border-right: none;
}

table.zebra.debug > tbody td,
#content table.zebra.debug > tbody td,
.content table.zebra.debug > tbody td {
	color: #000;
}

.fa-check {
	color: green;
}

.fa-remove {
	color: red;
}

.fa-exclamation-triangle {
	color: orange;
}

.fa-circle {
	color: red;
}

.fa-circle-o {
	color: green;
}


#intro {
	/* padding: 50px 10px; */
	padding: 10px 10px;
}

#intro .page-title {
	/* font-size: 45px; */
	font-size: 18px;
}

#content {
	/* padding: 60px 10px 30px; */
	padding: 0 10px 60px 0;
}

#content-core {
	display: flex;
}

#main {
	padding-left: 30px;
	flex: 1 1 auto; /* Elements grow/shrink */
	transition: margin-left 0.03s ease;
}

#sidebar {
	/* flex: 1 1 auto; Elements grow/shrink */
	width: 250px;
	background-color: #f4f4f4;
	transition: width 0.03s ease;
}

#sidebar.collapsed {
	width: 0 !important;
}

#sidebar.collapsed div {
	display: none;
}


#sidebar .sidebar-content {
	padding: 10px 0 0 10px;
}

form#upload_playlist_csv #submit:disabled, form#upload_playlist_csv #submit:disabled:hover {
	background-color: #cccccc;
	color: #666666;
	cursor: default;
	border: none;
}

form#upload_playlist_csv #submit {
	float: none;
}

hr {
	margin: 1% 0;
	color: #000;
	background: #000;
	background-color: #000 !important;
	border: 1px solid #000 !important;
	height: 1px !important;
}

/* for the radio buttons on /cuts */
#cuttype {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px; /* Adjust the spacing between items as needed */
}


/* nah #dependent_tracks_full {viewDependencies
	opacity: 0;
} */

i.clickme {
	font-size: 22px;
}

table td.breakedit {
	white-space: normal;
	word-wrap: break-word;
}

[contenteditable="true"]:hover {
	background-color: #F7F3D5FF;
	cursor: pointer;
}

table#edit-filenames-table tr.filename-row {
	background-color: rgba(142, 203, 232, 0.4);
	border-bottom: 5px solid black;
	font-weight: bold;
}

a, a:link, a:visited, a:active {
	text-decoration: underline #000 solid 1px !important;
}


/*#edit-table*/
#edit-table td, #edit-table th {
	overflow: hidden; /* Prevent overflow */
	text-overflow: ellipsis; /* Optional: show ellipsis for overflowed text */
	white-space: normal; /* Allow text to wrap */
	word-wrap: break-word; /* Break long words to wrap */
	overflow-wrap: break-word; /* Ensure long words wrap */
}

#edit-table td:nth-child(1), #edit-table th:nth-child(1) {
	width: 33%; /* Fixed width for the first column */
}

#edit-table td:nth-child(n+2), #edit-table th:nth-child(n+2) {
	/* flex: 1; Remaining columns can flex */
	min-width: 10%; /* Allow flex columns to shrink */
}


#workflowinfo {
	float: left;
}

#workflowinfo span {
	color: white;
	margin-left: 10px;
}