#edit-status--wrapper, 
#edit-role-change--wrapper,
.form-item-notify {
	display: none; 
} 

.user-pass {
	display: inline-table;
}

.page-header {
	padding-top: 10px;
}

.footer {
	z-index: 1;
}

/* ---------- Buttons --------------- */

.block-itopia-domain-front .form-wrapper {
	display: flex;
}

.itopia-button-wrapper {
	margin-bottom: 20px !important;
}

/* button wrapper */
.btn.btn-wrap {
	position: relative;
	padding: 0px;
	display: inline-flex;
	align-items: center;
} 

/* button icon */
.glyphicon
{
	pointer-events: none; 
	position: absolute; 
	top: calc(50% - 7px);
	left: 8px; 
}

/* button text */
.btn.btn-primary .button,
.btn.btn-danger .button,
.btn a,
.btn.btn-cancel .button,
.dropbutton-wrapper .custom-dropdown .links a,
.dropbutton-wrapper .custom-dropdown .dropdown-menu li a
{
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	
	padding-left: 30px; 
	padding-right: 10px;
	background-color: transparent;

	display: flex;
	align-items: center;
}

.dropbutton-wrapper .custom-dropdown .dropdown-menu li a {
	padding-left: 35px; 
}

::placeholder {
  color: #555555 !important;
}

/* --- Dark-mode CKeditor5 ---------------------------------------- */

/* custom_ckeditor.css */
:root {
	--itopia-ck-color-base-background: #333; /* Dark background */
	--itopia-ck-color-base-text: #eee; /* Light text */
	--itopia-ck-color-toolbar-background: #444; /* Darker toolbar */
	--itopia-ck-color-button-default-background: #555; /* Dark button background */
	--itopia-ck-color-button-default-color: #eee; /* Light button text */
}

.ck.ck-toolbar {
	background-color: var(--itopia-ck-color-base-background) !important; 
	
}
.ck.ck-toolbar:hover {
	background-color: var(--itopia-ck-color-base-background) !important;
}

/* the toolbar borders */
.ck.ck-sticky-panel__content {
	border-color: var(--itopia-ck-color-base-background) !important;
}

.ck.ck-button.ck-off {
	color: var(--itopia-ck-color-base-text) !important;
}
.ck.ck-button.ck-off:hover {
	color: #000 !important;
}

.ck.ck-editor__editable {
	border-color: rgba(255, 255, 255, 0.3) !important;
}

.ck.ck-editor__editable:focus {
	border-color: rgba(24, 194, 231, 0.8) !important;
}