.make-editable {
      width: 100%;
      color: #495057;
      line-height: 1.5;
      padding: 0.25rem 0.5rem;
      font-size: 0.875rem;
      border: 1px solid #054F9D;
      border-radius: .375rem;
      background-color: #fff;
      display: inline-block;
      height: calc(1em + .75rem + 2px);
      transition: border-color 0.15s ease-in-out;
   }
.make-editable:focus {
   outline: none !important;
   box-shadow: none !important;
}
.shake-it {
   color: #dc3545 !important;
   animation: shake-it 0.3s ease;
   border-color: #dc3545 !important;
}
@keyframes shake-it {
   0% {
      transform: translateX(0);
   }
   20% {
      transform: translateX(-4px);
   }
   40% {
      transform: translateX(4px);
   }
   60% {
      transform: translateX(-4px);
   }
   80% {
      transform: translateX(4px);
   }
   100% {
      transform: translateX(0);
   }
}
.make-editable-error {
   display: inline;
   color: #dc3545;
   font-size: 0.875rem;
   padding: 0.125rem 0.375rem;
   line-height: 1;
}