/* Basic styling */
html, body {
    background-color: #B7D3F2;
    color: #1A4FA3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(26, 79, 163, 0), rgba(26, 79, 163, 0.75), rgba(26, 79, 163, 0));
    margin: 2em 0;
}

.logo {
    display: block;
    width: 40%;
    margin: 0 auto 2em auto;
}

.logo-small {
    display: block;
    width: 20%;
    margin: 0 auto 2em auto;
}

h1, h2, h3 {
    color: #1A4FA3;
}

.ui-panelgrid-cell h3 {
    color: #333 !important;
}

/* Utility classes */
.text-center {
    text-align: center;
}

.w-full {
    width: 100%;
    box-sizing: border-box;
}

.my-3 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.m-0 {
    margin: 0;
}

.no-underline,
.no-underline a,
.no-underline span {
    text-decoration: none !important;
}

.ui-state-disabled div {
    background-color: #DDD;
}

.error-text {
    color: red;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em;
}

.flex-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
}

.clickable-card {
    border-radius: 8px;
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.clickable-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.card-title {
    color: #333;
    margin: 0 0 0.5rem 0;
    text-align: center;
}

.card-subtitle {
    color: #666;
    margin: 0;
    text-align: center;
}

/** PRIMEFACES STYLING **/
/* Form styling */
.ui-password {
    width: 100%;
}

/* Panel styling */
.ui-panel-titlebar {
    background-color: #A3C2ED !important;
    color: white !important;
    border: none !important;
}


/* Input styling */
.ui-inputtext, .ui-inputfield {
    border: 1px solid #95B8E7 !important;
}

.ui-inputtext:focus, .ui-inputfield:focus {
    border-color: #6B9BE0 !important;
    box-shadow: 0 0 3px #A3C2ED !important;
}

/* Button styling */
.ui-button {
    border: none !important;
    color: #FFFFFF !important;
    transition: background-color 0.2s !important;
}

.ui-button-primary {
    background-color: #8AB1E9 !important;
}

.ui-button-primary:hover {
    background-color: #6B9BE0 !important;
}

.ui-button-secondary {
    background-color: #D1E0F2 !important;
    color: #1A4FA3 !important;
    border: 1px solid #95B8E7 !important;
    transition: all 0.2s ease-in-out !important;
}

.ui-button-secondary:hover {
    background-color: #C4D7F0 !important;
    border-color: #6B9BE0 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(26, 79, 163, 0.2);
}

/* Label styling */
.ui-outputlabel {
    color: #1A4FA3 !important;
}

/* Panel styling */
.ui-panelgrid-cell {
    padding: 0.5em !important;
    background-color: transparent !important;
}

.form-group {
    margin-bottom: 20px;
}