/* CSS for dropdown panel */
.ck.ck-dropdown__panel {
	max-height: 250px !important;
	/* or anything else, more likely ~300px or so */
	overflow-y: auto !important;
}

/* To hide "Powered By" balloon which is kinda blocking drag to resize button at bottom right */
.ck-powered-by-balloon {
	display: none !important;
}

/* CSS for CKE5 Instance (Including toolbar) */
.ck.ck-editor,
.ck-source-editing-area {
	min-height: 300px !important;

}

/* CSS for CKE5 Editing area focused*/
.ck-focused {
	resize: both;
	/* To allow drag and resize editor*/
}

/* CSS for CKE5 Editing area */
.ck-editor__editable_inline {
	height: 300px;
	min-height: 300px !important;
	max-height: 92vh !important;
	/* Would affect CKE5 "FullScreen" custom plugin too*/
	width: 100% !important;
	max-width: 100% !important;
	overflow-y: auto !important;
}

/* CSS for CKE5 Source Editing area */
.ck-source-editing-area {
	height: 300px;
	min-height: 300px !important;
	max-height: 92vh !important;
	/* Would affect CKE5 "FullScreen" custom plugin too*/
	width: 100% !important;
	max-width: 100% !important;
	resize: both;
	/* To allow drag and resize editor*/
}

/* CSS for CKE5 Source Editing area textarea content */
.ck-source-editing-area textarea {
	overflow-y: auto !important;
	/* Allow the source editing area to be scrollable */
}

/* CSS for list Marker */
.ck ol li::marker {
	/*font-size: 12pt;*/
}

/* CSS for unvisited link */
.ck a:link {
	color: #0000EE;
}

/* CSS for visited link */
.ck a:visited {
	color: #800080;
}

/* CSS for info-box (To be used in CKE5 Style plugin) */
.ck.ck-content p.ck-info-box {
	padding: 1.2em 2em;
	border: 1px solid #e91e63;
	border-left: 10px solid #e91e63;
	border-radius: 5px;
	margin: 1.5em;
}

/* CSS for info-box (To be used in CKE5 Style plugin) */
.ck.ck-content p.ck-subtitle {
	color: #aaa;
	font-style: italic;
	font-family: monospace;
}


/* 2025-12-02 Winson | Commented out as we want to use alignment */
/* Temporary disable left/right table alignment & make default center*/
/*
.ck-content .table {
	float: none;
	margin-left: auto;
	margin-right: auto;
}


.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
	display: none;
}
*/

.internal_link {
	width: 100% !important;
	border-top: 1px solid #ccced1 !important;
	border-bottom: 1px solid #ccced1 !important;
}

.ck-editor__editable .ck-list-bogus-paragraph {
	display: inline !important;
}