.xbccw{
	background-color: white;
}

.loginDiv{
	text-align: center;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 0px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    border-radius: 10px;
    padding-bottom: 10px;
}

.updatePasswordFormDiv{
	text-align: center;
    margin: 0;
    position: absolute;
    top: 25%;
    left: 35%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 0px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    border-radius: 10px;
    padding-bottom: 10px;
}

.verifyCodeDiv {
	text-align: center;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 0px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    border: .5px solid rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding-bottom: 10px;
}

.resetDiv{
	text-align: center;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%), 0 2px 2px 0 rgb(0 0 0 / 20%), 0 4px 6px 2px rgb(0 0 0 / 15%);
	border: .5px solid rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding-bottom: 10px;
    width: 35%;
}

.inplace-editor {
    position: relative;
}

.inplace-icon {
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}

.notifications-container {
    height: 65px; /* Set a fixed height */
    overflow-y: auto; /* Show vertical scrollbar when content overflows */
}

.ui-messages-error .ui-messages-error-icon {
    display: none !important;
}

/* For <p:message> */
.ui-message-error .ui-message-icon {
    display: none !important;
}

body .ui-messages > div {
	padding: 0.25rem !important;
	margin: 0.25rem !important;
}