@media print {
	body {
		width: 100%;
		margin: 0 !important;
	}
}

.editor-container {
	width: 100% !important;
	max-width: 100%;
}

.ck-content {
	line-height: 1.6;
	word-break: break-word;
	height: 700px;
}

.ck-editor__editable,
.editor-container_classic-editor .editor-container__editor {
	min-width: 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

.ck-content {
	background-color: #1e1e21 !important;
	color: #ffffff !important;
	box-shadow: 0 0 3px -1px rgb(0 0 0 / 45%) !important;
	padding: 10px 20px !important;
	font-size: 15px;
}

.ck.ck-toolbar {
	background-color: #26262a !important;
	border: none !important;
}

.ck.ck-toolbar .ck-button {
	color: #ffffff !important;
	background-color: #26262a;
}

.ck.ck-toolbar .ck-button:not(.ck-color-grid__tile).ck-on,
.ck.ck-toolbar .ck-button:not(.ck-color-grid__tile):hover,
.ck.ck-toolbar .ck-button:not(.ck-color-grid__tile):focus,
.ck.ck-toolbar .ck-button:not(.ck-color-grid__tile):active {
	background-color: #3e3e3e !important;
	color: #ffffff !important;
}

.ck.ck-toolbar .ck-button .ck-icon {
	fill: #ffffff !important;
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
	background-color: #333333 !important;
}
.ck.ck-toolbar .ck-dropdown .ck-dropdown__panel .ck-list__item .ck-button {
	color: #ffffff !important;
}

.ck.ck-dropdown__panel,
.ck.ck-toolbar .ck.ck-color-grid {
	background-color: #26262a !important;
	border: 1px solid #26262a !important;
	box-shadow: 0 0 3px -1px rgb(0 0 0 / 45%) !important;
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused),
.ck.ck-editor__editable.ck-focused {
	border: none !important;
}

.ck.ck-input {
	color: #ffffff !important;
	background-color: #1e1e21 !important;
	border: 1px solid #1e1e21 !important;
	height: 40px !important;
	line-height: 40px !important;
	font-size: 14px !important;
	display: flex;
	align-items: center;
}
.ck.ck-list__item > .ck-switchbutton.ck-on,
.ck.ck-reset {
	color: #ffffff !important;
	background-color: #1e1e21 !important;
}

.ck.ck-list__item .ck-button__label {
	margin-left: 5px !important;
	padding: 5px 0;
}
.ck.ck-list__item .ck-button__toggle {
	margin-right: 5px !important;
}
.ck-vertical-form > .ck-button:nth-last-child(2):after {
	border-right: 1px solid #1e1e21 !important;
}
.ck.ck-link-form_layout-vertical > .ck-button:not(:focus) {
	border-top: 1px solid #1e1e21 !important;
}

.ck-body-wrapper input:not(.ck-color-grid__tile):focus,
.ck-body-wrapper button:not(.ck-color-grid__tile):focus,
.ck.ck-toolbar input:not(.ck-color-grid__tile):focus,
.ck.ck-toolbar button:not(.ck-color-grid__tile):focus {
	transition: background-color 5000s ease-in-out 0s;
	box-shadow: 0 0 0px 1000px #000 inset !important;
}

.ck.ck-dialog,
.ck.ck-balloon-panel {
	background-color: #26262a !important;
	border: 1px solid #26262a !important;
	color: #ffffff !important;
	box-shadow: 0 0 3px -1px rgb(0 0 0 / 45%) !important;
}
.ck.ck-dialog .ck-form__header {
	border-bottom: 1px solid #1e1e21 !important;
}
.ck.ck-dialog .ck-form__header__label,
.ck.ck-dialog .ck-labeled-field-view__status {
	color: #ffffff !important;
}
.ck.ck-powered-by {
	display: none !important;
}

.ck.ck-editor__editable_inline::-webkit-scrollbar {
	width: 5px !important;
}

.ck.ck-editor__editable_inline::-webkit-scrollbar-track {
	background: #2e2e30 !important;
}

.ck.ck-editor__editable_inline::-webkit-scrollbar-thumb {
	background-color: #5a5a5d !important;
	border-radius: 6px !important;
	border: 2px solid #2e2e30 !important;
}

.ck.ck-editor__editable_inline::-webkit-scrollbar-thumb:hover {
	background-color: #76767a !important;
}

.ck.ck-editor__editable_inline {
	scrollbar-width: thin;
	scrollbar-color: #5a5a5d #2e2e30;
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
	color: #ff4500 !important;
}

.editor-container .word-coun {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #ccc;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #26262a !important;
	padding: 8px;
	font-weight: bold;
}

/* .sticky-toolbar {
	position: sticky;
	top: 0;
	z-index: 1;
} */

/* .ck-toolbar.sticky {
	position: static !important;
	top: auto !important;
} */

/* .ck-toolbar {
	position: relative !important;
}

.ck-editor__top .ck-sticky-panel {
	position: relative !important;
	top: auto !important;
} */

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
	position: relative !important;
	top: auto !important;
	z-index: 0;
}

.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
	z-index: 0;
}

.ck-content figure.image {
	display: flex !important;
}
.image-style-align-left {
	display: flex;
	justify-content: flex-start;
}

.image-style-align-center {
	display: flex;
	justify-content: center;
}

.image-style-align-right {
	display: flex;
	justify-content: flex-end;
}

.ck-content .image img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	min-width: auto;
}

.ck-content .image.image-style-align-right,
.ck-content .image.image-style-align-left {
	float: unset;
	margin-left: 0;
	margin-right: 0;
}
@media screen and (max-width: 600px) {
	.editor-box {
		width: 100%;
		max-width: 100vh;
	}
	.ck-content {
		height: 300px;
	}
}