.testing { color: red; }
.disabled {
	color: grey;
	color: #df6073;

}
H1, H2, H3, H4 {
	color: #909090;
}

INPUT[type=text], INPUT[type=password], TEXTAREA {
	background-color: #aaaaaa;
	border-radius: 5px;
	border: solid 1px #707070;
	padding: 5px;
	font-size: 16px;
}
INPUT[type=text]:focus, INPUT[type=password]:focus, TEXTAREA:focus {
	background-color: #fdfba1;
	border: solid 1px red;
}
/* Save / Update buttons */
INPUT[type=submit] {
	padding: 4px 20px;
	font-size: 18px;
	border-radius: 5px;
	border-width: 1px;
	font-weight: bold;
	background-color: #33BAFA;
	color: black;
}
INPUT[type=submit]:hover {
	background-color: green;
}
SELECT {
	font-size: 16px;
}
/* Delete Buttons */
.submitDanger {
	background-color: rgb(172, 0, 0) !important;
	color: rgb(245, 186, 186) !important;
}
.submitDanger:hover {
	background-color: red !important;
}
/* Cancel Buttons */
.submitWarning {
	background-color: rgb(255, 198, 12) !important;
	color: black !important;
}
.submitWarning:hover {
	background-color: rgb(255, 234, 166) !important;
}

.recentSong A {
	color: red;
	display: block;
}

A {
	color: greenyellow;
	text-decoration: none;
	padding: 3px;
}
A:hover {
	background-color: #2f2929;
}
.center { text-align: center; }
.block { display: block; }
.inline { display: inline; }

/*** Typical table List screens ***/
.psbClearBorder {
	border-top: solid 1px #101010 !important;
}
.psbList {
	border-collapse: collapse !important;
}
.psbList TABLE {
	width: 95%;
}
.psbList TH {
	text-align: left;
	color: #808080;
	padding: 2px 7px;
}
.psbList TD {
	color: rgb(92, 139, 21);
	border-bottom: solid 1px #353535;
	padding: 4px 6px;
}
.psbList TD A {
	color: rgb(140, 187, 45);
	text-decoration: underline;
	display: block;
	border-radius: 3px;
	padding: 1px 7px;
}
.psbList TH A {
	color: #aaaaaa;
	text-decoration: none;
}
.psbList A:hover {
	color: rgb(227, 250, 182);
	background-color: black;
}
.psbList TR:hover {
	background-color: black;
}
/*** For input screens ***/
LABEL {
	display: block;
	font-size: 15px;
	margin-top: 10px;
	color: #808080;
	font-weight:400;
}

.radioLabel {
	display: inline;
	color: #dddddd;
	font-size: 16px;
}
.radioLabel:hover {
	color:rgb(55, 186, 22);
}

/*** Used by class edit_flds ***/
.edit_flds_msg_box {
	border: solid 2px red;
	padding: 10px;
}
.edit_flds_error {
	color: yellow;
}

/*** Main screen for SX screens ***/
.psb-screen-title {
	color: rgba(75, 112, 127, 0.61);
	text-align: center;
	font-size: 12px;
	padding-bottom: 2px; 
	padding-top: 4px;
}
body {
	background-color: #101010;
}
.main-body {
	background-color: #1A1717; /* #1a1717; */
	padding: 3px 10px;
	/* min-height: 600px; */
	padding-top: 80px;
}
.container {
	color: #dadada;
	font-family: sans-serif;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px; /* Add padding to the left and right if needed */
	padding-right: 0px;
	max-width: 900px; /* Adjust the fixed width of the main box */
	margin-top: -8px; /* Had to hide a gap that I have no idea why it was there */
}
.fixed-top {
	width: 900px;
	/*position: fixed; */
	background-color: #111111;
}

nav {
	background-color: #111;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
nav .left-section {
	text-align: left;
}
nav .right-section {
	text-align: right;
}
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
nav ul li {
	display: inline;
	margin: 0 0px;
}
nav ul li a {
	color: #fff;
	text-decoration: none;
	padding: 10px 10px;
	border-radius: 7px;
}
nav a:hover {
	text-decoration: none;
}

.screenUser {
	text-decoration: underline;
	color: rgb(0, 136, 255);
	border-radius: 3px;
}
.screenUser:hover {
	color: rgb(84, 174, 252);
}

/*** Dropdown menu ***/
.dropdown {
	position: relative;
	display: inline-block;
  }
  
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #1e1d1d;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 1;
  }
  .dropdown-songs {
	min-width: 330px !important;
  }
  .dropdown-content TABLE {
		border: solid 2px red;
  }
  .dropdown-content A {
	display: block;
	border-radius: 7px;
	margin-bottom: 10px;
	padding: 10px 15px;
	color: #cccccc;
  }
  .dropdown-content A:hover {
	color: white;
	background-color: #3e3d3d;
	text-decoration: none;
  }

  
  .dropdown:hover .dropdown-content {
	display: block;
  }
.psbWordHighlight {
	color: rgb(246, 44, 44);
}
/*** Error Message ***/
.errorMsg {
	border: solid 2px red;
	border-radius: 5px;
	padding: 10px;
	background-color: #d6c7c7;
	color: black;
	margin-bottom: 10px;
}

/*** Notify Message ***/
.displayMsg {
	border: solid 2px #808080;
	border-radius: 5px;
	padding: 10px;
	background-color: #2f2929;
	color: rgb(203, 203, 11);
	margin-bottom: 10px;
}
.psbCatCircle {
	display: inline-block;
	width: 20px;
	border-radius: 10px;
}
/*
	Move this elsewhere at some point. Just for modal song key selection.
*/
.psbKeyActive {
	background-color: #808080 !important;
	color: #303030 !important;
}

.psbKeyActive:hover {
	cursor: default;
}

.psbKeyButton TD {
	width: 55px;
}
.psbKeyButton A {
	background-color: #dddddd;
	display: block;
	width: 100%;
	font-size: 16px;
	border: outset 1px #bbbbbb;
	padding: 4px;
	font-weight: bold;
	text-align: center;
	color: black;
	text-decoration: none;
}
.psbKeyButton A:hover {
	background-color: yellow;
	cursor: pointer;
}

.psbShortButton {
	display: inline-block;
	width: 100px !important;
}

.keyChangeDiv {
	border: solid 2px #808080;
	padding: 10px;
	width: 300px;
	background-color: #fafafa;
	color: black;
}

/* psbAButtons */
.psbAButtons A {
    display: block;
	background-color: #1E1D1D;
	color: #cccccc;
    width: 100%;
    text-align: center;
    border: solid 1px #404040;
    margin: 8px 0px; 
	text-decoration: none;
	border-radius: 7px;
	padding: 7px 2px;
}

.psbAButtons A:hover {
	text-decoration: none;
	color: white;
	background-color: #3e3d3d;
	border-color: #3e3d3d;
}

.psbAButtons A i {
    float: left;
    padding-left: 10px;
}
/* Small Buttons */
.psbASmallButtons A {
    display: inline-block;
	background-color: #1E1D1D;
	color: #cccccc !important;
    text-align: center;
    border: solid 1px #404040;
    margin: 8px 0px; 
	text-decoration: none;
	border-radius: 5px;
	padding: 2px 12px;
	vertical-align: middle;
}

.psbASmallButtons A:hover {
	text-decoration: none;
	color: white;
	background-color: #3e3d3d;
	border-color: #3e3d3d;
}

.psbASmallButtons A i {
    float: left;
    padding-left: 10px;
}

.psbActionsBox {
	float: right;  
	width: 180px; 
	padding-right: 20px;
}

.psbSmallScreen {
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 50px;
	margin-bottom: 100px;
}

/* Tabbed Menus */
.psbTabs {
	padding-bottom: 15px;
	background-color: #0F0F0F;
}
.psbTabs A {
	color: #33BAFA !important;
}
.psbTabs A, .psbTabs SPAN {
    margin-right: 40px;
}
.psbTabs A:hover {
    color: red;
    border-top: solid 2px red;
    text-decoration: none;
	background-color: #0F0F0F !important;
}
.psbTabActive {
    color: white;
    border-top: solid 1px white;
    padding-top: 5px;
}

/* psbTableInfo */
.psbTableInfo {
    border-collapse: collapse;
    margin-left: 30px;
    margin-bottom: 30px;
}
.psbTableInfo TD {
    padding: 10px 40px; 
    border-bottom: solid 1px #606060;
    border-top: solid 1px #606060;
}
/* Custom tweaked main search and clear search buttons */
.sxClearSearchButton {
	font-size: 15px !important;
	padding: 4px 15px !important;
	border-radius: 5px;
	color: white;
}
.sxSearchButton {
	font-size: 15px !important;
	padding: 4px 15px !important;
	background-color: #61595d !important;
	color: #cccccc !important;
}
.sxSearchButton:hover {
	background-color: green !important;
}
.psbSearchLabel {
	font-size: 12px;
	color: #808080;
}