openecomp-ui/resources/scss/components/_dualListBox.scss

   1 .dual-list-box {
   2     display: flex;
   3     margin: 25px 0 10px 0;
   4     .svg-icon.search {
   5         height: 14px;
   6         width: 14px;
   7     }
   8
   9     .dual-search-multi-select-section {
  10         flex: 1;
  11
  12         .dual-text-box-search {
  13             margin: 5px 0 30px 0;
  14         }
  15         .dual-list-box-multi-select {
  16             flex: 1 1;
  17             display: flex;
  18             height: 166px;
  19             margin-bottom: 0;
  20             select {
  21                 width: 100%;
  22                 margin: 0;
  23                 padding: 0;
  24                 overflow-y: scroll;
  25                 height: inherit;
  26                 option {
  27                     padding: 4px 0 4px 10px;
  28                 }
  29             }
  30             option:checked {
  31                 background: $blue linear-gradient(0deg, $blue 0%, $blue 100%);
  32             }
  33         }
  34     }
  35     .dual-list-options-bar {
  36         margin: 62px 54px 27px 54px;
  37         padding-top: 23px;
  38         .svg-icon {
  39             width: 14px;
  40             height: 14px;
  41         }
  42         .dual-list-option {
  43             text-align: center;
  44             line-height: 10px;
  45             font-size: 25px;
  46             width: 20px;
  47             height: 15px;
  48             cursor: pointer;
  49             margin-top: 20px;
  50             fill: $blue;
  51         }
  52     }
  53 }