/** CKEditor Inline */
.cke_textarea_inline {
  /* From bootstrap form-control */
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: $border-thin-default;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;	border: 1px solid #c1c1c1;
  overflow: hidden; /* keeps floating objects within ckeditor area */
  /* LAMS -  min height is set in ckconfig_custom.js but keep the default here too so that most fields 
   * are the right size and only the ones where the height is overridden does the size change.  */
  min-height: 60px;
 -webkit-appearance: textfield;
  @include form-control-focus($input-border-focus);
}

.cke_float {
	width: 70% !important;
}

/** Overwrite CKEditor's default CSS, so that content in an editor is displayed the same way as in real life */
.cke_widget_inline {
    display: block !important;
}