@media only screen and (max-width: 992.99px) {
  nav .brand-logo {
    font-size: 1.5em;
  }
}

a.disabled {
  cursor: default;
  color: grey !important;
}

a.disabled:hover {
  background: inherit !important;
}

.hidden {
  display: none !important;
}

.sidenav .user-view {
  position: relative;
  padding: 32px 32px 16px;
  margin-bottom: 8px;
  background: url("../img/side-nav-background.png");
  background-size: cover;
}

.sidenav .user-view>a {
  height: auto;
  padding: 0;
}

.sidenav .user-view>a:hover {
  background-color: transparent;
}

.sidenav .user-view .circle,
.sidenav .user-view .name,
.sidenav .user-view .email {
  display: block;
}

.sidenav .user-view .circle {
  height: 64px;
  width: 64px;
}

.sidenav .user-view .name,
.sidenav .user-view .email {
  margin-top: 5px;
  font-size: 14px;
  line-height: 24px;
}

.sidenav .user-view .name {
  font-weight: 500;
}

.sidenav .user-view .email {
  font-weight: 400;
}

.sidenav .divider {
  margin: 8px 0;
}

.sidenav .collapsible-header,
.sidenav.fixed .collapsible-header {
  padding: 0 32px;
  background: white;
}

.sidenav .collapsible-body li a,
.sidenav.fixed .collapsible-body li a {
  font-weight: 400;
  padding: 0 37.5px 0 45px;
}

.button-baseline {
  line-height: 36px;
  vertical-align: baseline;
}

.enable-input {
  cursor: pointer;
  border-bottom: 1px solid #ee6e73;
}

.enable-input:hover {
  border-bottom-width: 3px;
}


/* sidenav padding */

@media only screen and (min-width : 993px) {

  header,
  main,
  footer {
    padding-left: 300px;
  }
}

@media only screen and (max-width : 993.99px) {

  header,
  main,
  footer {
    padding-left: 0;
  }
}


/* drag and drop */

#tree-root.active-drag .dropzone,
#tree-root.active-drag.dropzone {
  background: whitesmoke;
  border: 2px lightgrey dashed;
}

#tree-root:not(.disabled) .dropzone,
#tree-root:not(.disabled).dropzone {
  padding: 15px 5px;
  border: 2px solid transparent;
}

.node {
  background: white;
  display: block;
  padding: 10px 5px;
  margin-top: 5px;
}

.node-handle {
  cursor: move;
  font-size: 20px;
}

#tree-root.disabled .node-handle,
#tree-root .node.home .node-handle {
  display: none;
}

.node-header {
  font-size: 20px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}

.node-header .name {
  flex: 1;
}

/* restore ckeditor styles that got overwritten from materialize */

select.cke_dialog_ui_input_select {
  display: initial;
}

input.cke_dialog_ui_input_text {
  height: initial;
  margin-bottom: 0;
}

.cke_top {
  position: sticky !important;
  top: 0;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
  color: #ee6e73;
}

span.url-example {
  font-family: monospace, monospace;
  padding: 0 6px;
  display: inline-block;
  border: 1px dotted lightgrey;
}

/* object form custom styles for multiple-items */

.multiple-item-header {
  font-size: 1.3em;
}

.multiple-form-input li.row {
  align-items: center;
  display: flex;
}

.multiple-form-input li.row>* {
  margin-right: 10px;
}

/* format the collection (used in content-list) */

.collection .collection-item.flex-truncate {
  display: flex;
}

.collection .collection-item.flex-truncate .primary-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}