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               .checkbox .skin {
  41                                 left: 0px;
  42                                 top: 0px;
  43                         }
  44             }
  45                 .add-endpoint-item{
  46                         position: relative;
  47                 .add-label-left{
  48                           line-height: 25px;
  49                   height: 30px;
  50                   vertical-align: middle;
  51                   display:inline-block;
  52                   margin-right: 10px;
  53                           .dGray14r;
  54                    }
  55                    .add-label-right{
  56                           height: 14px;
  57                           width: 14px;
  58                   display:inline-block;
  59                    }
  60                 }
  61                 .item{
  62               position: relative;
  63               margin-bottom: 15px;
  64               width: 400px;
  65               .service-select{
  66                           select{
  67                                 cursor: pointer;
  68                             position: relative;
  69                             border: 1px solid #5a5a5a;
  70                             white-space: nowrap;
  71                             overflow: hidden;
  72                             text-overflow: ellipsis;
  73                             line-height: 15px;
  74                             height: 32px;
  75                             padding-left: 10px;
  76                             padding-right: 10px;
  77                         border-radius: 0px;
  78                           }
  79                   display:inline-block;
  80                   width: 100%;
  81           }
  82           .error-container{
  83                 position: absolute;
  84                 width: 280px;
  85                 display: block;
  86                 height: 12px;
  87                 line-height: 12px;
  88
  89                 .err-message{
  90                   color: @funcRed;
  91                   font-size: 9px;
  92                 }
  93                 .valid-message{
  94                   color: @funcGreen;
  95                   font-size: 9px;
  96                 }
  97               }
  98               .auth-item-left{
  99                   padding-top: 0;
 100                   line-height: 30px;
 101                   height: 30px;
 102                   vertical-align: middle;
 103                   display:inline-block;
 104                   width: 15%;
 105                   margin-right: 10px;
 106                   white-space: nowrap;
 107                           .dGray14r;
 108           }
 109           .auth-item-right{
 110                   display:inline-block;
 111                   width: 45%;
 112                   border-radius: 2px;
 113                   border: 1px solid;
 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                   white-space: nowrap;
 127                           .dGray14r;
 128           }
 129           .endpoint-item-middle{
 130                   margin-top: 10px;
 131                   height: 14px;
 132                   width: 14px;
 133                   display:inline-block;
 134           }
 135
 136           .endpoint-item-right{
 137                   margin-left: 5px;
 138                   width: 15%;
 139                   height: 30px;
 140                   display:inline-block;
 141           }
 142
 143           .endpoint-label-item-left{
 144                   line-height: 30px;
 145                   height: 30px;
 146                   vertical-align: middle;
 147                   display:inline-block;
 148                   width: 80%;
 149                   margin-right: 10px;
 150                   white-space: nowrap;
 151                           .dGray14r;
 152           }
 153           .endpoint-label-item-right{
 154                   line-height: 30px;
 155                   height: 30px;
 156                   display:inline-block;
 157                   width: 20%;
 158                   vertical-align: middle;
 159                   white-space: nowrap;
 160                   .dGray14r;
 161           }
 162
 163
 164                .textarea-field{
 165                 position: relative;
 166                 .custom-input-field;
 167                 height:50px;
 168             }
 169                .submit-button {
 170                  margin-top: 25px;
 171                          position: relative;
 172                          float: right;
 173                          width: 20%;
 174                         .btn-blue;
 175                   }
 176
 177
 178
 179                   .add-endpoint-button{
 180                         height: 14px;
 181                         width: 14px;
 182                         float: right;
 183                   }
 184                   .item-label{
 185                 .dGray14r;
 186           }
 187             }
 188         }
 189 }
 190 #account-scroll-end{
 191         height: 20px;
 192 }