.cursor-pointer {
    cursor: pointer;
}

.division-input {
    max-width: 150px !important;
}

.spinner-border {
    width: 1rem !important;
    height: 1rem !important;
}

.student-parent {
    border: 1px solid #933dda;
    background-color: #dfd2eb;
    border-radius: 30px;
    padding: 10px 20px;
}

.student-school-parent {
    border: 1px solid #26ee0c;
    background-color: #c4f5b9;
    border-radius: 30px;
    padding: 10px 20px;
}

.announcement-board {
    border: 1px solid #fae104;
    background-color: #fffeac;
    border-radius: 30px;
    padding: 10px 20px;
}

.student-standard-parent {
    border: 1px solid #08a6f0;
    background-color: #bfe6f8;
    border-radius: 30px;
    padding: 10px 30px;
}

.student-attendance-parent {
    border: 1px solid #ffc800;
    background-color: #f8f87f;
    border-radius: 30px;
    padding: 10px 30px;
}

.title-parent {
    border: 1px solid #07c4f3;
    background-color: #c6def3;
    padding: 8px 16px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #000000;
}

.exercise-card {
    border: 1px solid #ac04fa;
    background-color: #ecdef1;
    border-radius: 30px;
    padding: 8px 16px;
}

.start-exercise-btn {
    border: 1px solid #7c1288;
    background-color: #8c048f;
    border-radius: 15px;
    padding: 8px 16px;
    font-weight: bold;
    color: #ffffff;
}

.student-login-parent {
    border: 1px solid #933dda;
    background-color: #dfd2eb;
    max-width: 420px;
    width: 100%;
    padding: 20px;
    border-radius: 30px;
}

.login-input {
    border: 1px solid #933dda;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 10px;
    width: 100%;
}

.login-input:focus {
    border: 1px solid #933dda;
}

.login-button {
    border: 1px solid #933dda;
    padding: 10px 20px;
    border-radius: 15px;
    background-color: #933dda;
    color: #ffffff;
    width: 80%;
}

.exercise-header {
    border: 1px solid #933dda;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.question-card {
    border: 1px solid #933dda;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.page-link {
    padding: 4px 14px !important;
    border-radius: 10px;
    margin: 5px;
}

.pagination-sm .page-item:first-child .page-link {
    border-radius: 10px !important;
}

.pagination-sm .page-item:last-child .page-link {
    border-radius: 10px !important;
}

.previous-btn {
    border-radius: 10px;
    padding: 10px 20px;
    border: 1px solid #f6ae04;
    background-color: #f4dfad;
}

.previous-btn-disabled {
    cursor: not-allowed !important;
    border: 1px solid #c5c2c2;
    background-color: #ecebea;
}

.next-btn {
    border-radius: 10px;
    padding: 10px 20px;
    border: 1px solid #0c8baf;
    background-color: #b5d9ea;
}

.submit-btn {
    border-radius: 10px;
    padding: 10px 20px;
    border: 1px solid #1fdc07;
    background-color: #c6f0af;
}

.option-card {
    border: 1px solid #959496;
    border-radius: 20px;
    width: 100%;
    margin-bottom: 10px;
    min-height: 70px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.selected-option-card {
    border: 3px solid #49c809 !important;
}

.pair-parent {
    border: 1px solid #959496;
    border-radius: 20px;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    display: flex;
    justify-content: start;
    align-items: center;
    min-height: 70px;
}

.explanation-card {
    border: 1px solid #5bcc0a;
    background-color: #c7eeab;
    border-radius: 30px;
    padding: 8px 16px;
}

.start-explanation-btn {
    border: 1px solid #3c8b04;
    background-color: #46a106;
    border-radius: 15px;
    padding: 8px 16px;
    font-weight: bold;
    color: #ffffff;
}

.homework-card {
    border: 1px solid #0d8ef1;
    background-color: #abd1ee;
    border-radius: 30px;
    padding: 8px 16px;
}

.start-homework-btn {
    border: 1px solid #0037ff;
    background-color: #245bf3;
    border-radius: 15px;
    padding: 8px 16px;
    font-weight: bold;
    color: #ffffff;
}