| .submit-error-response-view { |
| max-height: 500px; |
| overflow: auto; |
| .list-group-item { |
| border-top: none; |
| } |
| .panel-title { |
| a { |
| &:after { |
| content: '(details)'; |
| color: $link-blue; |
| float: right; |
| } |
| &:hover { |
| color: $blue; |
| text-decoration: underline; |
| } |
| } |
| } |
| .error-block { |
| margin: 10px 0; |
| .error-block-header { |
| background-color: $tlv-gray; |
| padding: 5px; |
| cursor: pointer; |
| .svg-icon { |
| &.__chevronDown { |
| margin-right: 10px; |
| } |
| } |
| .collapse-right { |
| .svg-icon { |
| &.__chevronDown { |
| transform: rotate(270deg); |
| } |
| } |
| } |
| } |
| .error-code-list-item { |
| display: flex; |
| justify-content: flex-start; |
| .icon-label { |
| @extend .body-1; |
| color: $dark-gray; |
| margin-left: 10px; |
| } |
| .icon-component { |
| align-items: baseline; |
| } |
| } |
| .list-group-item { |
| .error-item-text { |
| margin-top: -2px; |
| max-width: 100px; |
| } |
| } |
| .component-name-header { |
| margin-left: 45px; |
| margin-top: 10px; |
| @extend .heading-5-semibold; |
| } |
| } |
| } |