/* Basic styles for the notes form */
textarea#ld_student_note {
    width: 90%;
    height: 150px;
    padding: 20px;
    border-radius: 10px;
    font-size: 17px;
}

/* Styles for the save button */
.save-note-btn {
    background-color: #009DCC;
	min-width: 40% !important;
    color: white;
    font-size: 17px;
    padding: 10px 20px;
    border: none;
    border-radius: 50px !important;
    cursor: pointer;
    display: block;
    width: fit-content;
    margin: 0 auto; /* Középre igazítás */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Sima színátmenet és animáció */
}

.save-note-btn.active {
    background-color: #019e7c; /* Green when active */
    transform: scale(1.05); /* Enyhe nagyítás */
}

.save-note-btn:hover {
    background-color: #019e7ca8; /* Sötétebb árnyalat */
    transform: scale(1.05); /* Hoverkor enyhe nagyítás */
}

.save-note-btn:active {
    background-color: #45a049;
    transform: scale(0.95); /* Gomb lenyomáskor kisebb méret */
}

/* Loading spinner styles */
.loading-spinner {
    border: 3px solid #f3f3f3; /* Light gray */
    border-top: 3px solid #4CAF50; /* Green */
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-right: 5px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Save checkmark style */
.save-checkmark {
    color: #fff;
    font-size: 20px; /* Nagyobb méret */
    margin-left: 5px;
}

/* Error message style */
.error-message {
    color: #CB0343; /* Piros szöveg */
	font-size: 20px;
    font-weight: bold; /* Vastagabb betűk a kiemeléshez */
    font-family: 'IBM Plex Sans', sans-serif; /* IBM Plex Sans betűtípus használata */
    margin-bottom: 10px; /* Kisebb távolság a szövegdoboz és az üzenet között */
}