2 .vsp-attachments-view {
6 background-color: $tlv-gray;
8 border-bottom: 1px solid $light-gray;
17 &.active > a {color: $blue;};
21 .attachments-view-controllers {
30 .go-to-overview-icon {
55 .vsp-attachments-heat-validation {
58 .svg-icon.exclamation-triangle-line {
67 .validation-tree-section {
70 justify-content: space-between;
72 .vsp-attachments-heat-validation-tree {
77 .attachments-tree-header {
79 justify-content: space-between;
83 background: $tlv-gray;
90 .tree-header-title-text {
91 @extend .heading-4-medium;
94 &.tree-header-title-selected{
104 justify-content: space-between;
121 .error-text, .warning-text {
124 @extend .heading-4-medium;
132 padding-bottom: 10px;
134 @-moz-document url-prefix() {
146 justify-content: space-between;
149 .svg-icon.chevron-down, .svg-icon.chevron-up {
155 border-top: 1px solid $tlv-gray;
162 @-moz-document url-prefix() {
167 &.tree-node-selected::before {
172 display: inline-block;
174 background-color: $tlv-gray;
178 &.tree-node-clicked {
181 background: $tlv-gray;
195 @include ellipsis(auto);
197 .tree-node-expander {
199 display: inline-block;
209 .vsp-attachments-heat-validation-separator {
210 border-left: 1px solid $tlv-light-gray;
216 .message-board-section {
217 @extend .flex-column;
226 .error-item-file-type {
230 @extend .body-1-medium;