.header .header-seperation {
  /*background-color: #fff;*/
}

.logo {
  display: block;
  height: 100%;
  text-align: center;
  color: white;
  margin: 12px 14px;
}

.logo img {
  max-height: calc(100% - 24px); /* margin top/bottom of .logo */
}

.form-group {
  margin-bottom: 5px;
}

ul.sortable {
  width: 100%;
}

ul.sortable label {
  display: inline-block;
}

.side-widget h1, .side-widget h2, .side-widget h3, .side-widget h4, .side-widget h5 {
  color: #8b91a0;
}

#createAdvancedTask .select2-container {
  width: 100%;
}

.colorpicker {
  z-index: 2500 !important;
}

#main-nav-opener {
  display: none !important;
}

@media (max-width: 767px) {
  #main-nav-opener {
    display: block !important;
  }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
  #main-nav-opener {
    display: block !important;
  }
}

.chat-window-wrapper {
  display: none;
}

.chat-window-wrapper.visible {
  display: block;
}

body > table.defaultList {
  z-index: 1000 !important;
  position: absolute !important;
  opacity: .8;
}

.helper-icon {
  /*
  Temporarily
   */
  display: none;


  font-size: 13px;
  margin: 0 5px;
  cursor: pointer;
  color: rgba(88, 88, 88, 0.30) !important;
}

.helper-icon:before {
  content: '';
}

.ckeditor-body img {
  max-width: 100%;
}