.input-wrapper {
    display: flex;
    align-items: flex-start;
  }
  
  .svg-wrapper {
    margin-inline-start: auto;
    z-index: 999;
  }
  
  .hintIcon {
    position: relative;
    cursor: pointer;
  }
  
  .hintIcon:hover::before {
    content: attr(data-title);
    position: absolute;
    top: calc(100% + 2px); 
    right: 0;
    // transform: translateX(-50%);
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #1D252D;
    color: #8E9AA0;
    font-size: 14px;
    min-width: 300px; 
    word-wrap: break-word; 
    word-break: break-word;
    text-align: center; 
    white-space: normal;
  }
  
  .hintIcon:hover::after {
    content: "";
    position: absolute;
    top: calc(100% - 26px); 
    left: 50%;
    border: solid transparent;
    border-width: 18px; 
    border-bottom-color: #1D252D;
    transform: translateX(-50%);
  }

  .height {
    height: 42px;
  }

  .invalid {
    border-color: #FF0000;
  }

  .hintSvg{
    width:30px;
    height:30px;
    fill: none;
  }

  .validationSvg{
    width:24px;
    height:24px;
    fill: none;
  }

  .down-arrow {
    cursor: pointer;
    display: block;
    &.opened {
      display: none;
    }
    &.closed{
      display: block;
    }
  }
  .up-arrow {
    cursor: pointer;
    display: none;
    &.opened {
      display: block;
    }
    &.closed{
      display: none;
    }
  }

.previewQuestion{
  word-break: break-word;
}

.editor{
  width: 100%;
}

 ::ng-deep .ql-container {
  min-height: 150px;
}


::ng-deep input[type="text"],
::ng-deep input[type="number"],
::ng-deep input[type="checkbox"],
::ng-deep input[type="textarea"],
::ng-deep input[type="email"]  {
  border: 1px solid #dee2e6 !important;
}