/* Modal styles */

        .tip-jar {
            display: none;
            position: absolute !important;
            background-color: white;
            border: 1px solid #ccc;
            padding: 10px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            z-index: 1000;
        }

.libraryList {
    border-radius: 10px; /* Adjust the value to change the roundness */
    background-color: #f0f0f0; /* Light grey background color */
    padding: 20px; /* Add some padding inside the div */
    /* Add more styles here as needed */
    width:650px;
}

.bookmarkDiv { 
/*	background-color: #DDD; */ 
	cursor: pointer;
	font-family: Ubuntu ; 
	font-size: .6em;
	margin-top:.1em;
}
#collabForms .bookmarkDiv { 
	font-size:1.2em; /* when not in the modal, don't shrink it */ 
}
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&family=Indie+Flower&family=Caveat:wght@400..700&display=swap');
.lyric-modal {
    display: none;
    position: absolute; 
    z-index: 1;
    left: 50%;
    top: 22em;  
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 900px; /* Limit the maximum width of the modal */
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.lyric-modal-content {
    max-height: 700px;
    overflow-y: auto;
    margin-top: 20px;
}
.collabListLink {
    color: #518BA1;
    font-weight: bold;
	cursor: pointer;
}
.close {
    color: #aaaaaa;
/*    float: right; */ 
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
}

/* Paper texture background for detailBody */
.detailBody {
    background-image: url('http://mixter.plus/css/img/watercolor-paper-texture.jpg');
    padding: 20px; /* Add some padding to separate content from the edges */
    border-radius: 5px;
}

.ajaxLyricsOdd { 
font-family: 'Caveat, cursive' !important;
}
.ajaxLyricsEven { 
font-family: 'Indie Flower, cursive' !important  ; 
}