* {
 font-family: 'Poppins', sans-serif;
}

.redColorBackground{
 background-color: red !important;
}
.text-color{
 color: white !important;
}
body {
 font-family: 'Poppins', sans-serif;
 background-color: #11294e;
}
.tr{
 background-color: #0a1527 !important;
}
input{
 background-color: #060d1a !important;
 color: white !important;
}
select{
 background-color: #060d1a !important;
 color: white !important;
}
input::placeholder{
 color: white !important;
 font-family: "Orbitron", serif;;
}
#admin-botton{
 font-size: 8px;

}

.container {
 max-width: 1200px;
 margin-top: 2rem;
}

.tracker-container {
 background-color: #0C1B33;
 border-radius: 15px;
 padding: 2rem;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.exercise-table {
 margin-top: 2rem;
}

.btn-custom {
 background-color: #2a2a2a;
 color: white;
 padding: 8px 25px;
 border-radius: 8px;
 transition: all 0.3s;
}

.btn-custom:hover {
 background-color: #3a3a3a;
 transform: translateY(-2px);
}

.form-control:focus {
 box-shadow: none;
 border-color: #2a2a2a;
}

.signout-btn {
 background-color: none !important;
 border: none !important;
}
.signout-btn:hover{
 background-color: black !important;
 transition: 1s !important;
}
.table-hover tbody tr:hover {
 background-color: #f8f9fa;
}

input[type="date"]::-webkit-calendar-picker-indicator {
 cursor: pointer;
 filter: invert(0.5);
}

input[type="date"]:invalid::-webkit-datetime-edit {
 color: #6c757d;
}

.deleteGreenBoton{
 color: green;
 background-color: green !important;
}