/***

CKEditor's stylesheets are not accessible in Zope; they must be edited 
on pier.ecn.purdue.edu. The path to the css files is:
/web/entities/ECN/ckeditor/skins/kama, and the names are editor.css 
and dialog.css.

If necessary, we can override styles here using the !important flag.

***/

textarea.cke_source {
  text-wrap: wrap !important;
}

/*************************
  FONT, FORMAT, AND STYLES PANELS
*************************/
.cke_panel {
  width: fit-content !important;
}

.cke_font_panel,
.cke_format_panel,
.cke_styles_panel {
  width: fit-content !important;
  height: auto;
}


/*** 
CKEditor object select dialog (cke_select_dialog). This is entirely generated 
by us in Zope, so we have full control over the structure and styles.
***/
  
body.ck-edit-dialog {
  padding: 0px;
  margin: 0px;
}

.ck-edit-dialog #select-dialog {
  width: 100%;
  height: 100%;
  background-color: #ECE9D8;
  font-family: verdana, helvetica, arial, san-serif;
  font-size: 11px;
}

.ck-edit-dialog #current-path-label {
  text-align: right;
  width: 80px;
  height: 30px;
}

.ck-edit-dialog #current-path {
  width: 250px;
}

.ck-edit-dialog #current-path option {
  padding: 2px 0px 2px 18px;
  /* background-image: url(/Intranet/ObjectTypes/Folder/icon.gif); */
  background-position: left center;
  background-repeat: no-repeat;
}

.ck-edit-dialog #current-path-up img {
  padding: 3px;
  border: 1px solid #ECE9D8;
}

.ck-edit-dialog #current-path-up:hover img {
  border: 1px solid #999;
  background-color: #F3F3F3;
}

.ck-edit-dialog #jump-to {
  vertical-align: top;
  background-color: #F9F8F3;
  border: 1px solid #69C;
}

.ck-edit-dialog #jump-to a {
  display: block;
  /* background-image: url(/Intranet/ObjectTypes/Folder/icon.gif); */
  background-repeat: no-repeat;
  background-position: center 4px;
  padding: 25px 2px 6px 2px;
  margin-bottom: 5px;
  text-align: center;
  text-decoration: none;
  color: #000;
}

.ck-edit-dialog #jump-to a:hover {
  background-color: #FFF;
}    

.ck-edit-dialog #current-listing-container {
  height: 270px;
  vertical-align: top;
}

.ck-edit-dialog #current-listing {
  border: 1px solid #69C;
  background-color: #FFF;
  height: 100%;
  width: 100%;
}

.ck-edit-dialog #current-object-container {
  height: 30px;
}

.ck-edit-dialog #current-object-label {
}

.ck-edit-dialog #current-object {
  font-weight: bold;
}

.ck-edit-dialog #select-button-container {
  text-align: right;
  height: 30px;
}


/*** 
CKEditor object select dialog object list (cke_select_dialog_listing). 
This is entirely generated by us in Zope, so we have full control 
over the structure and styles.
***/

body.ck-edit-dialog-listing {
  padding: 0px;
  margin: 0px;
}

.ck-edit-dialog-listing img {
  border: 0px;
}

.ck-edit-dialog-listing .warning {
  text-align: center;
  padding: 15px;
  font-size: 11px;
}

.ck-edit-dialog-listing #folder-listing li,
.ck-edit-dialog-listing #folder-listing li::marker {
  width: 100%;
}

.ck-edit-dialog-listing #folder-listing .icon {
  padding-right: 0px;
}

.ck-edit-dialog-listing #folder-listing a {
  display: block;
  width: 100%;
  color: #333;
  text-decoration: none;
  font-weight: 400;
}

.ck-edit-dialog-listing #folder-listing .selected {
  background-color: #0d6efd;
  color: #fff;
}

.ck-edit-dialog-listing #folder-listing .selected a {
  color: #fff;
}