body {
    --ck-z-default: 3000;
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
    --ck-z-modal2: calc( var(--ck-z-modal) + 10 );
}


.form-panel-cont .jp-ckeditor, .modal-body .jp-ckeditor, .form-cont .jp-ckeditor, .section-feedback .jp-ckeditor, .section-finalReport .jp-ckeditor
{
    min-height: 150px;
}


.form-panel-cont .jp-ckeditor, .modal-body .jp-ckeditor, .form-cont .jp-ckeditor, .section-feedback .jp-ckeditor
{
    height: fit-content;
    border: 1px solid #ced4da !important;
}


.form-panel-cont .jp-ckeditor.lastChange, .modal-body .jp-ckeditor.lastChange, .form-cont .jp-ckeditor.lastChange, .section-feedback .jp-ckeditor.lastChange
{
    height: fit-content;
    border: 2px solid green !important;
}


.jp-ckeditor.errorInp
{
    border: 2px solid red !important;
}

.form-panel-cont .jp-ckeditor.ck-focused, .modal-body .jp-ckeditor.ck-focused, .form-cont .jp-ckeditor.ck-focused
{
    height: fit-content;
    border: var(--ck-focus-ring) !important;
}

.form-panel-cont .jp-ckeditor[readonly], .modal-body .jp-ckeditor[readonly], .form-cont .jp-ckeditor[readonly]
{
    background-color: #e9ecef;
}


.ck-balloon-panel_with-arrow.ck-balloon-panel_visible, .ck-balloon-panel_arrowless.ck-balloon-panel_visible {
	z-index: var(--ck-z-modal2) !important; 
}


.aopt-ckeditor
{
    height: fit-content;
    border: 1px solid #ced4da !important;
	min-height: 150px;
	background-color: field;
	width: 100% !important;
}


.aopt-ckditor.ck-focused
{
    border: var(--ck-focus-ring) !important;
}


.govapp-fld.tjp-ckeditor
{
	font-weight: initial;
	font-size: unset;
}


.ck-editor__editable {
	transition: width 0.3s ease;
	transition: height 0.3s ease;
}