Revision f6cfe41c

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/vm-wizard.js
238 238 
		$(area).find('.snf-checkbox-unchecked.prechecked').toggleClass('snf-checkbox-checked snf-checkbox-unchecked');
239 239 
		$('.expand-link').find('.snf-arrow-up.preselected').toggleClass('snf-arrow-up snf-arrow-down');
240 240 
		$('.step-1').addClass('current');
241
242 
		$('.os li').hide();
243 
		$('#vm-wizard .top .sub-menu[data-step=1] .preselected').data('img-type')
244 
		$('.os').find('.'+$('#vm-wizard .top .sub-menu[data-step=1] .preselected').data('img-type')).show();
241 245 
	},
242 246 

  		





  243
  247
  
    
	pickResources: function(resource) {


  		





  244
  248
  
    
		$('.flavor .with-flavor a:not(.' + resource + ')').removeClass('current');


  		





  245
  249
  
    
		$('.flavor .with-flavor a.' + resource + '').addClass('current');


  		





  
  250
  
    
	},


  		





  
  251
  
    

  		





  
  252
  
    
	showImageCategory: function(imagesCategory) {


  		





  
  253
  
    
		$(imagesCategory).closest('.sub-menu').find('.current').removeClass('current');


  		





  
  254
  
    
		$(imagesCategory).addClass('current');


  		





  
  255
  
    
		$('.os li').hide();


  		





  
  256
  
    
		$('.os .details').hide();


  		





  
  257
  
    
		selectedImages = $(imagesCategory).data('img-type');


  		





  
  258
  
    
		$('.os').find('.'+selectedImages).fadeIn();


  		





  
  259
  
    
		


  		





  
  260
  
    
	


  		





  246
  261
  
    
	}


  		





  247
  262
  
    

  		





  248
  263
  
    
}


  		





  ......




  441
  456
  
    
	ui.wizard.btns.close.click(function() {


  		





  442
  457
  
    
		ui.wizard.close();


  		





  443
  458
  
    
	});


  		





  
  459
  
    
	


  		





  
  460
  
    
	$('.os .system-images').show();


  		





  
  461
  
    

  		





  
  462
  
    
	$('#vm-wizard .top .sub-menu[data-step=1] a').click(function() {


  		





  
  463
  
    
		ui.wizard.showImageCategory(this);


  		





  
  464
  
    
	})


  		





  444
  465
  
    
});


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
    
  






  378
  378
  
    
		.sb-icon-search {


  		





  379
  379
  
    
			background-color: white;


  		





  380
  380
  
    
			color: $primary-color;


  		





  381
  
  
    
			top: -6px;


  		





  382
  
  
    
			font-size: 20px;


  		





  383
  
  
    
			width:50px;


  		





  
  381
  
    
			top: -4px;


  		





  
  382
  
    
			font-size: 18px;


  		





  
  383
  
    
			width:40px;


  		





  384
  384
  
    
			&:hover {


  		





  385
  385
  
    
				color: $secondary-color;


  		





  386
  386
  
    
			}


  		





  ......




  414
  414
  
    
		.snf-list {


  		





  415
  415
  
    
				margin-right: 4px;


  		





  416
  416
  
    
				font-size: 24px;


  		





  
  417
  
    
				line-height: 50px;


  		





  
  418
  
    
				vertical-align: middle;


  		





  417
  419
  
    
			}


  		





  418
  420
  
    
		.snf-layout {


  		





  419
  421
  
    
				font-size: 25px;


  		





  
  422
  
    
				line-height: 50px;


  		





  
  423
  
    
				vertical-align: middle;


  		





  420
  424
  
    
			}


  		





  421
  425
  
    
		


  		





  422
  426
  
    
	}


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
    
  






  285
  285
  
    
			}


  		





  286
  286
  
    
			.os {


  		





  287
  287
  
    
				li {


  		





  
  288
  
    
					display: none;


  		





  288
  289
  
    
					list-style: none outside none;


  		





  289
  290
  
    
					font-size:emCalc(12px);


  		





  290
  291
  
    
					@extend .clearfix;


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
    
  






  7223
  7223
  
    
.actions-bar #sb-search .sb-icon-search {


  		





  7224
  7224
  
    
  background-color: white;


  		





  7225
  7225
  
    
  color: #919194;


  		





  7226
  
  
    
  top: -6px;


  		





  7227
  
  
    
  font-size: 20px;


  		





  7228
  
  
    
  width: 50px;


  		





  
  7226
  
    
  top: -4px;


  		





  
  7227
  
    
  font-size: 18px;


  		





  
  7228
  
    
  width: 40px;


  		





  7229
  7229
  
    
}


  		





  7230
  7230
  
    
/* line 384, ../sass/_common.scss */


  		





  7231
  7231
  
    
.actions-bar #sb-search .sb-icon-search:hover {


  		





  ......




  7279
  7279
  
    
.actions-bar .view-type .snf-list {


  		





  7280
  7280
  
    
  margin-right: 4px;


  		





  7281
  7281
  
    
  font-size: 24px;


  		





  
  7282
  
    
  line-height: 50px;


  		





  
  7283
  
    
  vertical-align: middle;


  		





  7282
  7284
  
    
}


  		





  7283
  
  
    
/* line 418, ../sass/_common.scss */


  		





  
  7285
  
    
/* line 420, ../sass/_common.scss */


  		





  7284
  7286
  
    
.actions-bar .view-type .snf-layout {


  		





  7285
  7287
  
    
  font-size: 25px;


  		





  
  7288
  
    
  line-height: 50px;


  		





  
  7289
  
    
  vertical-align: middle;


  		





  7286
  7290
  
    
}


  		





  7287
  7291
  
    

  		





  7288
  
  
    
/* line 424, ../sass/_common.scss */


  		





  
  7292
  
    
/* line 428, ../sass/_common.scss */


  		





  7289
  7293
  
    
.new-btn {


  		





  7290
  7294
  
    
  position: absolute;


  		





  7291
  7295
  
    
  left: 15px;


  		





  7292
  7296
  
    
  bottom: 0;


  		





  7293
  7297
  
    
  height: 50px;


  		





  7294
  7298
  
    
}


  		





  7295
  
  
    
/* line 431, ../sass/_common.scss */


  		





  
  7299
  
    
/* line 435, ../sass/_common.scss */


  		





  7296
  7300
  
    
.new-btn a span {


  		





  7297
  7301
  
    
  font-size: 1.25em;


  		





  7298
  7302
  
    
}


  		





  7299
  7303
  
    

  		





  7300
  7304
  
    
/* Icons Navigation ----------------------------------------------- */


  		





  7301
  
  
    
/* line 439, ../sass/_common.scss */


  		





  
  7305
  
    
/* line 443, ../sass/_common.scss */


  		





  7302
  7306
  
    
.icons-nav {


  		





  7303
  7307
  
    
  margin: 0;


  		





  7304
  7308
  
    
  padding: 0;


  		





  7305
  7309
  
    
}


  		





  7306
  
  
    
/* line 441, ../sass/_common.scss */


  		





  
  7310
  
    
/* line 445, ../sass/_common.scss */


  		





  7307
  7311
  
    
.icons-nav li {


  		





  7308
  7312
  
    
  display: inline-block;


  		





  7309
  7313
  
    
  margin: 0 5px;


  		





  ......




  7314
  7318
  
    
  text-align: center;


  		





  7315
  7319
  
    
  overflow: hidden;


  		





  7316
  7320
  
    
}


  		





  7317
  
  
    
/* line 450, ../sass/_common.scss */


  		





  
  7321
  
    
/* line 454, ../sass/_common.scss */


  		





  7318
  7322
  
    
.icons-nav li a {


  		





  7319
  7323
  
    
  color: #1a1a1a;


  		





  7320
  7324
  
    
}


  		





  7321
  
  
    
/* line 452, ../sass/_common.scss */


  		





  
  7325
  
    
/* line 456, ../sass/_common.scss */


  		





  7322
  7326
  
    
.icons-nav li a:hover, .icons-nav li a.current {


  		





  7323
  7327
  
    
  color: #30c79e;


  		





  7324
  7328
  
    
}


  		





  7325
  7329
  
    

  		





  7326
  7330
  
    
/* Top info  ----------------------------------------------- */


  		





  7327
  
  
    
/* line 465, ../sass/_common.scss */


  		





  
  7331
  
    
/* line 469, ../sass/_common.scss */


  		





  7328
  7332
  
    
.top-info {


  		





  7329
  7333
  
    
  padding: 50px 100px;


  		





  7330
  7334
  
    
  position: relative;


  		





  7331
  7335
  
    
  z-index: 10;


  		





  7332
  7336
  
    
  display: none;


  		





  7333
  7337
  
    
}


  		





  7334
  
  
    
/* line 470, ../sass/_common.scss */


  		





  
  7338
  
    
/* line 474, ../sass/_common.scss */


  		





  7335
  7339
  
    
.top-info .close {


  		





  7336
  7340
  
    
  position: absolute;


  		





  7337
  7341
  
    
  right: 15px;


  		





  ......




  7344
  7348
  
    
  overflow: hidden;


  		





  7345
  7349
  
    
}


  		





  7346
  7350
  
    

  		





  7347
  
  
    
/* line 479, ../sass/_common.scss */


  		





  
  7351
  
    
/* line 483, ../sass/_common.scss */


  		





  7348
  7352
  
    
.info.error {


  		





  7349
  7353
  
    
  background: #ff5c58;


  		





  7350
  7354
  
    
  color: #fff;


  		





  7351
  7355
  
    
}


  		





  7352
  7356
  
    

  		





  7353
  
  
    
/* line 485, ../sass/_common.scss */


  		





  
  7357
  
    
/* line 489, ../sass/_common.scss */


  		





  7354
  7358
  
    
.info.alert {


  		





  7355
  7359
  
    
  background: #30c79e;


  		





  7356
  7360
  
    
  color: #fff;


  		





  7357
  7361
  
    
}


  		





  7358
  7362
  
    

  		





  7359
  
  
    
/* line 490, ../sass/_common.scss */


  		





  
  7363
  
    
/* line 494, ../sass/_common.scss */


  		





  7360
  7364
  
    
.info.warning {


  		





  7361
  7365
  
    
  background: #919194;


  		





  7362
  7366
  
    
  color: #fff;


  		





  7363
  7367
  
    
}


  		





  7364
  7368
  
    

  		





  7365
  
  
    
/* line 495, ../sass/_common.scss */


  		





  
  7369
  
    
/* line 499, ../sass/_common.scss */


  		





  7366
  7370
  
    
.info.success {


  		





  7367
  7371
  
    
  background: #00a551;


  		





  7368
  7372
  
    
  color: #fff;


  		





  7369
  7373
  
    
}


  		





  7370
  7374
  
    

  		





  7371
  
  
    
/* line 500, ../sass/_common.scss */


  		





  
  7375
  
    
/* line 504, ../sass/_common.scss */


  		





  7372
  7376
  
    
.border-bottom-style1 {


  		





  7373
  7377
  
    
  padding-bottom: 20px;


  		





  7374
  7378
  
    
  margin-bottom: 20px;


  		





  ......




  7376
  7380
  
    
}


  		





  7377
  7381
  
    

  		





  7378
  7382
  
    
/* Progress Bar ----------------------------------------------- */


  		





  7379
  
  
    
/* line 509, ../sass/_common.scss */


  		





  
  7383
  
    
/* line 513, ../sass/_common.scss */


  		





  7380
  7384
  
    
.progress-bar {


  		





  7381
  7385
  
    
  position: fixed;


  		





  7382
  7386
  
    
  bottom: 0;


  		





  ......




  7387
  7391
  
    
  padding: 20px 0 20px 310px;


  		





  7388
  7392
  
    
  color: #919194;


  		





  7389
  7393
  
    
}


  		





  7390
  
  
    
/* line 518, ../sass/_common.scss */


  		





  
  7394
  
    
/* line 522, ../sass/_common.scss */


  		





  7391
  7395
  
    
.progress-bar span.counter {


  		





  7392
  7396
  
    
  display: inline-block;


  		





  7393
  7397
  
    
  margin-right: 20px;


  		





  7394
  7398
  
    
  float: left;


  		





  7395
  7399
  
    
}


  		





  7396
  
  
    
/* line 523, ../sass/_common.scss */


  		





  
  7400
  
    
/* line 527, ../sass/_common.scss */


  		





  7397
  7401
  
    
.progress-bar div.progress-wrap {


  		





  7398
  7402
  
    
  display: inline-block;


  		





  7399
  7403
  
    
  float: left;


  		





  7400
  7404
  
    
  width: 40%;


  		





  7401
  7405
  
    
  margin-right: 60px;


  		





  7402
  7406
  
    
}


  		





  7403
  
  
    
/* line 528, ../sass/_common.scss */


  		





  
  7407
  
    
/* line 532, ../sass/_common.scss */


  		





  7404
  7408
  
    
.progress-bar div.progress-wrap .progress {


  		





  7405
  7409
  
    
  position: relative;


  		





  7406
  7410
  
    
  top: 2px;


  		





  7407
  7411
  
    
}


  		





  7408
  
  
    
/* line 533, ../sass/_common.scss */


  		





  
  7412
  
    
/* line 537, ../sass/_common.scss */


  		





  7409
  7413
  
    
.progress-bar span.more {


  		





  7410
  7414
  
    
  display: inline-block;


  		





  7411
  7415
  
    
}


  		





  7412
  7416
  
    

  		





  7413
  7417
  
    
/* Responive ------------------------------------------------ */


  		





  7414
  7418
  
    
@media only screen and (max-width: 768px) {


  		





  7415
  
  
    
  /* line 544, ../sass/_common.scss */


  		





  
  7419
  
    
  /* line 548, ../sass/_common.scss */


  		





  7416
  7420
  
    
  body {


  		





  7417
  7421
  
    
    padding-top: 0;


  		





  7418
  7422
  
    
  }


  		





  7419
  7423
  
    

  		





  7420
  
  
    
  /* line 547, ../sass/_common.scss */


  		





  
  7424
  
    
  /* line 551, ../sass/_common.scss */


  		





  7421
  7425
  
    
  .header, .actions-bar {


  		





  7422
  7426
  
    
    position: static;


  		





  7423
  7427
  
    
    z-index: auto;


  		





  7424
  7428
  
    
  }


  		





  7425
  7429
  
    

  		





  7426
  
  
    
  /* line 551, ../sass/_common.scss */


  		





  
  7430
  
    
  /* line 555, ../sass/_common.scss */


  		





  7427
  7431
  
    
  .actions-bar {


  		





  7428
  7432
  
    
    top: 160px;


  		





  7429
  7433
  
    
  }


  		





  7430
  7434
  
    

  		





  7431
  
  
    
  /* line 554, ../sass/_common.scss */


  		





  
  7435
  
    
  /* line 558, ../sass/_common.scss */


  		





  7432
  7436
  
    
  .header {


  		





  7433
  7437
  
    
    height: 120px;


  		





  7434
  7438
  
    
    line-height: 50px;


  		





  7435
  7439
  
    
  }


  		





  7436
  
  
    
  /* line 557, ../sass/_common.scss */


  		





  
  7440
  
    
  /* line 561, ../sass/_common.scss */


  		





  7437
  7441
  
    
  .header .icons-nav {


  		





  7438
  7442
  
    
    position: static;


  		





  7439
  7443
  
    
  }


  		





  ......




  8663
  8667
  
    
}


  		





  8664
  8668
  
    
/* line 287, ../sass/_overlays.scss */


  		





  8665
  8669
  
    
.wizard .middle .step .os li {


  		





  
  8670
  
    
  display: none;


  		





  8666
  8671
  
    
  list-style: none outside none;


  		





  8667
  8672
  
    
  font-size: 0.75em;


  		





  8668
  8673
  
    
  padding: 15px 0;


  		





  8669
  8674
  
    
}


  		





  8670
  
  
    
/* line 293, ../sass/_overlays.scss */


  		





  
  8675
  
    
/* line 294, ../sass/_overlays.scss */


  		





  8671
  8676
  
    
.wizard .middle .step .os li:hover, .wizard .middle .step .os li.hover {


  		





  8672
  8677
  
    
  background: #33383d;


  		





  8673
  8678
  
    
}


  		





  8674
  
  
    
/* line 296, ../sass/_overlays.scss */


  		





  
  8679
  
    
/* line 297, ../sass/_overlays.scss */


  		





  8675
  8680
  
    
.wizard .middle .step .os li.current {


  		





  8676
  8681
  
    
  background: white;


  		





  8677
  8682
  
    
  color: #485057;


  		





  8678
  8683
  
    
}


  		





  8679
  
  
    
/* line 299, ../sass/_overlays.scss */


  		





  
  8684
  
    
/* line 300, ../sass/_overlays.scss */


  		





  8680
  8685
  
    
.wizard .middle .step .os li.current .name-col {


  		





  8681
  8686
  
    
  color: #485057;


  		





  8682
  8687
  
    
}


  		





  8683
  
  
    
/* line 303, ../sass/_overlays.scss */


  		





  
  8688
  
    
/* line 304, ../sass/_overlays.scss */


  		





  8684
  8689
  
    
.wizard .middle .step .os li.current .btn-col a {


  		





  8685
  8690
  
    
  border-color: #485057;


  		





  8686
  8691
  
    
  color: #485057;


  		





  8687
  8692
  
    
}


  		





  8688
  
  
    
/* line 306, ../sass/_overlays.scss */


  		





  
  8693
  
    
/* line 307, ../sass/_overlays.scss */


  		





  8689
  8694
  
    
.wizard .middle .step .os li.current .btn-col a.current {


  		





  8690
  8695
  
    
  color: white;


  		





  8691
  8696
  
    
  background: #485057;


  		





  8692
  8697
  
    
}


  		





  8693
  
  
    
/* line 313, ../sass/_overlays.scss */


  		





  
  8698
  
    
/* line 314, ../sass/_overlays.scss */


  		





  8694
  8699
  
    
.wizard .middle .step .os li .img-col {


  		





  8695
  8700
  
    
  float: left;


  		





  8696
  8701
  
    
  width: 50px;


  		





  8697
  8702
  
    
  line-height: 30px;


  		





  8698
  8703
  
    
}


  		





  8699
  
  
    
/* line 318, ../sass/_overlays.scss */


  		





  
  8704
  
    
/* line 319, ../sass/_overlays.scss */


  		





  8700
  8705
  
    
.wizard .middle .step .os li .name-col {


  		





  8701
  8706
  
    
  float: left;


  		





  8702
  8707
  
    
  color: white;


  		





  ......




  8704
  8709
  
    
  padding-right: 10px;


  		





  8705
  8710
  
    
  line-height: 30px;


  		





  8706
  8711
  
    
}


  		





  8707
  
  
    
/* line 325, ../sass/_overlays.scss */


  		





  
  8712
  
    
/* line 326, ../sass/_overlays.scss */


  		





  8708
  8713
  
    
.wizard .middle .step .os li .size-col {


  		





  8709
  8714
  
    
  float: left;


  		





  8710
  8715
  
    
  width: 10%;


  		





  8711
  8716
  
    
  line-height: 30px;


  		





  8712
  8717
  
    
}


  		





  8713
  
  
    
/* line 330, ../sass/_overlays.scss */


  		





  
  8718
  
    
/* line 331, ../sass/_overlays.scss */


  		





  8714
  8719
  
    
.wizard .middle .step .os li .btn-col {


  		





  8715
  8720
  
    
  float: right;


  		





  8716
  8721
  
    
  width: 10%;


  		





  8717
  8722
  
    
  margin-left: 10px;


  		





  8718
  8723
  
    
}


  		





  8719
  
  
    
/* line 334, ../sass/_overlays.scss */


  		





  
  8724
  
    
/* line 335, ../sass/_overlays.scss */


  		





  8720
  8725
  
    
.wizard .middle .step .os li .btn-col a {


  		





  8721
  8726
  
    
  font-size: 1em;


  		





  8722
  8727
  
    
}


  		





  8723
  
  
    
/* line 338, ../sass/_overlays.scss */


  		





  
  8728
  
    
/* line 339, ../sass/_overlays.scss */


  		





  8724
  8729
  
    
.wizard .middle .step .os li .btn-col a.current {


  		





  8725
  8730
  
    
  color: #485057;


  		





  8726
  8731
  
    
}


  		





  8727
  
  
    
/* line 343, ../sass/_overlays.scss */


  		





  
  8732
  
    
/* line 344, ../sass/_overlays.scss */


  		





  8728
  8733
  
    
.wizard .middle .step .os li .details {


  		





  8729
  8734
  
    
  display: none;


  		





  8730
  8735
  
    
  background: #e6e6e6;


  		





  ......




  8732
  8737
  
    
  margin: 20px 6px -9px;


  		





  8733
  8738
  
    
  color: #222222;


  		





  8734
  8739
  
    
}


  		





  8735
  
  
    
/* line 349, ../sass/_overlays.scss */


  		





  
  8740
  
    
/* line 350, ../sass/_overlays.scss */


  		





  8736
  8741
  
    
.wizard .middle .step .os li .details h3 {


  		





  8737
  8742
  
    
  font-size: 1em;


  		





  8738
  8743
  
    
  font-weight: normal;


  		





  8739
  8744
  
    
  margin-bottom: 1em;


  		





  8740
  8745
  
    
  padding-left: 50px;


  		





  8741
  8746
  
    
}


  		





  8742
  
  
    
/* line 355, ../sass/_overlays.scss */


  		





  
  8747
  
    
/* line 356, ../sass/_overlays.scss */


  		





  8743
  8748
  
    
.wizard .middle .step .os li .details dl {


  		





  8744
  8749
  
    
  margin: 0;


  		





  8745
  8750
  
    
  padding-left: 50px;


  		





  8746
  8751
  
    
}


  		





  8747
  
  
    
/* line 359, ../sass/_overlays.scss */


  		





  
  8752
  
    
/* line 360, ../sass/_overlays.scss */


  		





  8748
  8753
  
    
.wizard .middle .step .os li .details dl dt {


  		





  8749
  8754
  
    
  width: 20%;


  		





  8750
  8755
  
    
  float: left;


  		





  8751
  8756
  
    
  color: #1a1a1a;


  		





  8752
  8757
  
    
  font-weight: normal;


  		





  8753
  8758
  
    
}


  		





  8754
  
  
    
/* line 365, ../sass/_overlays.scss */


  		





  
  8759
  
    
/* line 366, ../sass/_overlays.scss */


  		





  8755
  8760
  
    
.wizard .middle .step .os li .details dl dd {


  		





  8756
  8761
  
    
  color: #485057;


  		





  8757
  8762
  
    
  margin: 0 0 5px;


  		





  8758
  8763
  
    
}


  		





  8759
  
  
    
/* line 373, ../sass/_overlays.scss */


  		





  
  8764
  
    
/* line 374, ../sass/_overlays.scss */


  		





  8760
  8765
  
    
.wizard .middle .step .flavor {


  		





  8761
  8766
  
    
  list-style: none outside none;


  		





  8762
  8767
  
    
}


  		





  8763
  
  
    
/* line 375, ../sass/_overlays.scss */


  		





  
  8768
  
    
/* line 376, ../sass/_overlays.scss */


  		





  8764
  8769
  
    
.wizard .middle .step .flavor li {


  		





  8765
  8770
  
    
  list-style: none outside none;


  		





  8766
  8771
  
    
  margin-bottom: 30px;


  		





  8767
  8772
  
    
}


  		





  8768
  
  
    
/* line 378, ../sass/_overlays.scss */


  		





  
  8773
  
    
/* line 379, ../sass/_overlays.scss */


  		





  8769
  8774
  
    
.wizard .middle .step .flavor li .title {


  		





  8770
  8775
  
    
  height: 40px;


  		





  8771
  8776
  
    
  overflow: hidden;


  		





  ......




  8773
  8778
  
    
  color: white;


  		





  8774
  8779
  
    
  vertical-align: top;


  		





  8775
  8780
  
    
}


  		





  8776
  
  
    
/* line 385, ../sass/_overlays.scss */


  		





  
  8781
  
    
/* line 386, ../sass/_overlays.scss */


  		





  8777
  8782
  
    
.wizard .middle .step .flavor li .title .icon {


  		





  8778
  8783
  
    
  display: block;


  		





  8779
  8784
  
    
  width: 60px;


  		





  8780
  8785
  
    
  font-size: 2.5em;


  		





  8781
  8786
  
    
  float: left;


  		





  8782
  8787
  
    
}


  		





  8783
  
  
    
/* line 391, ../sass/_overlays.scss */


  		





  
  8788
  
    
/* line 392, ../sass/_overlays.scss */


  		





  8784
  8789
  
    
.wizard .middle .step .flavor li .title h2 {


  		





  8785
  8790
  
    
  font-size: 0.875em;


  		





  8786
  8791
  
    
  float: left;


  		





  ......




  8789
  8794
  
    
  margin-right: 60px;


  		





  8790
  8795
  
    
  padding-left: 0.625em;


  		





  8791
  8796
  
    
}


  		





  8792
  
  
    
/* line 393, ../sass/_overlays.scss */


  		





  
  8797
  
    
/* line 394, ../sass/_overlays.scss */


  		





  8793
  8798
  
    
.wizard .middle .step .flavor li .title h2 span {


  		





  8794
  8799
  
    
  font-weight: normal;


  		





  8795
  8800
  
    
}


  		





  8796
  
  
    
/* line 402, ../sass/_overlays.scss */


  		





  
  8801
  
    
/* line 403, ../sass/_overlays.scss */


  		





  8797
  8802
  
    
.wizard .middle .step .flavor li .title h2:hover em {


  		





  8798
  8803
  
    
  opacity: 1;


  		





  8799
  8804
  
    
}


  		





  8800
  
  
    
/* line 406, ../sass/_overlays.scss */


  		





  
  8805
  
    
/* line 407, ../sass/_overlays.scss */


  		





  8801
  8806
  
    
.wizard .middle .step .flavor li .title h2 em {


  		





  8802
  8807
  
    
  display: block;


  		





  8803
  8808
  
    
  margin-top: 4px;


  		





  ......




  8808
  8813
  
    
  opacity: 0.6;


  		





  8809
  8814
  
    
  white-space: nowrap;


  		





  8810
  8815
  
    
}


  		





  8811
  
  
    
/* line 417, ../sass/_overlays.scss */


  		





  
  8816
  
    
/* line 418, ../sass/_overlays.scss */


  		





  8812
  8817
  
    
.wizard .middle .step .flavor li .title p {


  		





  8813
  8818
  
    
  visibility: hidden;


  		





  8814
  8819
  
    
  overflow: hidden;


  		





  ......




  8816
  8821
  
    
  color: #1a1a1a;


  		





  8817
  8822
  
    
  font-size: 11px;


  		





  8818
  8823
  
    
}


  		





  8819
  
  
    
/* line 427, ../sass/_overlays.scss */


  		





  
  8824
  
    
/* line 428, ../sass/_overlays.scss */


  		





  8820
  8825
  
    
.wizard .middle .step .flavor li .options-bar .bar {


  		





  8821
  8826
  
    
  width: 200px;


  		





  8822
  8827
  
    
  float: left;


  		





  ......




  8825
  8830
  
    
  position: relative;


  		





  8826
  8831
  
    
  top: 10px;


  		





  8827
  8832
  
    
}


  		





  8828
  
  
    
/* line 434, ../sass/_overlays.scss */


  		





  
  8833
  
    
/* line 435, ../sass/_overlays.scss */


  		





  8829
  8834
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap {


  		





  8830
  8835
  
    
  border: 1px solid white;


  		





  8831
  8836
  
    
  padding: 1px;


  		





  8832
  8837
  
    
  height: 100%;


  		





  8833
  8838
  
    
}


  		





  8834
  
  
    
/* line 438, ../sass/_overlays.scss */


  		





  
  8839
  
    
/* line 439, ../sass/_overlays.scss */


  		





  8835
  8840
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar {


  		





  8836
  8841
  
    
  border-color: #3a4046;


  		





  8837
  8842
  
    
}


  		





  8838
  
  
    
/* line 441, ../sass/_overlays.scss */


  		





  
  8843
  
    
/* line 442, ../sass/_overlays.scss */


  		





  8839
  8844
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar .container .total {


  		





  8840
  8845
  
    
  background-color: #3a4046;


  		





  8841
  8846
  
    
}


  		





  8842
  
  
    
/* line 446, ../sass/_overlays.scss */


  		





  
  8847
  
    
/* line 447, ../sass/_overlays.scss */


  		





  8843
  8848
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap .container {


  		





  8844
  8849
  
    
  height: 100%;


  		





  8845
  8850
  
    
}


  		





  8846
  
  
    
/* line 448, ../sass/_overlays.scss */


  		





  
  8851
  
    
/* line 449, ../sass/_overlays.scss */


  		





  8847
  8852
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {


  		





  8848
  8853
  
    
  background: #919194;


  		





  8849
  8854
  
    
  height: 100%;


  		





  8850
  8855
  
    
  float: left;


  		





  8851
  8856
  
    
  position: relative;


  		





  8852
  8857
  
    
}


  		





  8853
  
  
    
/* line 453, ../sass/_overlays.scss */


  		





  
  8858
  
    
/* line 454, ../sass/_overlays.scss */


  		





  8854
  8859
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {


  		





  8855
  8860
  
    
  background: white;


  		





  8856
  8861
  
    
  height: 100%;


  		





  8857
  8862
  
    
  float: left;


  		





  8858
  8863
  
    
}


  		





  8859
  
  
    
/* line 458, ../sass/_overlays.scss */


  		





  
  8864
  
    
/* line 459, ../sass/_overlays.scss */


  		





  8860
  8865
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {


  		





  8861
  8866
  
    
  position: absolute;


  		





  8862
  8867
  
    
  right: 10px;


  		





  ......




  8864
  8869
  
    
  font-size: 0.5625em;


  		





  8865
  8870
  
    
  top: 2px;


  		





  8866
  8871
  
    
}


  		





  8867
  
  
    
/* line 466, ../sass/_overlays.scss */


  		





  
  8872
  
    
/* line 467, ../sass/_overlays.scss */


  		





  8868
  8873
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {


  		





  8869
  8874
  
    
  right: -30px;


  		





  8870
  8875
  
    
  color: white;


  		





  8871
  8876
  
    
}


  		





  8872
  
  
    
/* line 476, ../sass/_overlays.scss */


  		





  
  8877
  
    
/* line 477, ../sass/_overlays.scss */


  		





  8873
  8878
  
    
.wizard .middle .step .flavor li .options-bar .options {


  		





  8874
  8879
  
    
  overflow: hidden;


  		





  8875
  8880
  
    
  list-style: none outside none;


  		





  8876
  8881
  
    
}


  		





  8877
  
  
    
/* line 479, ../sass/_overlays.scss */


  		





  
  8882
  
    
/* line 480, ../sass/_overlays.scss */


  		





  8878
  8883
  
    
.wizard .middle .step .flavor li .options-bar .options li {


  		





  8879
  8884
  
    
  list-style: none outside none;


  		





  8880
  8885
  
    
  display: inline-block;


  		





  8881
  8886
  
    
  margin-right: 10px;


  		





  8882
  8887
  
    
  margin-bottom: 0;


  		





  8883
  8888
  
    
}


  		





  8884
  
  
    
/* line 484, ../sass/_overlays.scss */


  		





  
  8889
  
    
/* line 485, ../sass/_overlays.scss */


  		





  8885
  8890
  
    
.wizard .middle .step .flavor li .options-bar .options li a {


  		





  8886
  8891
  
    
  min-width: 60px;


  		





  8887
  8892
  
    
}


  		





  8888
  
  
    
/* line 487, ../sass/_overlays.scss */


  		





  
  8893
  
    
/* line 488, ../sass/_overlays.scss */


  		





  8889
  8894
  
    
.wizard .middle .step .flavor li .options-bar .options li a.current {


  		





  8890
  8895
  
    
  color: #485057;


  		





  8891
  8896
  
    
}


  		





  8892
  
  
    
/* line 496, ../sass/_overlays.scss */


  		





  
  8897
  
    
/* line 497, ../sass/_overlays.scss */


  		





  8893
  8898
  
    
.wizard .middle .step .summary {


  		





  8894
  8899
  
    
  padding-bottom: 40px;


  		





  8895
  8900
  
    
}


  		





  8896
  
  
    
/* line 499, ../sass/_overlays.scss */


  		





  
  8901
  
    
/* line 500, ../sass/_overlays.scss */


  		





  8897
  8902
  
    
.wizard .middle .step .summary .row .wrap {


  		





  8898
  8903
  
    
  max-width: 36.25em;


  		





  8899
  8904
  
    
  border-top: 1px solid white;


  		





  8900
  8905
  
    
  padding-top: 2em;


  		





  8901
  8906
  
    
  margin-top: 1em;


  		





  8902
  8907
  
    
}


  		





  8903
  
  
    
/* line 506, ../sass/_overlays.scss */


  		





  
  8908
  
    
/* line 507, ../sass/_overlays.scss */


  		





  8904
  8909
  
    
.wizard .middle .step .summary .row:first-child .wrap {


  		





  8905
  8910
  
    
  border-top: 0 none;


  		





  8906
  8911
  
    
  margin-top: 0;


  		





  8907
  8912
  
    
}


  		





  8908
  
  
    
/* line 511, ../sass/_overlays.scss */


  		





  
  8913
  
    
/* line 512, ../sass/_overlays.scss */


  		





  8909
  8914
  
    
.wizard .middle .step .summary .row:first-child dl dt {


  		





  8910
  8915
  
    
  font-weight: bold;


  		





  8911
  8916
  
    
}


  		





  8912
  
  
    
/* line 517, ../sass/_overlays.scss */


  		





  
  8917
  
    
/* line 518, ../sass/_overlays.scss */


  		





  8913
  8918
  
    
.wizard .middle .step .summary h2 {


  		





  8914
  8919
  
    
  font-size: 1em;


  		





  8915
  8920
  
    
  color: white;


  		





  8916
  8921
  
    
}


  		





  8917
  
  
    
/* line 521, ../sass/_overlays.scss */


  		





  
  8922
  
    
/* line 522, ../sass/_overlays.scss */


  		





  8918
  8923
  
    
.wizard .middle .step .summary dl {


  		





  8919
  8924
  
    
  margin-bottom: 0;


  		





  8920
  8925
  
    
}


  		





  8921
  
  
    
/* line 523, ../sass/_overlays.scss */


  		





  
  8926
  
    
/* line 524, ../sass/_overlays.scss */


  		





  8922
  8927
  
    
.wizard .middle .step .summary dl span {


  		





  8923
  8928
  
    
  width: 40px;


  		





  8924
  8929
  
    
  display: inline-block;


  		





  8925
  8930
  
    
  font-size: 20px;


  		





  8926
  8931
  
    
}


  		





  8927
  
  
    
/* line 528, ../sass/_overlays.scss */


  		





  
  8932
  
    
/* line 529, ../sass/_overlays.scss */


  		





  8928
  8933
  
    
.wizard .middle .step .summary dl dt {


  		





  8929
  8934
  
    
  display: inline-block;


  		





  8930
  8935
  
    
  width: 42%;


  		





  8931
  8936
  
    
  vertical-align: top;


  		





  8932
  8937
  
    
  font-weight: 600;


  		





  8933
  8938
  
    
}


  		





  8934
  
  
    
/* line 534, ../sass/_overlays.scss */


  		





  
  8939
  
    
/* line 535, ../sass/_overlays.scss */


  		





  8935
  8940
  
    
.wizard .middle .step .summary dl dd {


  		





  8936
  8941
  
    
  display: inline-block;


  		





  8937
  8942
  
    
  width: 45%;


  		





  8938
  8943
  
    
  margin-bottom: 1em;


  		





  8939
  8944
  
    
}


  		





  8940
  
  
    
/* line 541, ../sass/_overlays.scss */


  		





  
  8945
  
    
/* line 542, ../sass/_overlays.scss */


  		





  8941
  8946
  
    
.wizard .middle .step .advanced-conf-step {


  		





  8942
  8947
  
    
  color: white;


  		





  8943
  8948
  
    
}


  		





  8944
  
  
    
/* line 543, ../sass/_overlays.scss */


  		





  
  8949
  
    
/* line 544, ../sass/_overlays.scss */


  		





  8945
  8950
  
    
.wizard .middle .step .advanced-conf-step h2 {


  		





  8946
  8951
  
    
  color: white;


  		





  8947
  8952
  
    
  font-size: 1em;


  		





  8948
  8953
  
    
  margin-bottom: 10px;


  		





  8949
  8954
  
    
}


  		





  8950
  
  
    
/* line 548, ../sass/_overlays.scss */


  		





  
  8955
  
    
/* line 549, ../sass/_overlays.scss */


  		





  8951
  8956
  
    
.wizard .middle .step .advanced-conf-step p {


  		





  8952
  8957
  
    
  font-size: 10px;


  		





  8953
  8958
  
    
}


  		





  8954
  
  
    
/* line 551, ../sass/_overlays.scss */


  		





  
  8959
  
    
/* line 552, ../sass/_overlays.scss */


  		





  8955
  8960
  
    
.wizard .middle .step .advanced-conf-step .snf-checkbox-checked, .wizard .middle .step .advanced-conf-step .snf-checkbox-unchecked {


  		





  8956
  8961
  
    
  color: white;


  		





  8957
  8962
  
    
}


  		





  8958
  
  
    
/* line 554, ../sass/_overlays.scss */


  		





  
  8963
  
    
/* line 555, ../sass/_overlays.scss */


  		





  8959
  8964
  
    
.wizard .middle .step .advanced-conf-step .expand-btn {


  		





  8960
  8965
  
    
  margin: 50px 0 2.5em;


  		





  8961
  8966
  
    
}


  		





  8962
  
  
    
/* line 556, ../sass/_overlays.scss */


  		





  
  8967
  
    
/* line 557, ../sass/_overlays.scss */


  		





  8963
  8968
  
    
.wizard .middle .step .advanced-conf-step .expand-btn a {


  		





  8964
  8969
  
    
  color: white;


  		





  8965
  8970
  
    
}


  		





  8966
  
  
    
/* line 558, ../sass/_overlays.scss */


  		





  
  8971
  
    
/* line 559, ../sass/_overlays.scss */


  		





  8967
  8972
  
    
.wizard .middle .step .advanced-conf-step .expand-btn a span {


  		





  8968
  8973
  
    
  padding-left: 24px;


  		





  8969
  8974
  
    
}


  		





  8970
  
  
    
/* line 569, ../sass/_overlays.scss */


  		





  
  8975
  
    
/* line 570, ../sass/_overlays.scss */


  		





  8971
  8976
  
    
.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {


  		





  8972
  8977
  
    
  color: white;


  		





  8973
  8978
  
    
  font-size: 1em;


  		





  8974
  8979
  
    
  margin-bottom: 0.5em;


  		





  8975
  8980
  
    
}


  		





  8976
  
  
    
/* line 578, ../sass/_overlays.scss */


  		





  
  8981
  
    
/* line 579, ../sass/_overlays.scss */


  		





  8977
  8982
  
    
.wizard .middle .step .advanced-conf-step .btn5:hover, .wizard .middle .step .advanced-conf-step .os li .btn-col a:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step a:hover, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a:hover {


  		





  8978
  8983
  
    
  color: white;


  		





  8979
  8984
  
    
}


  		





  8980
  
  
    
/* line 581, ../sass/_overlays.scss */


  		





  
  8985
  
    
/* line 582, ../sass/_overlays.scss */


  		





  8981
  8986
  
    
.wizard .middle .step .advanced-conf-step .btn5.current, .wizard .middle .step .advanced-conf-step .os li .btn-col a.current, .wizard .middle .step .os li .btn-col .advanced-conf-step a.current, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current, .wizard .middle .step .advanced-conf-step .btn5.current:hover, .wizard .middle .step .advanced-conf-step .os li .btn-col a.current:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step a.current:hover, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current:hover {


  		





  8982
  8987
  
    
  color: #485057;


  		





  8983
  8988
  
    
}


  		





  8984
  
  
    
/* line 585, ../sass/_overlays.scss */


  		





  
  8989
  
    
/* line 586, ../sass/_overlays.scss */


  		





  8985
  8990
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options {


  		





  8986
  8991
  
    
  display: none;


  		





  8987
  8992
  
    
}


  		





  8988
  
  
    
/* line 587, ../sass/_overlays.scss */


  		





  
  8993
  
    
/* line 588, ../sass/_overlays.scss */


  		





  8989
  8994
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .check {


  		





  8990
  8995
  
    
  font-size: 20px;


  		





  8991
  8996
  
    
}


  		





  8992
  
  
    
/* line 590, ../sass/_overlays.scss */


  		





  
  8997
  
    
/* line 591, ../sass/_overlays.scss */


  		





  8993
  8998
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {


  		





  8994
  8999
  
    
  padding: 2.5em 0;


  		





  8995
  9000
  
    
}


  		





  8996
  
  
    
/* line 593, ../sass/_overlays.scss */


  		





  
  9001
  
    
/* line 594, ../sass/_overlays.scss */


  		





  8997
  9002
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row p {


  		





  8998
  9003
  
    
  max-width: 340px;


  		





  8999
  9004
  
    
  margin-bottom: 20px;


  		





  9000
  9005
  
    
}


  		





  9001
  
  
    
/* line 599, ../sass/_overlays.scss */


  		





  
  9006
  
    
/* line 600, ../sass/_overlays.scss */


  		





  9002
  9007
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {


  		





  9003
  9008
  
    
  position: relative;


  		





  9004
  9009
  
    
  list-style: none outside none;


  		





  9005
  9010
  
    
  margin-bottom: 7px;


  		





  9006
  9011
  
    
}


  		





  9007
  
  
    
/* line 604, ../sass/_overlays.scss */


  		





  
  9012
  
    
/* line 605, ../sass/_overlays.scss */


  		





  9008
  9013
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {


  		





  9009
  9014
  
    
  cursor: pointer;


  		





  9010
  9015
  
    
}


  		





  9011
  
  
    
/* line 608, ../sass/_overlays.scss */


  		





  
  9016
  
    
/* line 609, ../sass/_overlays.scss */


  		





  9012
  9017
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {


  		





  9013
  9018
  
    
  width: 18.75em;


  		





  9014
  9019
  
    
  color: white;


  		





  ......




  9017
  9022
  
    
  margin: 0 28px 0 0;


  		





  9018
  9023
  
    
  display: inline-block;


  		





  9019
  9024
  
    
}


  		





  9020
  
  
    
/* line 620, ../sass/_overlays.scss */


  		





  
  9025
  
    
/* line 621, ../sass/_overlays.scss */


  		





  9021
  9026
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {


  		





  9022
  9027
  
    
  background-color: #ff7049;


  		





  9023
  9028
  
    
}


  		





  9024
  
  
    
/* line 622, ../sass/_overlays.scss */


  		





  
  9029
  
    
/* line 623, ../sass/_overlays.scss */


  		





  9025
  9030
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .os li .btn-col a, .wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .flavor li .options-bar .options li a, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a {


  		





  9026
  9031
  
    
  margin-top: 3px;


  		





  9027
  9032
  
    
}


  		





  9028
  
  
    
/* line 627, ../sass/_overlays.scss */


  		





  
  9033
  
    
/* line 628, ../sass/_overlays.scss */


  		





  9029
  9034
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {


  		





  9030
  9035
  
    
  background-color: #ff948c;


  		





  9031
  9036
  
    
}


  		





  9032
  
  
    
/* line 629, ../sass/_overlays.scss */


  		





  
  9037
  
    
/* line 630, ../sass/_overlays.scss */


  		





  9033
  9038
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area ul {


  		





  9034
  9039
  
    
  position: relative;


  		





  9035
  9040
  
    
  margin-bottom: 0;


  		





  9036
  9041
  
    
}


  		





  9037
  
  
    
/* line 634, ../sass/_overlays.scss */


  		





  
  9042
  
    
/* line 635, ../sass/_overlays.scss */


  		





  9038
  9043
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {


  		





  9039
  9044
  
    
  padding-right: 30px;


  		





  9040
  9045
  
    
  display: inline-block;


  		





  ......




  9044
  9049
  
    
  margin-bottom: 0;


  		





  9045
  9050
  
    
  position: relative;


  		





  9046
  9051
  
    
}


  		





  9047
  
  
    
/* line 642, ../sass/_overlays.scss */


  		





  
  9052
  
    
/* line 643, ../sass/_overlays.scss */


  		





  9048
  9053
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {


  		





  9049
  9054
  
    
  position: relative;


  		





  9050
  9055
  
    
}


  		





  9051
  
  
    
/* line 644, ../sass/_overlays.scss */


  		





  
  9056
  
    
/* line 645, ../sass/_overlays.scss */


  		





  9052
  9057
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {


  		





  9053
  9058
  
    
  top: -1px;


  		





  9054
  9059
  
    
}


  		





  9055
  
  
    
/* line 647, ../sass/_overlays.scss */


  		





  
  9060
  
    
/* line 648, ../sass/_overlays.scss */


  		





  9056
  9061
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-www {


  		





  9057
  9062
  
    
  top: 6px;


  		





  9058
  9063
  
    
}


  		





  9059
  
  
    
/* line 650, ../sass/_overlays.scss */


  		





  
  9064
  
    
/* line 651, ../sass/_overlays.scss */


  		





  9060
  9065
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-network_full {


  		





  9061
  9066
  
    
  top: 5px;


  		





  9062
  9067
  
    
}


  		





  9063
  
  
    
/* line 653, ../sass/_overlays.scss */


  		





  
  9068
  
    
/* line 654, ../sass/_overlays.scss */


  		





  9064
  9069
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line {


  		





  9065
  9070
  
    
  position: absolute;


  		





  9066
  9071
  
    
  height: 1px;


  		





  ......




  9068
  9073
  
    
  background: white;


  		





  9069
  9074
  
    
  bottom: 15px;


  		





  9070
  9075
  
    
}


  		





  9071
  
  
    
/* line 659, ../sass/_overlays.scss */


  		





  
  9076
  
    
/* line 660, ../sass/_overlays.scss */


  		





  9072
  9077
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line1 {


  		





  9073
  9078
  
    
  right: 56px;


  		





  9074
  9079
  
    
}


  		





  9075
  
  
    
/* line 660, ../sass/_overlays.scss */


  		





  
  9080
  
    
/* line 661, ../sass/_overlays.scss */


  		





  9076
  9081
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line2 {


  		





  9077
  9082
  
    
  right: 97px;


  		





  9078
  9083
  
    
  width: 10px;


  		





  9079
  9084
  
    
}


  		





  9080
  
  
    
/* line 667, ../sass/_overlays.scss */


  		





  
  9085
  
    
/* line 668, ../sass/_overlays.scss */


  		





  9081
  9086
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {


  		





  9082
  9087
  
    
  background: #fff4f3;


  		





  9083
  9088
  
    
  margin: 2.5em 0;


  		





  9084
  9089
  
    
  padding: 2.5em 0;


  		





  9085
  9090
  
    
  color: #ff948c;


  		





  9086
  9091
  
    
}


  		





  9087
  
  
    
/* line 672, ../sass/_overlays.scss */


  		





  
  9092
  
    
/* line 673, ../sass/_overlays.scss */


  		





  9088
  9093
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {


  		





  9089
  9094
  
    
  color: #ff948c;


  		





  9090
  9095
  
    
  padding-left: 145px;


  		





  9091
  9096
  
    
}


  		





  9092
  
  
    
/* line 675, ../sass/_overlays.scss */


  		





  
  9097
  
    
/* line 676, ../sass/_overlays.scss */


  		





  9093
  9098
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3:hover {


  		





  9094
  9099
  
    
  cursor: pointer;


  		





  9095
  9100
  
    
}


  		





  9096
  
  
    
/* line 679, ../sass/_overlays.scss */


  		





  
  9101
  
    
/* line 680, ../sass/_overlays.scss */


  		





  9097
  9102
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .os li.more .btn-col a, .wizard .middle .step .os .advanced-conf-step .advanced-conf-options .networks-area li.more .btn-col a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .flavor li.more .options-bar .options li a, .wizard .middle .step .flavor .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a {


  		





  9098
  9103
  
    
  margin-top: 20px;


  		





  9099
  9104
  
    
  border-color: #ff948c;


  		





  9100
  9105
  
    
  color: #ff948c;


  		





  9101
  9106
  
    
  margin-left: 145px;


  		





  9102
  9107
  
    
}


  		





  9103
  
  
    
/* line 687, ../sass/_overlays.scss */


  		





  
  9108
  
    
/* line 688, ../sass/_overlays.scss */


  		





  9104
  9109
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .checkbox a span {


  		





  9105
  9110
  
    
  color: #ff948c;


  		





  9106
  9111
  
    
}


  		





  9107
  
  
    
/* line 696, ../sass/_overlays.scss */


  		





  
  9112
  
    
/* line 697, ../sass/_overlays.scss */


  		





  9108
  9113
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {


  		





  9109
  9114
  
    
  background-color: #4c71ff;


  		





  9110
  9115
  
    
}


  		





  9111
  
  
    
/* line 698, ../sass/_overlays.scss */


  		





  
  9116
  
    
/* line 699, ../sass/_overlays.scss */


  		





  9112
  9117
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {


  		





  9113
  9118
  
    
  display: none;


  		





  9114
  9119
  
    
}


  		





  9115
  
  
    
/* line 701, ../sass/_overlays.scss */


  		





  
  9120
  
    
/* line 702, ../sass/_overlays.scss */


  		





  9116
  9121
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {


  		





  9117
  9122
  
    
  position: relative;


  		





  9118
  9123
  
    
  width: 207px;


  		





  9119
  9124
  
    
  margin: 30px 5px;


  		





  9120
  9125
  
    
  display: inline-block;


  		





  9121
  9126
  
    
}


  		





  9122
  
  
    
/* line 707, ../sass/_overlays.scss */


  		





  
  9127
  
    
/* line 708, ../sass/_overlays.scss */


  		





  9123
  9128
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {


  		





  9124
  9129
  
    
  margin-top: 77px;


  		





  9125
  9130
  
    
  margin-bottom: 30px;


  		





  9126
  9131
  
    
}


  		





  9127
  
  
    
/* line 711, ../sass/_overlays.scss */


  		





  
  9132
  
    
/* line 712, ../sass/_overlays.scss */


  		





  9128
  9133
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .os li .btn-col a, .wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .tags-area a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .flavor li .options-bar .options li a, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a {


  		





  9129
  9134
  
    
  margin-right: 20px;


  		





  9130
  9135
  
    
}


  		





  9131
  
  
    
/* line 714, ../sass/_overlays.scss */


  		





  
  9136
  
    
/* line 715, ../sass/_overlays.scss */


  		





  9132
  9137
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .tag-demo, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #color {


  		





  9133
  9138
  
    
  left: 10px;


  		





  9134
  9139
  
    
}


  		





  9135
  
  
    
/* line 717, ../sass/_overlays.scss */


  		





  
  9140
  
    
/* line 718, ../sass/_overlays.scss */


  		





  9136
  9141
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area h3 {


  		





  9137
  9142
  
    
  width: 18.75em;


  		





  9138
  9143
  
    
  color: white;


  		





  ......




  9141
  9146
  
    
  margin: 0 28px 0 0;


  		





  9142
  9147
  
    
  display: inline-block;


  		





  9143
  9148
  
    
}


  		





  9144
  
  
    
/* line 726, ../sass/_overlays.scss */


  		





  
  9149
  
    
/* line 727, ../sass/_overlays.scss */


  		





  9145
  9150
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header {


  		





  9146
  9151
  
    
  position: relative;


  		





  9147
  9152
  
    
  left: -14px;


  		





  9148
  9153
  
    
}


  		





  9149
  
  
    
/* line 729, ../sass/_overlays.scss */


  		





  
  9154
  
    
/* line 730, ../sass/_overlays.scss */


  		





  9150
  9155
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header h3 {


  		





  9151
  9156
  
    
  margin-right: 35px;


  		





  9152
  9157
  
    
}


  		





  9153
  
  
    
/* line 740, ../sass/_overlays.scss */


  		





  
  9158
  
    
/* line 741, ../sass/_overlays.scss */


  		





  9154
  9159
  
    
.wizard .bottom {


  		





  9155
  9160
  
    
  position: fixed;


  		





  9156
  9161
  
    
  left: 0;


  		





  ......




  9159
  9164
  
    
  border-top: 1px solid #636a70;


  		





  9160
  9165
  
    
  background: #485057;


  		





  9161
  9166
  
    
}


  		





  9162
  
  
    
/* line 747, ../sass/_overlays.scss */


  		





  
  9167
  
    
/* line 748, ../sass/_overlays.scss */


  		





  9163
  9168
  
    
.wizard .bottom .row {


  		





  9164
  9169
  
    
  height: 50px;


  		





  9165
  9170
  
    
  line-height: 50px;


  		





  9166
  9171
  
    
}


  		





  9167
  
  
    
/* line 751, ../sass/_overlays.scss */


  		





  
  9172
  
    
/* line 752, ../sass/_overlays.scss */


  		





  9168
  9173
  
    
.wizard .bottom .nav {


  		





  9169
  9174
  
    
  height: 50px;


  		





  9170
  9175
  
    
  line-height: 50px;


  		





  ......




  9175
  9180
  
    
  top: 10px;


  		





  9176
  9181
  
    
  width: 100px;


  		





  9177
  9182
  
    
}


  		





  9178
  
  
    
/* line 761, ../sass/_overlays.scss */


  		





  
  9183
  
    
/* line 762, ../sass/_overlays.scss */


  		





  9179
  9184
  
    
.wizard .bottom .nav:hover, .wizard .bottom .nav:focus {


  		





  9180
  9185
  
    
  -webkit-transition: background 0ms ease-out;


  		





  9181
  9186
  
    
  -moz-transition: background 0ms ease-out;


  		





  ......




  9183
  9188
  
    
  -o-transition: background 0ms ease-out;


  		





  9184
  9189
  
    
  transition: background 0ms ease-out;


  		





  9185
  9190
  
    
}


  		





  9186
  
  
    
/* line 764, ../sass/_overlays.scss */


  		





  
  9191
  
    
/* line 765, ../sass/_overlays.scss */


  		





  9187
  9192
  
    
.wizard .bottom .nav span {


  		





  9188
  9193
  
    
  display: inline-block;


  		





  9189
  9194
  
    
  height: 30px;


  		





  9190
  9195
  
    
  line-height: 30px;


  		





  9191
  9196
  
    
  float: left;


  		





  9192
  9197
  
    
}


  		





  9193
  
  
    
/* line 770, ../sass/_overlays.scss */


  		





  
  9198
  
    
/* line 771, ../sass/_overlays.scss */


  		





  9194
  9199
  
    
.wizard .bottom .nav span:hover, .wizard .bottom .nav span:focus {


  		





  9195
  9200
  
    
  -webkit-transition: background 0ms linear;


  		





  9196
  9201
  
    
  -moz-transition: background 0ms linear;


  		





  ......




  9198
  9203
  
    
  -o-transition: background 0ms linear;


  		





  9199
  9204
  
    
  transition: background 0ms linear;


  		





  9200
  9205
  
    
}


  		





  9201
  
  
    
/* line 775, ../sass/_overlays.scss */


  		





  
  9206
  
    
/* line 776, ../sass/_overlays.scss */


  		





  9202
  9207
  
    
.wizard .bottom .prev {


  		





  9203
  9208
  
    
  float: left;


  		





  9204
  9209
  
    
  height: 30px;


  		





  9205
  9210
  
    
  padding-left: 18px;


  		





  9206
  9211
  
    
  background: url("../images/nav-edge-lt.png") no-repeat left top;


  		





  9207
  9212
  
    
}


  		





  9208
  
  
    
/* line 780, ../sass/_overlays.scss */


  		





  
  9213
  
    
/* line 781, ../sass/_overlays.scss */


  		





  9209
  9214
  
    
.wizard .bottom .prev span {


  		





  9210
  9215
  
    
  padding-right: 10px;


  		





  9211
  9216
  
    
  background: url("../images/nav-lt.png") no-repeat right top;


  		





  9212
  9217
  
    
}


  		





  9213
  
  
    
/* line 786, ../sass/_overlays.scss */


  		





  
  9218
  
    
/* line 787, ../sass/_overlays.scss */


  		





  9214
  9219
  
    
.wizard .bottom .prev:hover, .wizard .bottom .prev.active, .wizard .bottom .items-list li .container:hover .prev.check, .items-list li .container:hover .wizard .bottom .prev.check, .wizard .bottom .prev:focus {


  		





  9215
  9220
  
    
  background-position: left bottom;


  		





  9216
  9221
  
    
}


  		





  9217
  
  
    
/* line 788, ../sass/_overlays.scss */


  		





  
  9222
  
    
/* line 789, ../sass/_overlays.scss */


  		





  9218
  9223
  
    
.wizard .bottom .prev:hover span, .wizard .bottom .prev.active span, .wizard .bottom .items-list li .container:hover .prev.check span, .items-list li .container:hover .wizard .bottom .prev.check span, .wizard .bottom .prev:focus span {


  		





  9219
  9224
  
    
  background-position: right bottom;


  		





  9220
  9225
  
    
}


  		





  9221
  
  
    
/* line 793, ../sass/_overlays.scss */


  		





  
  9226
  
    
/* line 794, ../sass/_overlays.scss */


  		





  9222
  9227
  
    
.wizard .bottom .next {


  		





  9223
  9228
  
    
  float: right;


  		





  9224
  9229
  
    
  height: 30px;


  		





  9225
  9230
  
    
  padding-right: 18px;


  		





  9226
  9231
  
    
  background: url("../images/nav-edge-rt.png") no-repeat right top;


  		





  9227
  9232
  
    
}


  		





  9228
  
  
    
/* line 798, ../sass/_overlays.scss */


  		





  
  9233
  
    
/* line 799, ../sass/_overlays.scss */


  		





  9229
  9234
  
    
.wizard .bottom .next span {


  		





  9230
  9235
  
    
  padding-left: 10px;


  		





  9231
  9236
  
    
  background: url("../images/nav-rt.png") no-repeat left top;


  		





  9232
  9237
  
    
  float: right;


  		





  9233
  9238
  
    
}


  		





  9234
  
  
    
/* line 805, ../sass/_overlays.scss */


  		





  
  9239
  
    
/* line 806, ../sass/_overlays.scss */


  		





  9235
  9240
  
    
.wizard .bottom .next:hover, .wizard .bottom .next.active, .wizard .bottom .items-list li .container:hover .next.check, .items-list li .container:hover .wizard .bottom .next.check, .wizard .bottom .next:focus {


  		





  9236
  9241
  
    
  background-position: right bottom;


  		





  9237
  9242
  
    
}


  		





  9238
  
  
    
/* line 807, ../sass/_overlays.scss */


  		





  
  9243
  
    
/* line 808, ../sass/_overlays.scss */


  		





  9239
  9244
  
    
.wizard .bottom .next:hover span, .wizard .bottom .next.active span, .wizard .bottom .items-list li .container:hover .next.check span, .items-list li .container:hover .wizard .bottom .next.check span, .wizard .bottom .next:focus span {


  		





  9240
  9245
  
    
  background-position: left bottom;


  		





  9241
  9246
  
    
  float: right;


  		





  ......




  9243
  9248
  
    

  		





  9244
  9249
  
    
/* Responive ------------------------------------------------ */


  		





  9245
  9250
  
    
@media only screen and (max-width: 768px) {


  		





  9246
  
  
    
  /* line 822, ../sass/_overlays.scss */


  		





  
  9251
  
    
  /* line 823, ../sass/_overlays.scss */


  		





  9247
  9252
  
    
  .wizard .top {


  		





  9248
  9253
  
    
    position: static;


  		





  9249
  9254
  
    
  }


  		





  9250
  
  
    
  /* line 825, ../sass/_overlays.scss */


  		





  
  9255
  
    
  /* line 826, ../sass/_overlays.scss */


  		





  9251
  9256
  
    
  .wizard .middle {


  		





  9252
  9257
  
    
    padding-top: 0;


  		





  9253
  9258
  
    
  }


  		





  9254
  9259
  
    

  		





  9255
  
  
    
  /* line 830, ../sass/_overlays.scss */


  		





  
  9260
  
    
  /* line 831, ../sass/_overlays.scss */


  		





  9256
  9261
  
    
  .overlay-wrapper .overlay-area {


  		





  9257
  9262
  
    
    top: 0;


  		





  9258
  9263
  
    
  }


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
    
  






  78
  78
  
    
					<div class="row">


  		





  79
  79
  
    
						<nav class="sub-menu" data-step=1>


  		





  80
  80
  
    
							<ul>


  		





  81
  
  
    
								<li><a href="" class="current preselected el2 firstfocus-1">System</a></li>


  		





  82
  
  
    
								<li><a href="">My images</a></li>


  		





  83
  
  
    
								<li><a href="">Shared with me</a></li>


  		





  84
  
  
    
								<li><a href="" data-next="el1">Public</a></li>


  		





  
  81
  
    
								<li><a href="" class="current preselected el2 firstfocus-1" data-img-type="system-images">System</a></li>


  		





  
  82
  
    
								<li><a href="" data-img-type="my-images">My images</a></li>


  		





  
  83
  
    
								<li><a href="" data-img-type="shared-images">Shared with me</a></li>


  		





  
  84
  
    
								<li><a href="" data-next="el1" data-img-type="public-images">Public</a></li>


  		





  85
  85
  
    
							</ul>


  		





  86
  86
  
    
						</nav>


  		





  87
  87
  
    
						<nav class="sub-menu" data-step=2>


  		





  ......




  99
  99
  
    
							<div class="step step-1 current" id="step-1" data-step="1">


  		





  100
  100
  
    
								<div id="dummy-link-1" class="dummy-link">&nbsp;</div>


  		





  101
  101
  
    
								<ul class="os">


  		





  102
  
  
    
									<li  class="current preselected">


  		





  
  102
  
    
									<li  class="current preselected system-images">


  		





  103
  103
  
    
										<div class="row">


  		





  104
  104
  
    
											<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div>


  		





  105
  105
  
    
											<a href="" class="name-col el1">Kubuntu</a>


  		





  ......




  126
  126
  
    
											</div>


  		





  127
  127
  
    
										</div>


  		





  128
  128
  
    
									</li>


  		





  129
  
  
    
									<li>


  		





  
  129
  
    
									<li class="public-images current preselected">


  		





  130
  130
  
    
										<div class="row">


  		





  131
  131
  
    
											<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div>


  		





  132
  132
  
    
											<a href="" class="name-col">Kubuntu LTS</a>


  		





  ......




  153
  153
  
    
											</div>


  		





  154
  154
  
    
										</div>


  		





  155
  155
  
    
									</li>


  		





  156
  
  
    
									<li>


  		





  
  156
  
    
									<li class="public-images">


  		





  
  157
  
    
										<div class="row">


  		





  
  158
  
    
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>


  		





  
  159
  
    
											<a href="" class="name-col">Fedora</a>


  		





  
  160
  
    
											<div class="size-col">10GB</div>


  		





  
  161
  
    
											<div class="btn-col"><a href="">details</a></div>


  		





  
  162
  
    
										</div>


  		





  
  163
  
    
										<div class="details">


  		





  
  164
  
    
											<div class="row">


  		





  
  165
  
    
												<h3>Image metadata</h3>


  		





  
  166
  
    
												<dl>


  		





  
  167
  
    
													<dt>Owner</dt>


  		





  
  168
  
    
													<dd>system</dd>


  		





  
  169
  
    
													<dt>OS</dt>


  		





  
  170
  
    
													<dd>Kubuntu</dd>


  		





  
  171
  
    
													<dt>Kernel</dt>


  		





  
  172
  
    
													<dd>4.8.2</dd>


  		





  
  173
  
    
													<dt>Size</dt>


  		





  
  174
  
    
													<dd>2.51GB</dd>


  		





  
  175
  
    
													<dt>Users</dt>


  		





  
  176
  
    
													<dd>user</dd>


  		





  
  177
  
    
													<dt>Root partition</dt>


  		





  
  178
  
    
													<dd>1</dd>


  		





  
  179
  
    
												</dl>


  		





  
  180
  
    
											</div>


  		





  
  181
  
    
										</div>


  		





  
  182
  
    
									</li>


  		





  
  183
  
    
									<li class="shared-images current preselected">


  		





  157
  184
  
    
										<div class="row">


  		





  158
  185
  
    
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>


  		





  159
  186
  
    
											<a href="" class="name-col">Fedora</a>


  		





  ......




  180
  207
  
    
											</div>


  		





  181
  208
  
    
										</div>


  		





  182
  209
  
    
									</li>


  		





  183
  
  
    
									<li>


  		





  
  210
  
    
									<li class="my-images current preselected">


  		





  
  211
  
    
										<div class="row">


  		





  
  212
  
    
											<div class="img-col"><img src="images/os-windows.png" alt=""></div>


  		





  
  213
  
    
											<a href="" class="name-col">Windows Server 2012</a>


  		





  
  214
  
    
											<div class="size-col">13.66 GB</div>


  		





  
  215
  
    
											<div class="btn-col"><a href="">details</a></div>


  		





  
  216
  
    
										</div>


  		





  
  217
  
    
										<div class="details">


  		





  
  218
  
    
											<div class="row">


  		





  
  219
  
    
												<h3>Image metadata</h3>


  		





  
  220
  
    
												<dl>


  		





  
  221
  
    
													<dt>Owner</dt>


  		





  
  222
  
    
													<dd>system</dd>


  		





  
  223
  
    
													<dt>OS</dt>


  		





  
  224
  
    
													<dd>Kubuntu</dd>


  		





  
  225
  
    
													<dt>Kernel</dt>


  		





  
  226
  
    
													<dd>4.8.2</dd>


  		





  
  227
  
    
													<dt>Size</dt>


  		





  
  228
  
    
													<dd>2.51GB</dd>


  		





  
  229
  
    
													<dt>Users</dt>


  		





  
  230
  
    
													<dd>user</dd>


  		





  
  231
  
    
													<dt>Root partition</dt>


  		





  
  232
  
    
													<dd>1</dd>


  		





  
  233
  
    
												</dl>


  		





  
  234
  
    
											</div>


  		





  
  235
  
    
										</div>


  		





  
  236
  
    
									</li>


  		





  
  237
  
    
									<li class="system-images">


  		





  184
  238
  
    
										<div class="row">


  		





  185
  239
  
    
											<div class="img-col"><img src="images/os-windows.png" alt=""></div>


  		





  186
  240
  
    
											<a href="" class="name-col">Windows Server 2012</a>


  		





  ......




  207
  261
  
    
											</div>


  		





  208
  262
  
    
										</div>


  		





  209
  263
  
    
									</li>


  		





  210
  
  
    
									<li>


  		





  
  264
  
    
									<li class="system-images">


  		





  211
  265
  
    
										<div class="row">


  		





  212
  266
  
    
											<div class="img-col"><img src="images/os-windows.png" alt=""></div>


  		





  213
  267
  
    
											<a href="" class="name-col">Windows Server 2008</a>


  		












Also available in:
  Unified diff