* {font-family: "Arial";}

body {
	background-color: #f0f0f0;
}

.chord {
	cursor: pointer;
}

#tab *, #tab{
	word-break: break-word;
	font-family: monospace;
}

textarea {
	font-family: monospace;
}

audio::-webkit-media-controls-enclosure {
    border-radius: 0;
	background-color: #fff;
}

.audio {
	background-color: #fff;
	position: absolute;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.audio-playlist::-webkit-media-controls-play-button,
.audio-playlist::-webkit-media-controls-panel {
	background-color: #f0f0f0;
}

.card-lista {
	border-left: 5px solid #d72a2d;
}

.search-container {
    position: relative;
}

.search-input {
    height: 50px;
    border-radius: 30px;
    padding-left: 35px;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.search-icon {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #888;
}

#testo p, #traduzione p, #commento p {
    margin-bottom: 0px;
}

#traduzione, #commento {
    word-wrap: break-word;
	word-break: keep-all;
}

.btn-primary {
	transition: all 0.1s ease-in-out;
}

.btn-primary.active {
	border-radius: 25% !important;
	background-color: #4593FC;
	transition: all 0.1s ease-in-out;
}

.playlist-canzoni {
	border-left: 3px solid #d7d7d7;
	border-bottom: 1px solid #e0e0e0;
	border-radius: 0 0 0 8px;
}

#loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #0005;
	z-index: 100;
}

#loader > div {
	margin: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.form-check-input[type=checkbox]:not(:checked) {
	background-color: #e7e7e7;
	border: 1px solid #989898;
}

.btn-outline-primary-omg {
	--bs-btn-color: #d72a2d;
	--bs-btn-border-color: #d72a2d;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #d72a2d;
	--bs-btn-hover-border-color: #d72a2d;
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #d72a2d;
	--bs-btn-active-border-color: #d72a2d;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #d72a2d;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #d72a2d;
	--bs-gradient: none;
}