/* customer-primary: #FF4208;--> */
* {
    --customer-primary: #00CCCC;
    --customer-primary-hover: #00FFB9;
    --customer-primary-active: #00E5AA;
}


    .jcp-page-background {
    background:
            linear-gradient(70deg, var(--customer-primary), transparent 70%),
            linear-gradient(20deg, transparent 60%,  #00FFB9DD 75%, #00E5AA 100%),
            #00CCCC;
    background-blend-mode: normal;
}


.jcp-info-box {
    border: 1px solid lightgrey;
    padding: 1rem;
    margin-top: 16px;
    margin-bottom: 16px;
}
.jcp-info-box.jcp-info-box-danger {
    background: #D32F2F;
    color: white;
}

.jcp-info-box.jcp-info-box-notification {
    background: #0288D1;
    color: white;
}

.jcp-button {
    color: whitesmoke;
    font-weight:bold;
    background: #222222;
    border: 1px solid #222222;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
}

.jcp-button:hover {
    color: #cccccc;
    font-weight:bold;
}

.jcp-button:disabled {
    color: darkgray;
    font-weight:bold;
    background: #dddddd;
    border: 1px solid darkgray;
}



.gray-button {
    background:#666666;
    border-color:#666666
}

.p-label {
    font-weight: bold;
}


.p-inputtext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    color: #495057;
    background: #ffffff;
    padding: 0.5rem 0.5rem;
    border: 1px solid #ced4da;
    border-width: 1px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    appearance: none;
    border-radius: 3px;
    box-sizing: border-box;
}
.p-inputtext:enabled:hover {
    border-color: var(--customer-primary);
}

.login-form label {
    color: white;
}

.login-form a {
    color: white;
}