:root {

    --main-color: #1e3a5f;

}

.custom-navbar {

    background-color: var(--main-color);

}

.custom-header {

    background-color: var(--main-color);
    color: white;

}

.custom-button {

    background-color: var(--main-color);
    border-color: var(--main-color);
    color: white;

    transition: all 0.25s ease;

}

.custom-button:hover {

    background-color: #274b78;
    border-color: #274b78;
    color: white;

    transform: translateY(-2px);

    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);

}

.custom-button:active {

    transform: translateY(0);

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);

}


.custom-button:focus {

    background-color: #274b78;
    border-color: #274b78;
    color: white;

}

@media print {

    .no-print {
        display: none;
    }

}


.tip-box {

    background-color: #eef6ff;

    border-right: 4px solid #1e3a5f;

    padding: 15px;

    border-radius: 8px;

    margin-bottom: 20px;

}

.tip-title {

    font-weight: bold;

    color: #1e3a5f;

    margin-bottom: 5px;

}

.tip-text {

    color: #555;

    margin: 0;

}