#nav-item-path {
  margin-top: 35px;
}

#nav-item-path {
  --bs-breadcrumb-divider: '\\';
  color:                   #6A7998;
  font-size:               12px;
  line-height:             16px;
}

#nav-item-path .breadcrumb-item {
  display:       flex;
  padding-left:  0;
  padding-right: 8px;
}

#nav-item-path .breadcrumb-item:first-child {
  padding-right: 0;
}

#nav-item-path .breadcrumb-item::before {
  color:         #6A7998;
  padding-left:  8px;
  padding-right: 0;
}

#nav-item-path .breadcrumb-item > a {
  color:           #1C222E;
  text-decoration: none;
}

#nav-item-path .breadcrumb-item > a:active {
  color: #FF6224 !important;
}

#nav-item-path .breadcrumb-item > a:hover {
  color: #FF8658;
}

#bug-report-wrapper {
  margin-bottom: 20px;
  margin-top:    36px;
}

#bug-report-wrapper h2 {
  font-size:     40px;
  font-weight:   500;
  line-height:   44px;
  margin-bottom: 14px;
}

#bug-report-wrapper .brw-text-block {
  margin-bottom: 14px;
}

#bug-report-wrapper #brw-report-form {
  background:    #FFFFFF;
  border-radius: 8px;
  margin-bottom: 48px;
  max-width:     600px;
  padding:       12px 16px;
  width:         100%;
}

#bug-report-wrapper #brw-report-form h3 {
  font-size:     24px;
  margin-bottom: 14px;
}

#bug-report-wrapper #brw-report-form div > p {
  margin-bottom: 6px;
}

#bug-report-wrapper #brw-report-form #brwrf-report-text {
  border:         2px solid #7155C6;
  border-radius:  8px;
  height:         144px;
  margin-bottom:  12px;
  padding:        6px 10px;
  resize:         none;
}

#bug-report-wrapper #brw-report-form div.position-relative {
  border:         2px solid #7155C6;
  border-radius:  8px;
  padding:        4px;
  width:          100%;
}

#bug-report-wrapper #brw-report-form div.position-relative > button {
  border-radius: 4px;
  padding:       7px 8px;
  white-space:   nowrap;
}

#bug-report-wrapper #brw-report-form div.position-relative > span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display:            -webkit-box;
  height:             24px;
  line-clamp:         1;
  overflow:           hidden;
  text-overflow:      ellipsis;
  word-break:         break-word;
}

#bug-report-wrapper #brw-report-form #brwrf-report-picture {
  cursor:   pointer;
  height:   100%;
  left:     0;
  opacity:  0;
  position: absolute;
  top:      0;
  width:    100%;
}

#bug-report-wrapper #brw-report-form button[type='submit'] {
  white-space: nowrap;
}

@media(max-width: 767px) {

  #bug-report-wrapper #brw-report-form > div.d-flex {
    flex-direction: column;
  }

  #bug-report-wrapper #brw-report-form #brwrf-report-picture {
    width: 100%;
  }

  #bug-report-wrapper #brw-report-form button[type=submit] {
    margin-top: 14px !important;
  }

}