summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE-common/client/app/views/account-onboarding/account-add-details/account-add-details.less
blob: a18be84bf4748091172cdfc375179866718ff023 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
.account-add-details-modal{
	height: 550px;
	
	overflow-y: auto;

	.account-details-title {
	    color: #191919;
	    font-family: "Omnes-ECOMP-W02", Arial;;
	    font-size: 24px;
	    padding-bottom: 15px;
	    padding-top:30px;
	    margin-left: 25px;
	}
	.account-properties-main {
	    padding-top: 20px;
	    padding-left: 20px;
	    padding-right: 20px;
	    margin-bottom: 50px;
	    
	    height: 100%;
	    width:100%;
	    
	    .account-property{
	      margin-top: 10px;
	      position: relative;
	      .property-label{
	        .dGray14r;
	      }
	      .checkbox-label{
	        display: inline-block;
	        padding-left: 3px;
	      }
	      .checkbox-field{
	        padding: 0;
	        margin: 0;
	        vertical-align: middle;
	        position: relative;
	        top: -1px;
	      }
	      .checkbox .skin {
  				left: 0px;
  				top: 0px;
			}  
	    }
		.add-endpoint-item{
			position: relative;
	        .add-label-left{
	  	  	  line-height: 25px;
	          height: 30px;
	          vertical-align: middle;
	          display:inline-block;
	          margin-right: 10px;
			  .dGray14r;
	  	   }
	  	   .add-label-right{
	  	   	  height: 14px;
	  	   	  width: 14px;
	          display:inline-block;
	  	   }
		}
		.item{
	      position: relative;
	      margin-bottom: 15px;
	      width: 400px;
	      .service-select{
	 		  select{
	 		  	cursor: pointer;
			    position: relative;
			    border: 1px solid #5a5a5a;
			    white-space: nowrap;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    line-height: 15px;
			    height: 32px;
			    padding-left: 10px;
			    padding-right: 10px;
		      	border-radius: 0px;
	 		  }
	          display:inline-block;
	          width: 100%;
    	  }
    	  .error-container{
	        position: absolute;
	        width: 280px;
	        display: block;
	        height: 12px;
	        line-height: 12px;
	
	        .err-message{
	          color: @funcRed;
	          font-size: 9px;
	        }
	        .valid-message{
	          color: @funcGreen;
	          font-size: 9px;
	        }
	      }
	      .auth-item-left{
	          padding-top: 0;
	          line-height: 30px;
	          height: 30px;
	          vertical-align: middle;
	          display:inline-block;
	          width: 15%;
	          margin-right: 10px;
	          white-space: nowrap;
			  .dGray14r;
       	  }
          .auth-item-right{
	          display:inline-block;
	          width: 45%;
	          border-radius: 2px;
	          border: 1px solid;
	          vertical-align: middle;
          }
          
          .endpoint-item-left{
	          line-height: 30px;
	          height: 30px;
	          vertical-align: middle;
	          display:inline-block;
	          width: 80%;
	          //border-radius: 2px;
	          //border: 1px solid;
	          margin-right: 10px;
	          white-space: nowrap;
			  .dGray14r;
       	  }
       	  .endpoint-item-middle{
          	  margin-top: 10px;
	          height: 14px;
	          width: 14px;
	          display:inline-block;
          }
          
          .endpoint-item-right{
          	  margin-left: 5px; 
	          width: 15%;
	          height: 30px;
	          display:inline-block;
          }
          
          .endpoint-label-item-left{
	          line-height: 30px;
	          height: 30px;
	          vertical-align: middle;
	          display:inline-block;
	          width: 80%;
	          margin-right: 10px;
	          white-space: nowrap;
			  .dGray14r;
       	  }
          .endpoint-label-item-right{
	          line-height: 30px;
	          height: 30px;
	          display:inline-block;
	          width: 20%;
	          vertical-align: middle;
	          white-space: nowrap;
	          .dGray14r;
          }

	      
	       .textarea-field{
	      	position: relative;
	      	.custom-input-field;
	      	height:50px;
      	    }
	       .submit-button {
	       	 margin-top: 25px;
	  	 	 position: relative;
	  	 	 float: right;
	  	 	 width: 20%;
	   		.btn-blue;
	  	  }
	  	  
	  	 
	  	  
	  	  .add-endpoint-button{
			height: 14px;
	  	  	width: 14px;
	  	  	float: right;
	  	  }
	  	  .item-label{
        	.dGray14r;
      	  }
	    }
	}
}
#account-scroll-end{
	height: 20px;
}