.create-forms {
  position: fixed;
  right: var(--sidebar-collapsed-width);
  top: 0;
  bottom: 0;
  background-color: #fff;
  width: 0;
  // width: 100%;
  // min-width: 20em;
  // max-width: 20em;
  z-index: 2;
  overflow: hidden;
  padding: 1em 2em;
  max-width: 25em;
  width: auto;
  min-width: 25em;
  
    .form-control,
    label,
    .btn {
      font-size: 0.8rem;
    }
  }
  
  .create-group-inner-form {
    & > .btn {
      margin-right: 0.2em;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
  
      width: 2em;
      height: 2em;
      background-color: #00b6e3;
      border-radius: 50%;
    }
  
    .plus-icon {
      display: inline;
    }
    .multiply-icon {
      display: none;
    }
  
    &.show {
      .plus-icon {
        display: none;
      }
      .multiply-icon {
        display: inline;
      }
    }
  
    .btn[data-toggle="dropdown"] {
      .tavasi::before {
        color: #fff;
      }
    }
  
    .dropdown-menu.show {
      width: 17em;
      text-align: right;
      padding: 1.5em 1em;
    }
    .dropdown-item {
      text-align: right;
      display: flex;
      align-items: center;
      margin-bottom: 0.7em;
      color: #666;
      .tavasi {
        margin-left: 0.5em;
      }
    }
  }