/*
BEGIN style.css
@TITLE: Song Analysis Module
@DESCRIPTION: [DESCRIPTION OF WHAT CODE DOES]
@AUTHOR: Ary van der Pijl
@COMPANY: ATH SOLUTIONS (PTY) LTD
@WEBSITE: https://www.ath.solutions/
@EMAIL: info@ath.solutions
@COPYRIGHT: All Rights Reserved
@LICENSE: MIT (http://opensource.org/licenses/MIT)

BEGIN CHANGELOG
@IMPORTANT NOTICE: Developers working on these files are REQUIRED to maintain this CHANGELOG.
!======================================================================================================================
VERSION 1.0.1
- File Created | Ary van der Pijl | 2025-08-01
- File Modified | Ary van der Pijl | 2025-08-12 | Clean up of code | PR-25
======================================================================================================================!
END CHANGELOG
*/
body {
    background-color: #4DA8DA;
    color: #1C252D;
    background-image: url(/images/background.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.modal-title {
    color: #FFFFFF;
}
.modal-body {
    color: #1C252D;
    background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
}
.modal-footer {
    background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
}
.card {
    background-color: #ffffff;
    color: #1C252D;
    border: 1px solid #D3D3D3;
}

.card-header {
    background-color: #1C252D;
    color: #FFFFFF;
    border-bottom: 1px solid #D3D3D3;
}

.card-body {
    color: #1C252D;
}

.form-control {
    background-color: #D3D3D3;
    color: #1C252D;
    border: 1px solid #1C252D;
}

.form-label {
    color: #1C252D;
}

.btn-primary {
    background-color: #1C252D;
    border-color: #1C252D;
}

.btn-primary:hover {
    background-color: #1E90FF;
    border-color: #1E90FF;
}

.btn-secondary {
    background-color: #D3D3D3;
    border-color: #D3D3D3;
    color: #1C252D;
}

.container {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px;
}

.mdc-card {
    margin-top: 20px;
}

.star-rating {
    margin-bottom: 10px;
}

.tabs {
    margin-bottom: 20px;
}

.tab-content {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #D3D3D3;
    border-top: none;
}

#waveform {
    margin-top: 20px;
    border: 1px solid #D3D3D3;
}

#lastfm-data, #youtube-data, #discogs-data, #audio-analysis-results {
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
}
  .form-control{
	transition: 500;
	background-color: #D3D3D3;
	color: #000000;
  }
  .form-control:focus{
	box-shadow: none;
	border: #ced4da solid 1px;
	background-color: #212529;
	color: #FFFFFF;
  }
  .form-select{
	transition: 500;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	background-color: #D3D3D3;
	color: #000000;
  }
  .form-select:focus{
	box-shadow: none;
	border: none;
	border: #ced4da solid 1px;
	background-color: #212529;
	color: #FFFFFF;
  }