ecomp-portal-FE-common/client/app/views/account-onboarding/account-add-details/account-add-details.less

   1 .account-add-details-modal{
   2         height: 550px;
   3
   4         overflow-y: auto;
   5
   6         .account-details-title {
   7             color: #191919;
   8             font-family: "Omnes-ECOMP-W02", Arial;;
   9             font-size: 24px;
  10             padding-bottom: 15px;
  11             padding-top:30px;
  12             margin-left: 25px;
  13         }
  14         .account-properties-main {
  15             padding-top: 20px;
  16             padding-left: 20px;
  17             padding-right: 20px;
  18             margin-bottom: 50px;
  19
  20             height: 100%;
  21             width:100%;
  22
  23             .account-property{
  24               margin-top: 10px;
  25               position: relative;
  26               .property-label{
  27                 .dGray14r;
  28               }
  29               .checkbox-label{
  30                 display: inline-block;
  31                 padding-left: 3px;
  32               }
  33               .checkbox-field{
  34                 padding: 0;
  35                 margin: 0;
  36                 vertical-align: middle;
  37                 position: relative;
  38                 top: -1px;
  39               }
  40             }
  41                 .add-endpoint-item{
  42                         position: relative;
  43                 .add-label-left{
  44                           line-height: 25px;
  45                   height: 30px;
  46                   vertical-align: middle;
  47                   display:inline-block;
  48                   margin-right: 10px;
  49                           .dGray14r;
  50                    }
  51                    .add-label-right{
  52                           height: 14px;
  53                           width: 14px;
  54                   display:inline-block;
  55                    }
  56                 }
  57                 .item{
  58               position: relative;
  59               margin-bottom: 15px;
  60               width: 400px;
  61               .service-select{
  62                           select{
  63                                 cursor: pointer;
  64                             position: relative;
  65                             border: 1px solid #5a5a5a;
  66                             white-space: nowrap;
  67                             overflow: hidden;
  68                             text-overflow: ellipsis;
  69                             line-height: 15px;
  70                             height: 32px;
  71                             padding-left: 10px;
  72                             padding-right: 10px;
  73                         border-radius: 0px;
  74                           }
  75                   display:inline-block;
  76                   width: 100%;
  77           }
  78           .error-container{
  79                 position: absolute;
  80                 width: 280px;
  81                 display: block;
  82                 height: 12px;
  83                 line-height: 12px;
  84
  85                 .err-message{
  86                   color: @funcRed;
  87                   font-size: 9px;
  88                 }
  89                 .valid-message{
  90                   color: @funcGreen;
  91                   font-size: 9px;
  92                 }
  93               }
  94               .auth-item-left{
  95                   padding-top: 0;
  96                   line-height: 30px;
  97                   height: 30px;
  98                   vertical-align: middle;
  99                   display:inline-block;
 100                   width: 15%;
 101                   //border-radius: 2px;
 102                   //border: 1px solid @attLGray;
 103                   margin-right: 10px;
 104                   //background: @attWhite;
 105                   white-space: nowrap;
 106                           .dGray14r;
 107           }
 108           .auth-item-right{
 109                   display:inline-block;
 110                   width: 45%;
 111                   border-radius: 2px;
 112                   border: 1px solid;
 113                   //background: @attWhite;
 114                   vertical-align: middle;
 115           }
 116
 117           .endpoint-item-left{
 118                   line-height: 30px;
 119                   height: 30px;
 120                   vertical-align: middle;
 121                   display:inline-block;
 122                   width: 80%;
 123                   //border-radius: 2px;
 124                   //border: 1px solid;
 125                   margin-right: 10px;
 126                   //background: @attWhite;
 127                   white-space: nowrap;
 128                           .dGray14r;
 129           }
 130           .endpoint-item-middle{
 131                   margin-top: 10px;
 132                   height: 14px;
 133                   width: 14px;
 134                   display:inline-block;
 135           }
 136
 137           .endpoint-item-right{
 138                   margin-left: 5px;
 139                   width: 15%;
 140                   height: 30px;
 141                   display:inline-block;
 142           }
 143
 144           .endpoint-label-item-left{
 145                   line-height: 30px;
 146                   height: 30px;
 147                   vertical-align: middle;
 148                   display:inline-block;
 149                   width: 80%;
 150                   margin-right: 10px;
 151                   //background: @attWhite;
 152                   white-space: nowrap;
 153                           .dGray14r;
 154           }
 155           .endpoint-label-item-right{
 156                   line-height: 30px;
 157                   height: 30px;
 158                   display:inline-block;
 159                   width: 20%;
 160                   //background: @attWhite;
 161                   vertical-align: middle;
 162                   white-space: nowrap;
 163                   .dGray14r;
 164           }
 165
 166
 167                .textarea-field{
 168                 position: relative;
 169                 .custom-input-field;
 170                 height:50px;
 171             }
 172                .submit-button {
 173                  margin-top: 25px;
 174                          position: relative;
 175                          float: right;
 176                          width: 20%;
 177                         .btn-blue;
 178                   }
 179
 180
 181
 182                   .add-endpoint-button{
 183                         height: 14px;
 184                         width: 14px;
 185                         float: right;
 186                   }
 187                   .item-label{
 188                 .dGray14r;
 189           }
 190             }
 191         }
 192 }
 193 #account-scroll-end{
 194         height: 20px;
 195 }