#myProgress {
  width: 100%;
  background-color: #74b9ff;
  position: absolute;
}

#myBar {
  width: 1%;
  height: 10px;
  background-color: #0984e3;
}

#toolbar-container {
  margin-top: 16px;
  /*min-height:100px*/
}


/**
 * Nestable
 */


body {
  margin-top: 20px;
  background-color: #f7f7ff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0px solid rgba(0, 0, 0, 0);
  border-radius: .25rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}

.fm-file-box {
  font-size: 25px;
  background: #e9ecef;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .25rem;
}

.ms-2 {
  margin-left: .5rem !important;
}

.fm-menu .list-group a {
  font-size: 16px;
  color: #5f5f5f;
  display: flex;
  align-items: center;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}

.list-group-item {
  position: relative;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
}

.radius-15 {
  border-radius: 15px;
}

.fm-icon-box {
  font-size: 32px;
  background: #ffffff;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .25rem;
}

.font-24 {
  font-size: 24px;
}

.ms-auto {
  margin-left: auto !important;
}

.font-30 {
  font-size: 30px;
}

.user-groups img {
  margin-left: -14px;
  border: 1px solid #e4e4e4;
  padding: 2px;
  cursor: pointer;
}

.rounded-circle {
  border-radius: 50% !important;
}

/* --------- EDITOR STYLES  ---------------------------------------------------------------------------------------- */

.editor__editable,
/* Classic build. */
main .ck-editor[role='application'] .ck.ck-content,
/* Decoupled document build. */
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
/* Inline & Balloon build. */
.ck.editor[role='textbox'] {
  width: 100%;
  background: #fff;
  font-size: 1em;
  line-height: 1.6em;
  min-height: var(--ck-sample-editor-min-height);
  padding: 1.5em 2em;
}

main .ck-editor[role='application'] {
  overflow: auto;
}

.ck.ck-editor__editable {
  background: #fff;
  border: 1px solid hsl(0, 0%, 70%);
  width: 100%;
}

/* Because of sidebar `position: relative`, Edge is overriding the outline of a focused editor. */
.ck.ck-editor__editable {
  position: relative;
  z-index: var(--ck-sample-editor-z-index);
}

.editor-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  justify-content: center;
}

.text-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.cover-resize-wrapper {
  position: relative;
  width: 100%;
  height: 20rem;
  overflow: hidden;
  /*display: none;*/
}

  .cover-resize-wrapper img {
    position: absolute;
    width: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .3);
  }