@font-face {
    font-family: neontext;
    src: url("../assets/Neonblitz.otf") format("opentype");
}
@font-face {
    font-family: jukeboxtext;
    src: url("../assets/Avenir LT Std 35 Light.otf") format("opentype");
}
@font-face {
    font-family: jukeboxtext;
    src: url("../assets/Avenir LT Std 85 Heavy.otf") format("opentype");
	font-weight: bold;
}


:root {
  --page-bg: #000;
  --content-bg: #ffffff;
  --surface: #f6f7fb;
  --surface-strong: #eef1f6;
  --card-bg: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --border: #dfe3ec;
  --accent: #ff206e;
  --accent-dark: #d91658;
  --accent-soft: #fff1f6;
  --gold: #ac9d78;
  --success: #10b981;
  --success-soft: #ecfdf5;
  --danger: #dc2626;
  --danger-dark: #b91c1c;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 10px;
  --shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
  --shadow-strong: 0 16px 40px rgba(15, 23, 42, 0.18);
}

html,
body {
    font-family: "jukeboxtext", "sans-serif";
    font-size: 1rem;
    background: #000;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-x: clip;
}

body {
    overflow-x: visible;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}		

a{color: #00f}
a:hover{color: #f0f}
a.menuLink {
    color: #000 !important;
    text-decoration: none !important;
}
a.menuLink:hover {
    color: #000 !important;
    text-decoration: none !important;
	font-style: italic
}
#content{
    margin: 1em auto 0;
    background: #fff;
    padding: 1em;
    border-radius: 1em;
    width: 800px;
    max-width: calc(100% - 24px);

}
		
@media screen and (max-width : 1204px)
{
	body{font-size:1rem; }
}
@media screen and (max-width : 900px)
{
/*  body{font-size:1.5rem;} */
	#content{width:96%;padding:12px}
}

@media screen and (max-width : 400px)
{
	button, input, select{
		/* font-size: 1.5rem;*/
	}
	select,input{width:95%}
}		


#performername{font-weight: bold; font-size:1.2em;  }
.pseudoLink{color: blue}
.pseudoLink:hover{text-decoration: underline; cursor: pointer}

.toggleRepertoire{font-size: 1.4em; width: 100%;}
.repertoire_yes{color: green}
.repertoire_no{color: darkred}
#listContent table {  border-collapse: collapse;}
#listContent tr{border-bottom: 1pt solid black;}

.songlist_tags{display: none}

.colLeft{float: left; max-width: 49%;}
.colRight{float: right; max-width: 49%; min-width: 20%}
.button1{width: 100%; height:2em}
#headerMessage{padding: 12px; background: #FBF8BB; color:#000 !important; margin-bottom: 12px; border-radius: 1em;}
.trSongList:hover{background: #F9FBC5; color: #000}
.altRow{background: #dedede; }
#divEditRoles{text-align: left}

.schedTbody{    
	display:block;
	border-top: 1px solid black;
	border-collapse: separate;
	border-spacing: 0; 
}

.menuPanel{
    border-radius: 1em;
    border: 1px solid #ccc;
    background: #eee;
    padding: 20px;
    width: 100%;
    min-height: 4em;
    margin-bottom: 1em;
    box-sizing: border-box;
}
.gold{color:#ac9d78}
.white{color:#fff;}	
.btnMenu{ height: 3em; background:#ccd}
.btnBandBrowse{margin-bottom: 4px; width:100%}		
.hcontainer {
	display: grid;
	grid-template-columns: 30% 40% 30%;
	width: 100%;
}

.hcolLeft {
	text-align: left;
}

.hcolMid {
	text-align: center;
}

.hcolRight {
	text-align: right;
}			
		
.isToday{
    font-weight: bold;
    color: var(--accent);}
		
#azList {
    position: sticky;
    top: 0;
    z-index: 1000;

	background: #fff;
}
#azListInner{
	padding: 1em;
	border-radius: 1em;
    background: #dfdfdf;
	height:90%;
	
}

.azButton{margin:6px 0;}
		
table.venueTable,
table.venueTable th,
table.venueTable td {
    border: 1px solid #ccc;
}

table.venueTable {
    border-collapse: collapse;
}		
table.venueTable td {
	padding:6px;
}

button,
input[type="submit"] {
  border: 1px solid var(--border);
  background: #cfcfcd;
  color: var(--text);
  border-radius: 10px;
  padding: 7px 11px;
  font-weight: 700;
  line-height: 1.15;
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
	white-space: nowrap;
}

button:not(:disabled):hover,
input[type="submit"]:not(:disabled):hover {
  background: var(--text);
  color: #fff;
  border-color: var(--text);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
}

button:active,
input[type="submit"]:active {
  transform: translateY(0);
  box-shadow: none;
}

button:disabled,
input[type="submit"]:disabled {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.btnGoOnStage{
	background: #090 !important;
	color:#fff;
}
.btnGoOnStage:not(:disabled):hover{
  background: var(--text) !important;
	
}
.bookingWarning{color:#f00;}