.form-container-back {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    background-image: url("/labour/jakarta.faces.resource/images/Labour_Background.jpg.jsf");
}

.form-container {
    position: absolute;
    top: 70px;
    left: 50%;
    width: 40em;
    height: 35em;
    padding: 0;
    transform: translate(-50%, 0%);
}

/* Set a style for the submit/login button */
.form-container .btn {
    background-color: #04AA6D;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
    opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
    background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
    opacity: 1;
}

.container-image {
    clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 100%);
    height: 75vh;
    border-radius: 10px;
}

.container-content {
    height: 70vh;
}

body .ui-layout-unit {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    /*background-image: linear-gradient(to top, #1ed2f4 0%, #224393 100%);*/
}

span.ui-password.ui-password-masked.ui-inputwrapper.ui-input-icon-right.ui-inputwrapper-filled {
    width: 100% !important;
}

span.ui-password.ui-password-masked.ui-inputwrapper.ui-input-icon-right {
    width: 100% !important;
}

.maupass-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 50px;               /* same height as logo */
    background: linear-gradient(135deg, #444444, #5a5a5a);
    border: 2px solid #ffffff;
    border-radius: 6px;
    color: #ffffff;
    font-family: Arial, sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

.maupass-btn:hover {
    background: linear-gradient(135deg, #505050, #686868);
}

.maupass-small {
    font-size: 11px;
    font-weight: 400;
    color: #dddddd;
    margin-right: 4px;
}

.maupass-large {
    font-size: 14px;
    font-weight: 600;
}