:root {
--tlf_font_size: 32px;
--tlf_height32: 36px;
--tlf_height64: 64px;
}



.tlf_login_div {
	max-width: 800px;
}
.tlf_login_lable {
	width: 25%;
	float: left;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size); 
}
.tlf_login_input{
	width: 75%;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
}
.tlf_login_login {
	width: 100%;
	background: #1c7ac7;
	color: white;
	height: var(--tlf_height64);
	float: left;
	font-size: var(--tlf_font_size);
	cursor: pointer;
}
.tlf_login_error {
	width: 100%;
	color: red;
	height: var(--tlf_height64);
}
.tlf_title {
	width: 100%;
	background: black;
	color: white;
	height: var(--tlf_height32);
	font-size: var(--tlf_font_size);
}
.tlf_dashboard_div{
	max-width: 800px;
}
.tlf_dashboard_logout{
	width: 100%;
	background: #a21313;
	color: white;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
	cursor: pointer;
}
.tlf_dashboard_playlist {
	width: 100%;
	background: #0a8230;
	color: white;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
	cursor: pointer;
}
.tlf_dashboard_settings {
	width: 100%;
	background: #41614b;
	color: white;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
	cursor: pointer;
}
.tlf_dashboard_upload {
	width: 100%;
	background: #b58f3f;
	color: white;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
	cursor: pointer;
}
.tlf_upload_button {
	width: 100%;
	background: #1c7ac7;
	color: white;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
	cursor: pointer;
}
.tlf_upload_ok {
	width: 100%;
	color: #076508;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
}
.tlf_upload_error {
	width: 100%;
	color: #8f0d0d;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
}
.tlf_upload_div {
	background: #7fc8ea;
    padding: 20px;
	font-size: var(--tlf_font_size);
}
.tlf_uploadbulk_button {
	width: 100%;
	background: #277652;
	color: white;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
	cursor: pointer;
}
.tlf_uploadbulk_div {
	background: #8fe1bc;
    padding: 20px;
	font-size: var(--tlf_font_size);
}
.tlf_upload_single {
	width: 100%;
	color: #8f0d0d;
	height: var(--tlf_height64);
	float: left;
	font-size: var(--tlf_font_size);
}
.tlf_upload_multi {
	width: 100%;
	color: #8f0d0d;
	height: var(--tlf_height64);
	float: left;
	font-size: var(--tlf_font_size);
}
.tlf_dashboard_playAll {
	width: 100%;
	background: #1c7ac7;
	color: white;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
	cursor: pointer;
}
.tlf_audiolabel {
	width: 100%;
	background: #305c32;
	color: white;
	height: var(--tlf_height32);
	font-size: 24px;
}
.tlf_tracklabel {
	width: 100%;
	background: #d7d7d7;
	color: #c64242;
	height: var(--tlf_height32);
	font-size: 18px;
	border: none;
    padding: 1px;
    margin: 1px;
	cursor: pointer;
}
audio#tlf_audio {
    width: 100% !important;
}
.tlf_rating{
	display: inline-flex;
	height: 36px;
}
.tlf_rating0 {
	accent-color: #ff0000;
	border-bottom: 6px solid #ff0000;
	margin-bottom: 8px;
}
.tlf_rating1 {
	accent-color: #dd0606;
	border-bottom: 6px solid #dd0606;
	margin-bottom: 8px;
}
.tlf_rating2 {
	accent-color: #ce871b;
	border-bottom: 6px solid #ce871b;
	margin-bottom: 8px;
}
.tlf_rating3 {
	accent-color: #042eff;
	border-bottom: 6px solid #042eff;
	margin-bottom: 8px;
}
.tlf_rating4 {
	accent-color: #44bcd0;
	border-bottom: 6px solid #44bcd0;
	margin-bottom: 8px;
}
.tlf_rating5 {
	accent-color: #06dd20;
	border-bottom: 6px solid #06dd20;
	margin-bottom: 8px;
}
.tlf_trackrating {
    background: #1c7ac7;
    color: white;
    height: 32px;
    font-size: 16px;
    width: 80px;
	cursor: pointer;
}
.tlf_trackrating_div {
	margin-left: 10px;
}
.tlf_lyric_div {
	margin-right: 20px;
}
.tlf_lyric {
    background: #066921;
    color: white;
    height: 32px;
    font-size: 16px;
    width: 80px;
	cursor: pointer;
}
.tlf_lyric_text {
	width: 100%;
	background: #b2e5be;
	color: #000000;
	height: 250px;
}
.tlf_lyric_div2 {
}
.tlf_lyric_div2_button{
	width: 100%;
	background: #b00000;
    color: white;
    height: 21px;
    font-size: 16px;
	cursor: pointer;
}
.tlf_dashboard_classic {
	width: 100%;
	background: #b2e5be;
	color: #000000;
	height: 50px;
    font-size: var(--tlf_font_size);
}
.tlf_notracksfound {
	width: 100%;
	background: red;
    color: white;
    height: 50px;
    font-size: var(--tlf_font_size);
	margin-top: 30px;
}
.tlf_playlist_div1 {
	width: 100%;
	background: #1c7ac7;
    color: white;
    height: 32px;
    font-size: var(--tlf_font_size);
	margin-top: 30px;
	margin-bottom: 10px;
}
.tlf_playlist_name {
	width: 25%;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
}
.tlf_playlist_input {
	width: 50%;
	height: var(--tlf_height32);
	font-size: var(--tlf_font_size);
}
.tlf_playlist_button {
	width: 20%;
	background: #1c7ac7;
	color: white;
	height: var(--tlf_height32);
	font-size: var(--tlf_font_size);
	cursor: pointer;
}
.tlf_playlist_div3 {
	width: 100%;
	background: #0a8230;
    color: white;
    height: 32px;
    font-size: var(--tlf_font_size);
	margin-top: 30px;
	margin-bottom: 10px;
}
.tlf_playlist_table {
	width: 100%;
}
.tlf_playlist_tr {
	width: 100%;
}
.tlf_playlist_ID {
	width: 10%;
	text-align: left;
}
.tlf_playlist_Desc {
	width: 60%;
	float: left;
	text-align: left;
}
.tlf_playlist_NR {
	width: 10%;
	text-align: right;
}
.tlf_playlist_Date {
	width: 20%;
	float: right;
	text-align: right;
    font-size: 10px;
}
.tlf_settings_div1 {
	width: 100%;
	background: #1c7ac7;
    color: white;
    height: 32px;
    font-size: var(--tlf_font_size);
	margin-top: 30px;
	margin-bottom: 10px;
}
.tlf_settings_div1 {
	width: 100%;
	background: #1c7ac7;
    color: white;
    height: 32px;
    font-size: var(--tlf_font_size);
	margin-top: 30px;
	margin-bottom: 10px;
}
.tlf_settings_error {
    color: red;
}
.tlf_settings_ok {
    color: green;
}
.tlf_playlist_div {
	margin-left: 25px;
}
.tlf_playlist_button {
    background: #99188a;
    color: white;
    height: 32px;
    font-size: 16px;
    width: 80px;
	cursor: pointer;
}
.tlf_dashboard_search {
	width: 100%;
	background: #740a82;
	color: white;
	height: var(--tlf_height64);
	font-size: var(--tlf_font_size);
	cursor: pointer;
}
.tlf_search_div {
    padding: 20px;
	font-size: var(--tlf_font_size);
}
.tlf_searchTitle {
	width: 80%;
	height: var(--tlf_height32);
}
.tlf_searchAuthor {
	width: 80%;
	height: var(--tlf_height32);
}
.tlf_searchGenre {
	width: 80%;
	height: var(--tlf_height32);
}
.tlf_search_button {
	width: 100%;
	background: #1c7ac7;
	color: white;
	height: var(--tlf_height32);
	font-size: var(--tlf_font_size);
	cursor: pointer;
}
.tlf_playlist_next {
    background: #1c7ac7;
    color: white;
    height: 32px;
    font-size: 16px;
    width: 20%;
	cursor: pointer;
	margin-left: 20px;
	width: 80px;
}
.tlf_settings_disabled_div1 {
	width: 100%;
	background: #990f69;
    color: white;
    height: 32px;
    font-size: var(--tlf_font_size);
	margin-top: 30px;
	margin-bottom: 10px;
}
.tlf_settings_rating_th {
  border: 1px solid black;
}
.tlf_searchFlgRated {
	font-size: 28px;
}
.tlf_searchNrTracks {
	font-size: 28px;
}
.tlf_lyric_listmain {
	overflow:scroll;
	height:400px;
}