| .section-title { |
| @extend .heading-3-semibold; |
| padding: 50px 0 20px 0; |
| &:first-child { |
| padding-top: 0; |
| } |
| span.required { |
| color: $red; |
| margin: 0 4px 0 0; |
| } |
| } |
| |
| .validation-form-content { |
| fieldset[disabled] { |
| .form-group { |
| opacity: 0.7; |
| cursor: auto; |
| pointer-events: none; |
| .dropdown-multi-select { |
| .form-group { |
| opacity: 1; |
| } |
| .Select-control { |
| background-color: $tlv-light-gray; |
| } |
| } |
| } |
| } |
| } |
| |
| .dropdown-multi-select { |
| .Select { |
| display: block; |
| width: 100%; |
| .Select-menu-outer { |
| .Select-option { |
| &:hover { |
| background-color: $blue; |
| color: $white; |
| } |
| } |
| } |
| .Select-control { |
| height: 28px; |
| border-radius: 2px; |
| .Select-input { |
| height: 28px; |
| input { |
| height: 28px; |
| padding: 0; |
| } |
| } |
| .Select-placeholder { |
| line-height: 30px; |
| } |
| } |
| &.Select--multi { |
| .Select-value { |
| color: $text-black; |
| background-color: $background-gray; |
| border: none; |
| margin: 3px 0 3px 10px; |
| border-radius: 10px; |
| padding-left: 8px; |
| padding-right: 6px; |
| } |
| .Select-value-icon { |
| border: none; |
| float: right; |
| &:hover { |
| background-color: inherit; |
| color: inherit; |
| } |
| } |
| .Select-arrow-zone { |
| padding-top: 4px; |
| } |
| } |
| } |
| } |