1  @import 'common/sass/variables';
  2  @import 'common/sass/mixins';
  3  
  4  .DWModal {
  5    &-path {
  6      margin-bottom: 20px;
  7  
  8      &-label {
  9        font-size: $font-size-medium;
 10        margin-right: $space-md;
 11        line-height: $input-height-base;
 12      }
 13  
 14      &-select {
 15        flex: 1;
 16  
 17        small {
 18          padding-left: 5px;
 19          opacity: 0.5;
 20          font-size: 11px;
 21          @include mono;
 22        }
 23      }
 24  
 25      &-custom {
 26        flex: 1;
 27        margin-left: $space-md;
 28  
 29        .input-group-input {
 30          margin: 0;
 31        }
 32      }
 33  
 34      &-submit {
 35        margin-left: $space-md;
 36        padding-left: $space;
 37        padding-right: $space;
 38        border: none;
 39      }
 40    }
 41  
 42    &-addresses {
 43      overflow-y: auto;
 44      &-table {
 45        width: 732px;
 46        text-align: center;
 47        margin: auto;
 48        margin-bottom: 10px;
 49  
 50        &-token {
 51          width: 82px;
 52          background: color(control-bg);
 53          color: control(control-color);
 54        }
 55  
 56        &-address {
 57          font-size: 13px;
 58          text-align: left;
 59          font-family: $font-family-monospace;
 60          display: flex;
 61          align-items: center;
 62  
 63          &-label {
 64            font-weight: bold;
 65          }
 66  
 67          input {
 68            margin-right: 10px;
 69          }
 70  
 71          &-text {
 72            font-size: 10px;
 73          }
 74        }
 75  
 76        &-more {
 77          display: inline-block;
 78          width: 16px;
 79          height: 16px;
 80          background-image: url('~assets/images/icon-external-link.svg');
 81        }
 82  
 83        &-na {
 84          font-size: $font-size-xs;
 85          opacity: 0.3;
 86        }
 87  
 88        // Specific selectors to override bootstrap
 89        tbody {
 90          tr {
 91            cursor: pointer;
 92  
 93            label {
 94              display: block;
 95              font-family: $font-family-sans-serif;
 96            }
 97          }
 98  
 99          td {
100            vertical-align: middle;
101          }
102        }
103      }
104  
105      &-nav {
106        &-btn {
107          display: inline-block;
108          margin: 0;
109          width: 49.9%;
110          width: calc(50% - 5px);
111          margin: 0 5px;
112  
113          &:first-child {
114            margin-left: 0;
115          }
116          &:last-child {
117            margin-right: 0;
118          }
119        }
120      }
121    }
122  }