Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _overlays.scss @ 25a02c79

History | View | Annotate | Download (20.1 kB)

1 ca3c8b6e Athina Bekakou
/*
2 673ea014 Olga Brani
3 15948f00 Olga Brani
Overlays (Todo: clean up)
4 15948f00 Olga Brani
5 15948f00 Olga Brani
*/
6 bb8cc1dc Olga Brani
body.with-overlay {
7 2469dab6 Olga Brani
	background:$overlay-color;
8 2469dab6 Olga Brani
	.main {
9 2469dab6 Olga Brani
		opacity:0;
10 2469dab6 Olga Brani
	}
11 bb8cc1dc Olga Brani
}
12 673ea014 Olga Brani
13 673ea014 Olga Brani
.reveal-modal {
14 ca3c8b6e Athina Bekakou
    h3 {
15 ca3c8b6e Athina Bekakou
        font-size:1em;
16 ca3c8b6e Athina Bekakou
    }
17 ca3c8b6e Athina Bekakou
    a {
18 ca3c8b6e Athina Bekakou
        color: $secondary-color;
19 ca3c8b6e Athina Bekakou
        &:hover {
20 ca3c8b6e Athina Bekakou
            text-decoration: underline;
21 ca3c8b6e Athina Bekakou
        }
22 ca3c8b6e Athina Bekakou
        &.close-reveal-modal:hover {
23 ca3c8b6e Athina Bekakou
            text-decoration: none;
24 ca3c8b6e Athina Bekakou
            color:$secondary-color;
25 ca3c8b6e Athina Bekakou
        }
26 ca3c8b6e Athina Bekakou
    }   
27 673ea014 Olga Brani
}
28 673ea014 Olga Brani
29 673ea014 Olga Brani
30 673ea014 Olga Brani
// custom modal with opaque overlay
31 673ea014 Olga Brani
.reveal-custom {
32 ca3c8b6e Athina Bekakou
    position: absolute;
33 ca3c8b6e Athina Bekakou
    top:100px;
34 ca3c8b6e Athina Bekakou
    left:25%;
35 ca3c8b6e Athina Bekakou
    z-index:99;
36 ca3c8b6e Athina Bekakou
    background:yellow;
37 ca3c8b6e Athina Bekakou
    width:50%;
38 ca3c8b6e Athina Bekakou
    display:none;
39 673ea014 Olga Brani
}
40 673ea014 Olga Brani
41 673ea014 Olga Brani
42 673ea014 Olga Brani
.overlay-wrapper {
43 3fba84bf Olga Brani
	position: relative;
44 96e40ea0 Olga Brani
	left:0;
45 96e40ea0 Olga Brani
	top:0;
46 3fba84bf Olga Brani
	.overlay-area {
47 3fba84bf Olga Brani
		display:none;
48 3fba84bf Olga Brani
		position:absolute;
49 3fba84bf Olga Brani
		left:0;
50 3fba84bf Olga Brani
		right:0;
51 3fba84bf Olga Brani
		top:-$bar-height;
52 3fba84bf Olga Brani
		width:100%;
53 3fba84bf Olga Brani
		height:100%;
54 3fba84bf Olga Brani
		background:$overlay-color;
55 3fba84bf Olga Brani
		z-index:20;
56 3fba84bf Olga Brani
	}
57 3fba84bf Olga Brani
	.close {
58 3fba84bf Olga Brani
		position: absolute;
59 3fba84bf Olga Brani
		right:$header-padding-horizontal;
60 3fba84bf Olga Brani
		top:50px;
61 3fba84bf Olga Brani
		font-size:30px;
62 3fba84bf Olga Brani
		color:$primary-color;
63 3fba84bf Olga Brani
		&:hover, &:focus {
64 3fba84bf Olga Brani
			color:white;
65 3fba84bf Olga Brani
		}
66 3fba84bf Olga Brani
	}
67 3fba84bf Olga Brani
	.row {
68 3fba84bf Olga Brani
		.close {
69 3fba84bf Olga Brani
			position:static;
70 3fba84bf Olga Brani
			float:right;
71 3fba84bf Olga Brani
		}
72 3fba84bf Olga Brani
	}
73 3fba84bf Olga Brani
	.overlay-div {
74 3fba84bf Olga Brani
		display: none;
75 e3de445d Athina Bekakou
		z-index:50;
76 3fba84bf Olga Brani
		position: relative;
77 3fba84bf Olga Brani
		background:#fff;
78 3fba84bf Olga Brani
		top:20%; 
79 3fba84bf Olga Brani
		left:25%; 
80 3fba84bf Olga Brani
		width:50%;
81 3fba84bf Olga Brani
		padding:25px;
82 3fba84bf Olga Brani
		.buttons {
83 3fba84bf Olga Brani
			a {
84 3fba84bf Olga Brani
				margin-right:20px;
85 3fba84bf Olga Brani
			}
86 3fba84bf Olga Brani
		}
87 3fba84bf Olga Brani
		&.upload-widget {
88 3fba84bf Olga Brani
			background:transparent;
89 3fba84bf Olga Brani
			padding:45px 0;
90 3fba84bf Olga Brani
			width:80%;
91 3fba84bf Olga Brani
			left:10%;
92 3fba84bf Olga Brani
			border:1px solid white;
93 3fba84bf Olga Brani
		}
94 3fba84bf Olga Brani
		&.wizard {
95 3fba84bf Olga Brani
			background:$overlay-color;
96 3fba84bf Olga Brani
			padding:0 ;
97 3fba84bf Olga Brani
			width:100%;
98 3fba84bf Olga Brani
			top:0;
99 3fba84bf Olga Brani
			left:0;
100 3fba84bf Olga Brani
		}
101 3fba84bf Olga Brani
	}
102 17ce081a Olga Brani
	.welcome { 
103 17ce081a Olga Brani
		display:none;
104 17ce081a Olga Brani
	}
105 17ce081a Olga Brani
	&.no-vm {
106 25a02c79 Olga Brani
		background:url(../images/draw-welcome.png) no-repeat center 50px $secondary-color;
107 17ce081a Olga Brani
		.welcome {
108 17ce081a Olga Brani
			display:none;
109 17ce081a Olga Brani
			color:#fff;
110 17ce081a Olga Brani
			text-align:center;
111 17ce081a Olga Brani
			position: relative;
112 25a02c79 Olga Brani
			top:-15px;
113 17ce081a Olga Brani
			left:75px;
114 17ce081a Olga Brani
			display:block;
115 17ce081a Olga Brani
		}
116 17ce081a Olga Brani
	}
117 673ea014 Olga Brani
}
118 673ea014 Olga Brani
119 673ea014 Olga Brani
120 673ea014 Olga Brani
.overlay {
121 ca3c8b6e Athina Bekakou
    background:$secondary-color;
122 ca3c8b6e Athina Bekakou
    position: relative;
123 ca3c8b6e Athina Bekakou
    // z-index:10;
124 ca3c8b6e Athina Bekakou
    .lt-sidebar {
125 ca3c8b6e Athina Bekakou
        border-right:1px solid #fff;
126 ca3c8b6e Athina Bekakou
        color:#fff;
127 ca3c8b6e Athina Bekakou
        ul {
128 ca3c8b6e Athina Bekakou
            li {
129 ca3c8b6e Athina Bekakou
                list-style:none outside none;
130 ca3c8b6e Athina Bekakou
               
131 ca3c8b6e Athina Bekakou
                a {
132 ca3c8b6e Athina Bekakou
                    display: block;
133 ca3c8b6e Athina Bekakou
                    color:#fff;
134 ca3c8b6e Athina Bekakou
                    span { float:right; display:none;}
135 ca3c8b6e Athina Bekakou
                    &:hover,
136 ca3c8b6e Athina Bekakou
                    &.current {
137 ca3c8b6e Athina Bekakou
                        text-decoration: none;
138 ca3c8b6e Athina Bekakou
                        span {
139 ca3c8b6e Athina Bekakou
                            display:inline;
140 ca3c8b6e Athina Bekakou
                        }
141 ca3c8b6e Athina Bekakou
                    }
142 ca3c8b6e Athina Bekakou
                }
143 673ea014 Olga Brani
144 ca3c8b6e Athina Bekakou
            }
145 ca3c8b6e Athina Bekakou
        }
146 673ea014 Olga Brani
147 ca3c8b6e Athina Bekakou
    }
148 ca3c8b6e Athina Bekakou
    .lt-sidebar,
149 ca3c8b6e Athina Bekakou
    .main {
150 ca3c8b6e Athina Bekakou
        padding:100px $header-padding-horizontal;
151 ca3c8b6e Athina Bekakou
        position:relative;
152 ca3c8b6e Athina Bekakou
    }
153 ca3c8b6e Athina Bekakou
    .navigation {
154 ca3c8b6e Athina Bekakou
        .rt {
155 ca3c8b6e Athina Bekakou
            float:right;
156 ca3c8b6e Athina Bekakou
        }
157 ca3c8b6e Athina Bekakou
    }
158 ca3c8b6e Athina Bekakou
    .close {
159 ca3c8b6e Athina Bekakou
        position: absolute;
160 ca3c8b6e Athina Bekakou
        right:$header-padding-horizontal;
161 ca3c8b6e Athina Bekakou
        top:50px;
162 ca3c8b6e Athina Bekakou
        @include sprite('../images/info-close.png', 31px, 30px);
163 ca3c8b6e Athina Bekakou
    }
164 ca3c8b6e Athina Bekakou
    .close_char {
165 ca3c8b6e Athina Bekakou
        background: none;
166 ca3c8b6e Athina Bekakou
        text-indent: 0;
167 ca3c8b6e Athina Bekakou
        font-size: 1.8em; /* for the the character e (for d we can put 2em) */
168 ca3c8b6e Athina Bekakou
        color: white;
169 ca3c8b6e Athina Bekakou
    }
170 673ea014 Olga Brani
}
171 e5c8c342 Olga Brani
172 e5c8c342 Olga Brani
.wizard {
173 3fba84bf Olga Brani
	position: relative;
174 3fba84bf Olga Brani
	top:0;
175 3fba84bf Olga Brani
	color:white;
176 3fba84bf Olga Brani
	.top {
177 3fba84bf Olga Brani
		background:$overlay-color-top;
178 2469dab6 Olga Brani
		height:$bar-menu-height + $bar-submenu-height;
179 3fba84bf Olga Brani
		position:fixed;
180 3fba84bf Olga Brani
		left:0;
181 96e40ea0 Olga Brani
		right:0;
182 96e40ea0 Olga Brani
		bottom:auto;
183 3fba84bf Olga Brani
		top:$header-height;
184 3fba84bf Olga Brani
		width:100%;
185 3fba84bf Olga Brani
		z-index:40;
186 3fba84bf Olga Brani
		.numbers {
187 3fba84bf Olga Brani
			.row {
188 3fba84bf Olga Brani
				max-width: 100%;
189 2469dab6 Olga Brani
				padding:0 $header-padding-horizontal;
190 3fba84bf Olga Brani
			}
191 2469dab6 Olga Brani
			height: $bar-menu-height;
192 775d43ea Athina Bekakou
			line-height: 50px;
193 3fba84bf Olga Brani
			background:$overlay-darker-color;
194 3fba84bf Olga Brani
		}
195 937c0d49 Athina Bekakou
		.menus {
196 2469dab6 Olga Brani
			height: $bar-submenu-height;
197 937c0d49 Athina Bekakou
			.sub-menu {
198 937c0d49 Athina Bekakou
				display: none;
199 937c0d49 Athina Bekakou
				&[data-step="1"] {
200 937c0d49 Athina Bekakou
					display: block;
201 937c0d49 Athina Bekakou
				}
202 937c0d49 Athina Bekakou
				ul {
203 937c0d49 Athina Bekakou
					margin:0;
204 937c0d49 Athina Bekakou
					padding:0;
205 3fba84bf Olga Brani
					list-style: none outside none;
206 937c0d49 Athina Bekakou
					font-size:emCalc(12px);
207 937c0d49 Athina Bekakou
					li {
208 937c0d49 Athina Bekakou
						display: inline;
209 937c0d49 Athina Bekakou
						margin-right:10px;
210 937c0d49 Athina Bekakou
						line-height: $bar-submenu-height;
211 937c0d49 Athina Bekakou
						list-style: none outside none;
212 937c0d49 Athina Bekakou
						a {
213 937c0d49 Athina Bekakou
							color:$black;
214 937c0d49 Athina Bekakou
							&:hover, &:focus, &.current {
215 937c0d49 Athina Bekakou
								color:white;
216 937c0d49 Athina Bekakou
							}
217 937c0d49 Athina Bekakou
							&.current {
218 937c0d49 Athina Bekakou
								text-decoration: underline;
219 937c0d49 Athina Bekakou
							}
220 937c0d49 Athina Bekakou
							&.disabled {
221 937c0d49 Athina Bekakou
								color: $disabled-flavor-color;
222 937c0d49 Athina Bekakou
								cursor: default;
223 1a3be78b Athina Bekakou
224 937c0d49 Athina Bekakou
							}
225 1a3be78b Athina Bekakou
						}
226 3fba84bf Olga Brani
					}
227 3fba84bf Olga Brani
				}
228 3fba84bf Olga Brani
			}
229 3fba84bf Olga Brani
		}
230 3fba84bf Olga Brani
		.nums {
231 3fba84bf Olga Brani
			text-align: right;
232 3fba84bf Olga Brani
			list-style:none outside none;
233 3fba84bf Olga Brani
			margin:0;
234 775d43ea Athina Bekakou
			height: 50px;
235 775d43ea Athina Bekakou
			line-height: 50px;
236 3fba84bf Olga Brani
			font-size:emCalc(9px);
237 3fba84bf Olga Brani
			padding-right:120px;
238 3fba84bf Olga Brani
			color:$secondary-color;
239 3fba84bf Olga Brani
			li {
240 3fba84bf Olga Brani
				list-style:none outside none;
241 3fba84bf Olga Brani
				display: inline;
242 3fba84bf Olga Brani
				p {
243 3fba84bf Olga Brani
					display: none;
244 3fba84bf Olga Brani
					position: relative;
245 3fba84bf Olga Brani
					top: 1px;
246 3fba84bf Olga Brani
					font-size:12px;
247 3fba84bf Olga Brani
					margin-left:12px;
248 3fba84bf Olga Brani
					strong {
249 3fba84bf Olga Brani
						margin-right:5px;
250 3fba84bf Olga Brani
					}
251 3fba84bf Olga Brani
				}
252 3fba84bf Olga Brani
				em {
253 3fba84bf Olga Brani
					display: inline-block;
254 3fba84bf Olga Brani
					border-radius:50%;
255 3fba84bf Olga Brani
					border:1px solid $secondary-color;
256 3fba84bf Olga Brani
					width:20px;
257 3fba84bf Olga Brani
					height:20px;
258 3fba84bf Olga Brani
					line-height: 18px;
259 3fba84bf Olga Brani
					margin:0 3px;
260 3fba84bf Olga Brani
					text-align: center;
261 3fba84bf Olga Brani
					font-style: normal;
262 3fba84bf Olga Brani
				}
263 3fba84bf Olga Brani
				a {
264 3fba84bf Olga Brani
					color:$secondary-color;
265 3fba84bf Olga Brani
					display: block;
266 3fba84bf Olga Brani
					&:hover {
267 3fba84bf Olga Brani
						cursor: default;
268 3fba84bf Olga Brani
					}
269 3fba84bf Olga Brani
				}
270 3fba84bf Olga Brani
				&.current{
271 3fba84bf Olga Brani
					float: left;
272 3fba84bf Olga Brani
					p {
273 3fba84bf Olga Brani
						display: inline-block;
274 3fba84bf Olga Brani
					}
275 3fba84bf Olga Brani
					em {
276 3fba84bf Olga Brani
						font-size:12px;
277 3fba84bf Olga Brani
						width:30px;
278 3fba84bf Olga Brani
						height:30px;
279 3fba84bf Olga Brani
						line-height: 27px;
280 3fba84bf Olga Brani
						border-color:$secondary-color;
281 3fba84bf Olga Brani
						* {
282 3fba84bf Olga Brani
							color:$secondary-color;
283 3fba84bf Olga Brani
						}
284 3fba84bf Olga Brani
					}
285 3fba84bf Olga Brani
				}
286 3fba84bf Olga Brani
			}
287 3fba84bf Olga Brani
		}
288 3fba84bf Olga Brani
	}
289 3fba84bf Olga Brani
	.middle {
290 3fba84bf Olga Brani
		padding-top:$bar-height+$bar-submenu-height;
291 bb8cc1dc Olga Brani
		.steps {
292 bb8cc1dc Olga Brani
			position:relative;
293 bb8cc1dc Olga Brani
			width:100%;
294 bb8cc1dc Olga Brani
		}
295 3fba84bf Olga Brani
		.step {
296 bb8cc1dc Olga Brani
			position: absolute;
297 bb8cc1dc Olga Brani
			top:0;
298 bb8cc1dc Olga Brani
			width:100%;
299 bb8cc1dc Olga Brani
			display:none;
300 bb8cc1dc Olga Brani
			&.current {
301 bb8cc1dc Olga Brani
				display: block;
302 96d15954 Olga Brani
			}
303 3fba84bf Olga Brani
			padding:50px 0 50px;
304 3fba84bf Olga Brani
			&.step-2 {
305 05205849 Athina Bekakou
				// padding-top:30px;
306 3fba84bf Olga Brani
				.dropdown {
307 3fba84bf Olga Brani
					margin-bottom:40px;
308 3fba84bf Olga Brani
				}
309 3fba84bf Olga Brani
			}
310 e11021ca Athina Bekakou
			&.step-3 {
311 05205849 Athina Bekakou
				// padding-top: 45px;
312 e11021ca Athina Bekakou
			}
313 3fba84bf Olga Brani
			.os {
314 3fba84bf Olga Brani
				li {
315 f6cfe41c Athina Bekakou
					display: none;
316 3fba84bf Olga Brani
					list-style: none outside none;
317 3fba84bf Olga Brani
					font-size:emCalc(12px);
318 3fba84bf Olga Brani
					@extend .clearfix;
319 3fba84bf Olga Brani
					padding:15px 0;
320 3fba84bf Olga Brani
					&:hover,
321 3fba84bf Olga Brani
					&.hover {
322 3fba84bf Olga Brani
						background:$overlay-darker-color;
323 3fba84bf Olga Brani
					}
324 3fba84bf Olga Brani
					&.current {
325 3fba84bf Olga Brani
						background:white;
326 3fba84bf Olga Brani
						color:$overlay-color;
327 3fba84bf Olga Brani
						.name-col {
328 3fba84bf Olga Brani
							color:$overlay-color;
329 3fba84bf Olga Brani
						}
330 3fba84bf Olga Brani
						.btn-col {
331 3fba84bf Olga Brani
							a {
332 3fba84bf Olga Brani
								border-color:$overlay-color;
333 3fba84bf Olga Brani
								color:$overlay-color;
334 3fba84bf Olga Brani
								&.current {
335 3fba84bf Olga Brani
									color:white;
336 3fba84bf Olga Brani
									background:$overlay-color;
337 3fba84bf Olga Brani
								}
338 3fba84bf Olga Brani
							}
339 3fba84bf Olga Brani
						}
340 3fba84bf Olga Brani
					}
341 937c0d49 Athina Bekakou
					&.system-images {
342 937c0d49 Athina Bekakou
						display: list-item;
343 937c0d49 Athina Bekakou
					}
344 2469dab6 Olga Brani
					.img-col {
345 3fba84bf Olga Brani
						float:left;
346 3fba84bf Olga Brani
						width:50px;
347 77115d00 Olga Brani
						line-height: $btn-height;
348 3fba84bf Olga Brani
					}
349 3fba84bf Olga Brani
					.name-col {
350 3fba84bf Olga Brani
						float: left;
351 3fba84bf Olga Brani
						color: $wizard-base-font-color;
352 3fba84bf Olga Brani
						width:71%;
353 3fba84bf Olga Brani
						padding-right:10px;
354 77115d00 Olga Brani
						line-height: $btn-height;
355 3fba84bf Olga Brani
					}
356 3fba84bf Olga Brani
					.size-col {
357 3fba84bf Olga Brani
						float:left;
358 3fba84bf Olga Brani
						width:10%;
359 77115d00 Olga Brani
						line-height: $btn-height;
360 3fba84bf Olga Brani
					}
361 3fba84bf Olga Brani
					.btn-col {
362 3fba84bf Olga Brani
						float:right;
363 3fba84bf Olga Brani
						width:10%;
364 3fba84bf Olga Brani
						margin-left:10px;
365 3fba84bf Olga Brani
						a {
366 3fba84bf Olga Brani
							@extend .btn5;
367 62462e34 Athina Bekakou
368 3fba84bf Olga Brani
								font-size:1em;
369 3fba84bf Olga Brani
							&.current {
370 3fba84bf Olga Brani
								color:$overlay-color;
371 3fba84bf Olga Brani
							}
372 3fba84bf Olga Brani
						}
373 3fba84bf Olga Brani
					}
374 3fba84bf Olga Brani
					.details {
375 3fba84bf Olga Brani
						display: none;
376 3fba84bf Olga Brani
						background:darken(white,10%);
377 3fba84bf Olga Brani
						padding:22px 0;
378 3fba84bf Olga Brani
						margin:20px 6px -9px;
379 3fba84bf Olga Brani
						color: $body-font-color;
380 3fba84bf Olga Brani
						h3 {
381 3fba84bf Olga Brani
							font-size: 1em;
382 3fba84bf Olga Brani
							font-weight: normal;
383 3fba84bf Olga Brani
							margin-bottom:1em;
384 3fba84bf Olga Brani
							padding-left:50px;
385 3fba84bf Olga Brani
						}
386 3fba84bf Olga Brani
						dl {
387 3fba84bf Olga Brani
							margin:0;
388 3fba84bf Olga Brani
							padding-left:50px;
389 3fba84bf Olga Brani
							@extend .clearfix;
390 3fba84bf Olga Brani
							dt {
391 3fba84bf Olga Brani
								width: 20%;
392 3fba84bf Olga Brani
								float:left;
393 3fba84bf Olga Brani
								color:$black;
394 3fba84bf Olga Brani
								font-weight:normal;
395 3fba84bf Olga Brani
							}
396 3fba84bf Olga Brani
							dd {
397 3fba84bf Olga Brani
								color:#485057;
398 3fba84bf Olga Brani
								margin:0 0 5px;
399 3fba84bf Olga Brani
							}
400 3fba84bf Olga Brani
						}
401 3fba84bf Olga Brani
					}
402 3fba84bf Olga Brani
				}
403 3fba84bf Olga Brani
			}
404 3fba84bf Olga Brani
			.flavor {
405 3fba84bf Olga Brani
				list-style: none outside none;
406 3fba84bf Olga Brani
				li {
407 3fba84bf Olga Brani
					list-style:none outside none;
408 6f4b6de9 Olga Brani
					margin-bottom:30px;
409 3fba84bf Olga Brani
					.title {
410 3fba84bf Olga Brani
						@extend .clearfix;
411 6f4b6de9 Olga Brani
						height:40px;
412 6f4b6de9 Olga Brani
						overflow:hidden;
413 6f4b6de9 Olga Brani
						margin-bottom:emCalc(8px);
414 3fba84bf Olga Brani
						color:white;
415 3fba84bf Olga Brani
						vertical-align: top;
416 3fba84bf Olga Brani
						.icon {
417 3fba84bf Olga Brani
							display: block;
418 ac8a6905 Olga Brani
							width:60px;
419 3fba84bf Olga Brani
							font-size:emCalc(40px);
420 3fba84bf Olga Brani
							float: left;
421 3fba84bf Olga Brani
						}
422 3fba84bf Olga Brani
						h2 {
423 3fba84bf Olga Brani
							font-size:emCalc(14px);
424 3fba84bf Olga Brani
							span {
425 3fba84bf Olga Brani
								font-weight:normal;
426 3fba84bf Olga Brani
							}
427 3fba84bf Olga Brani
							float:left;
428 ac8a6905 Olga Brani
							width: 140px;
429 3fba84bf Olga Brani
							color:white;
430 ac8a6905 Olga Brani
							margin-right:60px;
431 3fba84bf Olga Brani
							padding-left:emCalc(10px);
432 3fba84bf Olga Brani
							&:hover {
433 ac8a6905 Olga Brani
								em {
434 ac8a6905 Olga Brani
									opacity:1;
435 3fba84bf Olga Brani
								}
436 3fba84bf Olga Brani
							}
437 ac8a6905 Olga Brani
							em {
438 ac8a6905 Olga Brani
								display: block;
439 0fa29762 Olga Brani
								margin-top:4px;
440 0a891fe0 Olga Brani
								font-size:11px;
441 ac8a6905 Olga Brani
								color:$black;
442 ac8a6905 Olga Brani
								font-style:normal;
443 ac8a6905 Olga Brani
								font-weight:normal;
444 ac8a6905 Olga Brani
								opacity:0.6;
445 6f4b6de9 Olga Brani
								white-space: nowrap;
446 ac8a6905 Olga Brani
							}
447 3fba84bf Olga Brani
						}
448 3fba84bf Olga Brani
						p {
449 3fba84bf Olga Brani
							visibility: hidden;
450 ac8a6905 Olga Brani
							overflow:hidden;
451 ac8a6905 Olga Brani
							min-height:40px;
452 3fba84bf Olga Brani
							color:$black;
453 0a891fe0 Olga Brani
							font-size:11px;
454 3fba84bf Olga Brani
						}
455 3fba84bf Olga Brani
					}
456 3fba84bf Olga Brani
					.options-bar {
457 3fba84bf Olga Brani
						@extend .clearfix;
458 3fba84bf Olga Brani
						.bar {
459 ac8a6905 Olga Brani
							width:200px;
460 ac8a6905 Olga Brani
							float:left;
461 ac8a6905 Olga Brani
							margin-right:60px;
462 3fba84bf Olga Brani
							height: 20px;
463 3fba84bf Olga Brani
							position: relative;
464 3fba84bf Olga Brani
							top:10px;
465 3fba84bf Olga Brani
							.wrap {
466 3fba84bf Olga Brani
								border:1px solid white;
467 3fba84bf Olga Brani
								padding:1px;
468 3fba84bf Olga Brani
								height: 100%;
469 3fba84bf Olga Brani
								&.disabled-progress-bar {
470 1a3be78b Athina Bekakou
									border-color: $disabled-resource-color;
471 3fba84bf Olga Brani
									.container{
472 3fba84bf Olga Brani
										.total {
473 1a3be78b Athina Bekakou
											background-color: $disabled-resource-color;
474 3fba84bf Olga Brani
										}
475 3fba84bf Olga Brani
									}
476 3fba84bf Olga Brani
								}
477 3fba84bf Olga Brani
								.container {
478 3fba84bf Olga Brani
									height: 100%;
479 3fba84bf Olga Brani
									.total {
480 3fba84bf Olga Brani
										background:$primary-color;
481 3fba84bf Olga Brani
										height: 100%;
482 3fba84bf Olga Brani
										float:left;
483 3fba84bf Olga Brani
										position: relative;
484 3fba84bf Olga Brani
										.current {
485 3fba84bf Olga Brani
											background:white;
486 3fba84bf Olga Brani
											height: 100%;
487 3fba84bf Olga Brani
											float:left;
488 3fba84bf Olga Brani
										}
489 3fba84bf Olga Brani
										span {
490 3fba84bf Olga Brani
											position:absolute;
491 3fba84bf Olga Brani
											right:10px;
492 3fba84bf Olga Brani
											color:$black;
493 3fba84bf Olga Brani
											font-size: emCalc(9px);
494 ac8a6905 Olga Brani
											top:2px;
495 3fba84bf Olga Brani
										}
496 3fba84bf Olga Brani
										&.low {
497 3fba84bf Olga Brani
											span {
498 3fba84bf Olga Brani
												right:-30px;
499 3fba84bf Olga Brani
												color:white;
500 3fba84bf Olga Brani
											}
501 3fba84bf Olga Brani
										}
502 3fba84bf Olga Brani
									}
503 3fba84bf Olga Brani
								}
504 3fba84bf Olga Brani
505 3fba84bf Olga Brani
							}
506 3fba84bf Olga Brani
						}
507 3fba84bf Olga Brani
						.options {
508 3fba84bf Olga Brani
							overflow:hidden;
509 3fba84bf Olga Brani
							list-style: none outside none;
510 3fba84bf Olga Brani
							li {
511 3fba84bf Olga Brani
								list-style: none outside none;
512 3fba84bf Olga Brani
								display: inline-block;
513 3fba84bf Olga Brani
								margin-right: 10px;
514 3fba84bf Olga Brani
								margin-bottom:0;
515 3fba84bf Olga Brani
								a {
516 3fba84bf Olga Brani
									@extend .btn5;
517 3fba84bf Olga Brani
									min-width: 60px;
518 3fba84bf Olga Brani
									&.current {
519 3fba84bf Olga Brani
										color:$overlay-color;
520 3fba84bf Olga Brani
									}
521 1a3be78b Athina Bekakou
									&.disabled {
522 1a3be78b Athina Bekakou
										border-color: $disabled-resource-color;
523 1a3be78b Athina Bekakou
										color: $disabled-resource-color;
524 1a3be78b Athina Bekakou
										&:hover, &:active {
525 1a3be78b Athina Bekakou
											cursor: default;
526 1a3be78b Athina Bekakou
											border-width: 1px;
527 1a3be78b Athina Bekakou
											line-height: 28px;
528 1a3be78b Athina Bekakou
529 1a3be78b Athina Bekakou
										}
530 1a3be78b Athina Bekakou
									}
531 3fba84bf Olga Brani
								}
532 3fba84bf Olga Brani
							}
533 3fba84bf Olga Brani
						}
534 3fba84bf Olga Brani
					}
535 3fba84bf Olga Brani
				}
536 3fba84bf Olga Brani
			}
537 3fba84bf Olga Brani
			.summary {
538 6f4b6de9 Olga Brani
				padding-bottom:40px;
539 3fba84bf Olga Brani
				.row {
540 bae6a7f7 Olga Brani
					.wrap {
541 bae6a7f7 Olga Brani
						max-width: $row-small;
542 bae6a7f7 Olga Brani
						border-top:1px solid white;
543 05205849 Athina Bekakou
						// padding-top:2em;
544 05205849 Athina Bekakou
						// margin-top:1em;
545 bae6a7f7 Olga Brani
					}
546 3fba84bf Olga Brani
					&:first-child {
547 bae6a7f7 Olga Brani
						.wrap {
548 bae6a7f7 Olga Brani
							border-top:0 none;
549 bae6a7f7 Olga Brani
							margin-top:0;
550 bae6a7f7 Olga Brani
						}
551 bae6a7f7 Olga Brani
						dl {
552 bae6a7f7 Olga Brani
							dt {
553 bae6a7f7 Olga Brani
								font-weight: bold;
554 bae6a7f7 Olga Brani
							}
555 bae6a7f7 Olga Brani
						}
556 3fba84bf Olga Brani
					}
557 3fba84bf Olga Brani
				}
558 3fba84bf Olga Brani
				h2 {
559 3fba84bf Olga Brani
					font-size:1em;
560 3fba84bf Olga Brani
					color:white;
561 026edcbc Olga Brani
					margin-bottom:1em;
562 3fba84bf Olga Brani
				}
563 3fba84bf Olga Brani
				dl {
564 3fba84bf Olga Brani
					margin-bottom:0;
565 3fba84bf Olga Brani
					span {
566 bae6a7f7 Olga Brani
						width:40px;
567 bae6a7f7 Olga Brani
						display: inline-block;
568 3fba84bf Olga Brani
						font-size:20px;
569 3fba84bf Olga Brani
					}
570 3fba84bf Olga Brani
					dt {
571 3fba84bf Olga Brani
						display: inline-block;
572 bae6a7f7 Olga Brani
						width: 42%;
573 3fba84bf Olga Brani
						vertical-align: top;
574 bae6a7f7 Olga Brani
						font-weight:600;
575 3fba84bf Olga Brani
					}
576 3fba84bf Olga Brani
					dd {
577 3fba84bf Olga Brani
						display: inline-block;
578 3fba84bf Olga Brani
						width:45%;
579 bae6a7f7 Olga Brani
						margin-bottom:1em;
580 3fba84bf Olga Brani
					}
581 3fba84bf Olga Brani
				}
582 3fba84bf Olga Brani
			}
583 3fba84bf Olga Brani
			.advanced-conf-step {
584 3fba84bf Olga Brani
				color: $wizard-base-font-color;
585 3fba84bf Olga Brani
				h2 {
586 3fba84bf Olga Brani
					color: $wizard-base-font-color;
587 3fba84bf Olga Brani
					font-size: 1em;
588 e11021ca Athina Bekakou
					margin-bottom: 10px;
589 05205849 Athina Bekakou
					line-height: 1;
590 3fba84bf Olga Brani
				}
591 3fba84bf Olga Brani
				p {
592 3fba84bf Olga Brani
					font-size: $wizard-paragraph-font-size;
593 3fba84bf Olga Brani
				}
594 ca3c8b6e Athina Bekakou
                .snf-checkbox-checked, .snf-checkbox-unchecked {
595 ca3c8b6e Athina Bekakou
                    color: $wizard-base-font-color;
596 ca3c8b6e Athina Bekakou
                }   
597 ca3c8b6e Athina Bekakou
                .expand-btn {
598 b3ffc710 Olga Brani
                    margin: 50px 0 $step-adv-padding;
599 ca3c8b6e Athina Bekakou
                    a {
600 ca3c8b6e Athina Bekakou
                        color:$wizard-base-font-color;
601 e11021ca Athina Bekakou
                        span {
602 e11021ca Athina Bekakou
                        	padding-left:24px;
603 e11021ca Athina Bekakou
                        }
604 e11021ca Athina Bekakou
                      }
605 3f284f50 Athina Bekakou
606 ca3c8b6e Athina Bekakou
                   
607 ca3c8b6e Athina Bekakou
                }
608 ca3c8b6e Athina Bekakou
                .adv-main {
609 e11021ca Athina Bekakou
                    // padding: 10px 0 30px;
610 e11021ca Athina Bekakou
                    // width:$row-small;
611 ca3c8b6e Athina Bekakou
                    .vm-name {
612 ca3c8b6e Athina Bekakou
                        h2 {
613 ca3c8b6e Athina Bekakou
                            color:white;
614 ca3c8b6e Athina Bekakou
                            font-size:1em;
615 ca3c8b6e Athina Bekakou
                            margin-bottom:0.5em;
616 ca3c8b6e Athina Bekakou
                        }
617 e11021ca Athina Bekakou
618 ca3c8b6e Athina Bekakou
                    }
619 ca3c8b6e Athina Bekakou
                }
620 ca3c8b6e Athina Bekakou
                .btn5 {
621 ca3c8b6e Athina Bekakou
                    &:hover {
622 ca3c8b6e Athina Bekakou
                        color:white;
623 ca3c8b6e Athina Bekakou
                }
624 ca3c8b6e Athina Bekakou
                    &.current, &.current:hover {
625 ca3c8b6e Athina Bekakou
                        color:$overlay-color;
626 ca3c8b6e Athina Bekakou
                    }
627 ca3c8b6e Athina Bekakou
                }
628 ca3c8b6e Athina Bekakou
                .advanced-conf-options {
629 ca3c8b6e Athina Bekakou
                    display: none;
630 e11021ca Athina Bekakou
                    .check {
631 e11021ca Athina Bekakou
                    	font-size: 20px;
632 e11021ca Athina Bekakou
                    }
633 ca3c8b6e Athina Bekakou
                    .area {
634 b3ffc710 Olga Brani
                        padding:$step-adv-padding 0;
635 ca3c8b6e Athina Bekakou
                        .row {
636 e11021ca Athina Bekakou
	                        p{
637 b3ffc710 Olga Brani
								max-width:340px;
638 e11021ca Athina Bekakou
	                        	margin-bottom: 20px;
639 e11021ca Athina Bekakou
	                        }
640 ca3c8b6e Athina Bekakou
                        }
641 ca3c8b6e Athina Bekakou
                        ul {
642 ca3c8b6e Athina Bekakou
                            li {
643 ca3c8b6e Athina Bekakou
                                position: relative;
644 ca3c8b6e Athina Bekakou
                                list-style:none outside none;
645 ca3c8b6e Athina Bekakou
                                margin-bottom:7px;
646 ca3c8b6e Athina Bekakou
                                &.checkbox {
647 ca3c8b6e Athina Bekakou
                                    &:hover {
648 ca3c8b6e Athina Bekakou
                                        cursor: pointer;
649 ca3c8b6e Athina Bekakou
                                    }
650 ca3c8b6e Athina Bekakou
                                }
651 ca3c8b6e Athina Bekakou
                                h3 {
652 ca3c8b6e Athina Bekakou
                                    width: $conf-area-h-width;
653 ca3c8b6e Athina Bekakou
                                    color:white;
654 ca3c8b6e Athina Bekakou
                                    font-size:1em;
655 ca3c8b6e Athina Bekakou
                                    font-weight: normal;
656 e11021ca Athina Bekakou
                                    margin:0 28px 0 0;
657 ca3c8b6e Athina Bekakou
                                    display: inline-block;
658 ca3c8b6e Athina Bekakou
                                    //&.net-name { width: 9.063em }
659 ca3c8b6e Athina Bekakou
                                }
660 ca3c8b6e Athina Bekakou
                            }
661 ca3c8b6e Athina Bekakou
                        }
662 ca3c8b6e Athina Bekakou
                    }
663 ca3c8b6e Athina Bekakou
                    .ssh-keys-area {
664 ca3c8b6e Athina Bekakou
                        background-color: $ssh-opt-area-color;
665 e11021ca Athina Bekakou
                        .btn5 {
666 e11021ca Athina Bekakou
                        	margin-top: 3px;
667 e11021ca Athina Bekakou
                        }
668 e11021ca Athina Bekakou
669 ca3c8b6e Athina Bekakou
                    }
670 ca3c8b6e Athina Bekakou
                    .networks-area {
671 ca3c8b6e Athina Bekakou
                        background-color: $net-opt-area-color;
672 e11021ca Athina Bekakou
                        ul {
673 e11021ca Athina Bekakou
                        	position: relative;
674 b3ffc710 Olga Brani
							margin-bottom:0;
675 e11021ca Athina Bekakou
                        }
676 ca3c8b6e Athina Bekakou
                        li {
677 ca3c8b6e Athina Bekakou
                            .net-icons {
678 e11021ca Athina Bekakou
                                padding-right:30px;
679 ca3c8b6e Athina Bekakou
                                display: inline-block;
680 ca3c8b6e Athina Bekakou
                                width:145px;
681 ca3c8b6e Athina Bekakou
                                text-align: right;
682 ca3c8b6e Athina Bekakou
                                font-size:30px;
683 ca3c8b6e Athina Bekakou
                                margin-bottom: 0;
684 b3ffc710 Olga Brani
                                position: relative;
685 ca3c8b6e Athina Bekakou
                                span {
686 b3ffc710 Olga Brani
 									position: relative;
687 ca3c8b6e Athina Bekakou
                                    &.snf-modem {
688 b3ffc710 Olga Brani
                                        top:-1px;
689 ca3c8b6e Athina Bekakou
                                    }
690 b3ffc710 Olga Brani
                                    &.snf-www {
691 b3ffc710 Olga Brani
                                        top:6px;
692 b3ffc710 Olga Brani
                                    }
693 b3ffc710 Olga Brani
                                    &.snf-network_full {
694 b3ffc710 Olga Brani
                                        top:5px;
695 b3ffc710 Olga Brani
                                    }
696 b3ffc710 Olga Brani
                                    &.temp-line {
697 b3ffc710 Olga Brani
										position: absolute;
698 b3ffc710 Olga Brani
										height:1px;
699 b3ffc710 Olga Brani
										width:13px;
700 b3ffc710 Olga Brani
										background:white;
701 b3ffc710 Olga Brani
										bottom:15px;
702 b3ffc710 Olga Brani
										&.line1 { right:56px; }
703 b3ffc710 Olga Brani
										&.line2 {
704 b3ffc710 Olga Brani
 											right:97px;
705 b3ffc710 Olga Brani
											width:10px;
706 b3ffc710 Olga Brani
 										}
707 b3ffc710 Olga Brani
 									}
708 b3ffc710 Olga Brani
 								}
709 ca3c8b6e Athina Bekakou
                            }
710 ca3c8b6e Athina Bekakou
                            &.more {
711 ca3c8b6e Athina Bekakou
                                background:$net-more-opt-area-color;
712 6f4b6de9 Olga Brani
                                margin:$step-adv-padding 0;
713 b3ffc710 Olga Brani
                                padding:$step-adv-padding 0;
714 ca3c8b6e Athina Bekakou
                                color:$net-opt-area-color;
715 ca3c8b6e Athina Bekakou
                                h3 {
716 ca3c8b6e Athina Bekakou
                                    color:$net-opt-area-color;
717 ca3c8b6e Athina Bekakou
                                    padding-left: 145px;
718 b3ffc710 Olga Brani
                                    &:hover {
719 b3ffc710 Olga Brani
 										cursor: pointer;
720 b3ffc710 Olga Brani
                                    }
721 ca3c8b6e Athina Bekakou
                                }
722 ca3c8b6e Athina Bekakou
                                .btn5 {
723 e11021ca Athina Bekakou
                                    margin-top:20px;
724 ca3c8b6e Athina Bekakou
                                    border-color:$net-opt-area-color;
725 ca3c8b6e Athina Bekakou
                                    color:$net-opt-area-color;
726 e11021ca Athina Bekakou
                                    margin-left:145px;
727 ca3c8b6e Athina Bekakou
                                }
728 937c0d49 Athina Bekakou
                                .with-checkbox {
729 ca3c8b6e Athina Bekakou
                                    a {
730 ca3c8b6e Athina Bekakou
                                        span {
731 ca3c8b6e Athina Bekakou
                                            color: $net-opt-area-color;
732 ca3c8b6e Athina Bekakou
                                        }
733 ca3c8b6e Athina Bekakou
                                    }
734 ca3c8b6e Athina Bekakou
                                }
735 ca3c8b6e Athina Bekakou
                            }
736 ca3c8b6e Athina Bekakou
                        }
737 af86484e Olga Brani
738 ca3c8b6e Athina Bekakou
                    }
739 ca3c8b6e Athina Bekakou
                    .tags-area {
740 ca3c8b6e Athina Bekakou
                        background-color: $tag-opt-area-color;
741 ca3c8b6e Athina Bekakou
                        .snf-color-picker {
742 ca3c8b6e Athina Bekakou
                            display: none;
743 ca3c8b6e Athina Bekakou
                        }
744 ca3c8b6e Athina Bekakou
                        #picker {
745 ca3c8b6e Athina Bekakou
                            position: relative;
746 ca3c8b6e Athina Bekakou
                            width: 207px;
747 ca3c8b6e Athina Bekakou
                            margin: 30px 5px;
748 ca3c8b6e Athina Bekakou
                            display: inline-block;
749 ca3c8b6e Athina Bekakou
                        }
750 ca3c8b6e Athina Bekakou
                        .btns {
751 ca3c8b6e Athina Bekakou
                            margin-top: 77px;
752 ca3c8b6e Athina Bekakou
                            margin-bottom: 30px;
753 ca3c8b6e Athina Bekakou
                        }
754 ca3c8b6e Athina Bekakou
                        .btn5 {
755 ca3c8b6e Athina Bekakou
                            margin-right:20px;
756 ca3c8b6e Athina Bekakou
                        }
757 b3ffc710 Olga Brani
                        .tag-demo {
758 b3ffc710 Olga Brani
							left:10px;
759 b3ffc710 Olga Brani
                        }
760 e11021ca Athina Bekakou
                      	h3 {
761 e11021ca Athina Bekakou
                            width: $conf-area-h-width;
762 e11021ca Athina Bekakou
                            color:white;
763 e11021ca Athina Bekakou
                            font-size:1em;
764 e11021ca Athina Bekakou
                            font-weight: normal;
765 e11021ca Athina Bekakou
                            margin:0 28px 0 0;
766 e11021ca Athina Bekakou
                            display: inline-block;
767 e11021ca Athina Bekakou
                            //&.net-name { width: 9.063em }
768 e11021ca Athina Bekakou
                           }
769 e11021ca Athina Bekakou
                        .list-header {
770 e11021ca Athina Bekakou
                        	position: relative;
771 e11021ca Athina Bekakou
                        	left: -14px;
772 e11021ca Athina Bekakou
                        	h3 {
773 e11021ca Athina Bekakou
                        		margin-right: 35px;
774 e11021ca Athina Bekakou
                        	}
775 e11021ca Athina Bekakou
                        }
776 e11021ca Athina Bekakou
777 e11021ca Athina Bekakou
778 ca3c8b6e Athina Bekakou
                    }
779 ca3c8b6e Athina Bekakou
                }
780 ca3c8b6e Athina Bekakou
            }
781 ca3c8b6e Athina Bekakou
        }
782 ca3c8b6e Athina Bekakou
    }
783 ca3c8b6e Athina Bekakou
    .bottom {
784 ca3c8b6e Athina Bekakou
        position: fixed;
785 ca3c8b6e Athina Bekakou
        left:0;
786 ca3c8b6e Athina Bekakou
        right:0;
787 ca3c8b6e Athina Bekakou
        bottom:0;
788 77115d00 Olga Brani
        border-top:1px solid $overlay-color-top;
789 ca3c8b6e Athina Bekakou
        background:$overlay-color;
790 ca3c8b6e Athina Bekakou
        .row {
791 2469dab6 Olga Brani
            height: $bar-submenu-height;
792 2469dab6 Olga Brani
            line-height: $bar-submenu-height;
793 ca3c8b6e Athina Bekakou
        }
794 ca3c8b6e Athina Bekakou
        .nav {
795 2469dab6 Olga Brani
            height: $bar-submenu-height;
796 2469dab6 Olga Brani
            line-height: $bar-submenu-height;
797 ca3c8b6e Athina Bekakou
            color:white;
798 ca3c8b6e Athina Bekakou
            display: inline-block;
799 ca3c8b6e Athina Bekakou
            position: relative;
800 ca3c8b6e Athina Bekakou
            font-size: emCalc(12px);
801 2469dab6 Olga Brani
            top:($bar-submenu-height - 30px)/2;
802 ca3c8b6e Athina Bekakou
            width: 100px;
803 770ad9fa Olga Brani
            &:hover,
804 770ad9fa Olga Brani
            &:focus {
805 ca3c8b6e Athina Bekakou
                @include transition(background, 0ms, ease-out);
806 ca3c8b6e Athina Bekakou
            }
807 ca3c8b6e Athina Bekakou
            span {
808 ca3c8b6e Athina Bekakou
                display: inline-block;
809 ca3c8b6e Athina Bekakou
                height: 30px;
810 ca3c8b6e Athina Bekakou
                line-height:30px;
811 ca3c8b6e Athina Bekakou
                float: left;
812 770ad9fa Olga Brani
                &:hover,
813 770ad9fa Olga Brani
                &:focus {
814 ca3c8b6e Athina Bekakou
                    @include transition(background, 0ms, linear);
815 ca3c8b6e Athina Bekakou
                }
816 ca3c8b6e Athina Bekakou
            }
817 ca3c8b6e Athina Bekakou
        }
818 ca3c8b6e Athina Bekakou
        .prev {
819 ca3c8b6e Athina Bekakou
            float:left;
820 ca3c8b6e Athina Bekakou
            height:30px;
821 ca3c8b6e Athina Bekakou
            padding-left:18px;
822 ca3c8b6e Athina Bekakou
            background:url('../images/nav-edge-lt.png') no-repeat left top;
823 ca3c8b6e Athina Bekakou
            span {
824 ca3c8b6e Athina Bekakou
                padding-right:10px;
825 ca3c8b6e Athina Bekakou
                background:url('../images/nav-lt.png') no-repeat right top;
826 ca3c8b6e Athina Bekakou
            }
827 ca3c8b6e Athina Bekakou
            &:hover,
828 770ad9fa Olga Brani
            &.active,
829 770ad9fa Olga Brani
            &:focus {
830 ca3c8b6e Athina Bekakou
                background-position:left bottom;
831 ca3c8b6e Athina Bekakou
                span {
832 ca3c8b6e Athina Bekakou
                    background-position:right bottom;
833 ca3c8b6e Athina Bekakou
                }
834 ca3c8b6e Athina Bekakou
            }
835 ca3c8b6e Athina Bekakou
        }
836 ca3c8b6e Athina Bekakou
        .next {
837 ca3c8b6e Athina Bekakou
            float:right;
838 ca3c8b6e Athina Bekakou
            height:30px;
839 ca3c8b6e Athina Bekakou
            padding-right:18px;
840 ca3c8b6e Athina Bekakou
            background:url('../images/nav-edge-rt.png') no-repeat right top;
841 ca3c8b6e Athina Bekakou
            span {
842 ca3c8b6e Athina Bekakou
                padding-left:10px;
843 ca3c8b6e Athina Bekakou
                background:url('../images/nav-rt.png') no-repeat left top;
844 ca3c8b6e Athina Bekakou
                float: right;
845 ca3c8b6e Athina Bekakou
            }
846 ca3c8b6e Athina Bekakou
            &:hover,
847 770ad9fa Olga Brani
            &.active,
848 770ad9fa Olga Brani
            &:focus {
849 ca3c8b6e Athina Bekakou
                background-position:right bottom;
850 ca3c8b6e Athina Bekakou
                span {
851 ca3c8b6e Athina Bekakou
                    background-position:left bottom;
852 ca3c8b6e Athina Bekakou
                    float:right;
853 ca3c8b6e Athina Bekakou
                }
854 ca3c8b6e Athina Bekakou
            }
855 ca3c8b6e Athina Bekakou
        }
856 ca3c8b6e Athina Bekakou
    }
857 e5c8c342 Olga Brani
}
858 03bcb595 Olga Brani
859 05689a8e Olga Brani
/* Responive ------------------------------------------------ */
860 05689a8e Olga Brani
@media only screen and (max-width: $small-mobile) {
861 05689a8e Olga Brani
}
862 05689a8e Olga Brani
863 05689a8e Olga Brani
@media only screen and (max-width: $small-screen) {
864 ca3c8b6e Athina Bekakou
    .wizard {
865 ca3c8b6e Athina Bekakou
        .top {
866 ca3c8b6e Athina Bekakou
            position: static;
867 ca3c8b6e Athina Bekakou
        }
868 ca3c8b6e Athina Bekakou
        .middle {
869 ca3c8b6e Athina Bekakou
            padding-top:0;
870 ca3c8b6e Athina Bekakou
        }
871 ca3c8b6e Athina Bekakou
    }
872 ca3c8b6e Athina Bekakou
    .overlay-wrapper {
873 ca3c8b6e Athina Bekakou
        .overlay-area {
874 ca3c8b6e Athina Bekakou
            top:0;
875 ca3c8b6e Athina Bekakou
        }
876 ca3c8b6e Athina Bekakou
    }
877 5bda20fe Olga Brani
}