Revision fcda3fb7

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
464 464 
	}
465 465 
}
466 466 

  		





  
  467
  
    
.no-vm {


  		





  
  468
  
    
	.actions-bar {


  		





  
  469
  
    
		.view-type, .hd-search, .filter {


  		





  
  470
  
    
			display: none;


  		





  
  471
  
    
		}


  		





  
  472
  
    
	}


  		





  
  473
  
    
}


  		





  
  474
  
    

  		





  467
  475
  
    
/* Icons Navigation ----------------------------------------------- */


  		





  468
  476
  
    

  		





  469
  477
  
    
.icons-nav {


  		












  

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






  451
  451
  
    
											font-style:normal;


  		





  452
  452
  
    
											font-weight:normal;


  		





  453
  453
  
    
											white-space: nowrap;


  		





  
  454
  
    
											line-height: 14px;


  		





  454
  455
  
    
										}


  		





  455
  456
  
    
									}


  		





  456
  457
  
    
									p {


  		












  

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






  7241
  7241
  
    
  margin-right: 3px;


  		





  7242
  7242
  
    
}


  		





  7243
  7243
  
    

  		





  7244
  
  
    
/* Icons Navigation ----------------------------------------------- */


  		





  7245
  7244
  
    
/* line 469, ../sass/_common.scss */


  		





  
  7245
  
    
.no-vm .actions-bar .view-type, .no-vm .actions-bar .hd-search, .no-vm .actions-bar .filter {


  		





  
  7246
  
    
  display: none;


  		





  
  7247
  
    
}


  		





  
  7248
  
    

  		





  
  7249
  
    
/* Icons Navigation ----------------------------------------------- */


  		





  
  7250
  
    
/* line 477, ../sass/_common.scss */


  		





  7246
  7251
  
    
.icons-nav {


  		





  7247
  7252
  
    
  margin: 0;


  		





  7248
  7253
  
    
  padding: 0;


  		





  7249
  7254
  
    
}


  		





  7250
  
  
    
/* line 471, ../sass/_common.scss */


  		





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


  		





  7251
  7256
  
    
.icons-nav li {


  		





  7252
  7257
  
    
  display: inline-block;


  		





  7253
  7258
  
    
  margin-right: 10px;


  		





  ......




  7256
  7261
  
    
}


  		





  7257
  7262
  
    

  		





  7258
  7263
  
    
/* Top info  ----------------------------------------------- */


  		





  7259
  
  
    
/* line 484, ../sass/_common.scss */


  		





  
  7264
  
    
/* line 492, ../sass/_common.scss */


  		





  7260
  7265
  
    
.top-info {


  		





  7261
  7266
  
    
  padding: 50px 100px;


  		





  7262
  7267
  
    
  position: relative;


  		





  7263
  7268
  
    
  z-index: 10;


  		





  7264
  7269
  
    
  display: none;


  		





  7265
  7270
  
    
}


  		





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


  		





  
  7271
  
    
/* line 497, ../sass/_common.scss */


  		





  7267
  7272
  
    
.top-info .close {


  		





  7268
  7273
  
    
  position: absolute;


  		





  7269
  7274
  
    
  right: 15px;


  		





  ......




  7276
  7281
  
    
  overflow: hidden;


  		





  7277
  7282
  
    
}


  		





  7278
  7283
  
    

  		





  7279
  
  
    
/* line 498, ../sass/_common.scss */


  		





  
  7284
  
    
/* line 506, ../sass/_common.scss */


  		





  7280
  7285
  
    
.info.error {


  		





  7281
  7286
  
    
  background: #ff5c58;


  		





  7282
  7287
  
    
  color: #fff;


  		





  7283
  7288
  
    
}


  		





  7284
  7289
  
    

  		





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


  		





  
  7290
  
    
/* line 512, ../sass/_common.scss */


  		





  7286
  7291
  
    
.info.alert {


  		





  7287
  7292
  
    
  background: #30c79e;


  		





  7288
  7293
  
    
  color: #fff;


  		





  7289
  7294
  
    
}


  		





  7290
  7295
  
    

  		





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


  		





  
  7296
  
    
/* line 517, ../sass/_common.scss */


  		





  7292
  7297
  
    
.info.warning {


  		





  7293
  7298
  
    
  background: #919194;


  		





  7294
  7299
  
    
  color: #fff;


  		





  7295
  7300
  
    
}


  		





  7296
  7301
  
    

  		





  7297
  
  
    
/* line 514, ../sass/_common.scss */


  		





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


  		





  7298
  7303
  
    
.info.success {


  		





  7299
  7304
  
    
  background: #00a551;


  		





  7300
  7305
  
    
  color: #fff;


  		





  7301
  7306
  
    
}


  		





  7302
  7307
  
    

  		





  7303
  
  
    
/* line 519, ../sass/_common.scss */


  		





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


  		





  7304
  7309
  
    
.border-bottom-style1 {


  		





  7305
  7310
  
    
  padding-bottom: 20px;


  		





  7306
  7311
  
    
  margin-bottom: 20px;


  		





  ......




  7308
  7313
  
    
}


  		





  7309
  7314
  
    

  		





  7310
  7315
  
    
/* Progress Bar ----------------------------------------------- */


  		





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


  		





  
  7316
  
    
/* line 536, ../sass/_common.scss */


  		





  7312
  7317
  
    
.progress-bar {


  		





  7313
  7318
  
    
  position: fixed;


  		





  7314
  7319
  
    
  bottom: 0;


  		





  ......




  7319
  7324
  
    
  padding: 20px 0 20px 310px;


  		





  7320
  7325
  
    
  color: #919194;


  		





  7321
  7326
  
    
}


  		





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


  		





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


  		





  7323
  7328
  
    
.progress-bar span.counter {


  		





  7324
  7329
  
    
  display: inline-block;


  		





  7325
  7330
  
    
  margin-right: 20px;


  		





  7326
  7331
  
    
  float: left;


  		





  7327
  7332
  
    
}


  		





  7328
  
  
    
/* line 542, ../sass/_common.scss */


  		





  
  7333
  
    
/* line 550, ../sass/_common.scss */


  		





  7329
  7334
  
    
.progress-bar div.progress-wrap {


  		





  7330
  7335
  
    
  display: inline-block;


  		





  7331
  7336
  
    
  float: left;


  		





  7332
  7337
  
    
  width: 40%;


  		





  7333
  7338
  
    
  margin-right: 60px;


  		





  7334
  7339
  
    
}


  		





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


  		





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


  		





  7336
  7341
  
    
.progress-bar div.progress-wrap .progress {


  		





  7337
  7342
  
    
  position: relative;


  		





  7338
  7343
  
    
  top: 2px;


  		





  7339
  7344
  
    
}


  		





  7340
  
  
    
/* line 552, ../sass/_common.scss */


  		





  
  7345
  
    
/* line 560, ../sass/_common.scss */


  		





  7341
  7346
  
    
.progress-bar span.more {


  		





  7342
  7347
  
    
  display: inline-block;


  		





  7343
  7348
  
    
}


  		





  7344
  7349
  
    

  		





  7345
  7350
  
    
/* Responive ------------------------------------------------ */


  		





  7346
  7351
  
    
@media only screen and (max-width: 768px) {


  		





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


  		





  
  7352
  
    
  /* line 571, ../sass/_common.scss */


  		





  7348
  7353
  
    
  body {


  		





  7349
  7354
  
    
    padding-top: 0;


  		





  7350
  7355
  
    
  }


  		





  7351
  7356
  
    

  		





  7352
  
  
    
  /* line 566, ../sass/_common.scss */


  		





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


  		





  7353
  7358
  
    
  .header, .actions-bar {


  		





  7354
  7359
  
    
    position: static;


  		





  7355
  7360
  
    
    z-index: auto;


  		





  7356
  7361
  
    
  }


  		





  7357
  7362
  
    

  		





  7358
  
  
    
  /* line 570, ../sass/_common.scss */


  		





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


  		





  7359
  7364
  
    
  .actions-bar {


  		





  7360
  7365
  
    
    top: 160px;


  		





  7361
  7366
  
    
  }


  		





  7362
  7367
  
    

  		





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


  		





  
  7368
  
    
  /* line 581, ../sass/_common.scss */


  		





  7364
  7369
  
    
  .header {


  		





  7365
  7370
  
    
    height: 120px;


  		





  7366
  7371
  
    
    line-height: 50px;


  		





  7367
  7372
  
    
  }


  		





  7368
  
  
    
  /* line 576, ../sass/_common.scss */


  		





  
  7373
  
    
  /* line 584, ../sass/_common.scss */


  		





  7369
  7374
  
    
  .header .icons-nav {


  		





  7370
  7375
  
    
    position: static;


  		





  7371
  7376
  
    
  }


  		





  ......




  9299
  9304
  
    
  font-style: normal;


  		





  9300
  9305
  
    
  font-weight: normal;


  		





  9301
  9306
  
    
  white-space: nowrap;


  		





  
  9307
  
    
  line-height: 14px;


  		





  9302
  9308
  
    
}


  		





  9303
  
  
    
/* line 456, ../sass/_overlays.scss */


  		





  
  9309
  
    
/* line 457, ../sass/_overlays.scss */


  		





  9304
  9310
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title p {


  		





  9305
  9311
  
    
  visibility: hidden;


  		





  9306
  9312
  
    
  overflow: hidden;


  		





  9307
  9313
  
    
  min-height: 40px;


  		





  9308
  9314
  
    
  font-size: 11px;


  		





  9309
  9315
  
    
}


  		





  9310
  
  
    
/* line 465, ../sass/_overlays.scss */


  		





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


  		





  9311
  9317
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar {


  		





  9312
  9318
  
    
  width: 200px;


  		





  9313
  9319
  
    
  float: left;


  		





  ......




  9316
  9322
  
    
  position: relative;


  		





  9317
  9323
  
    
  top: 10px;


  		





  9318
  9324
  
    
}


  		





  9319
  
  
    
/* line 472, ../sass/_overlays.scss */


  		





  
  9325
  
    
/* line 473, ../sass/_overlays.scss */


  		





  9320
  9326
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap {


  		





  9321
  9327
  
    
  border: 1px solid white;


  		





  9322
  9328
  
    
  padding: 1px;


  		





  9323
  9329
  
    
  height: 100%;


  		





  9324
  9330
  
    
}


  		





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


  		





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


  		





  9326
  9332
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar {


  		





  9327
  9333
  
    
  border-color: #3a4046;


  		





  9328
  9334
  
    
}


  		





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


  		





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


  		





  9330
  9336
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar .container .total {


  		





  9331
  9337
  
    
  background-color: #3a4046;


  		





  9332
  9338
  
    
}


  		





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


  		





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


  		





  9334
  9340
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container {


  		





  9335
  9341
  
    
  height: 100%;


  		





  9336
  9342
  
    
}


  		





  9337
  
  
    
/* line 486, ../sass/_overlays.scss */


  		





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


  		





  9338
  9344
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {


  		





  9339
  9345
  
    
  background: #919194;


  		





  9340
  9346
  
    
  height: 100%;


  		





  9341
  9347
  
    
  float: left;


  		





  9342
  9348
  
    
  position: relative;


  		





  9343
  9349
  
    
}


  		





  9344
  
  
    
/* line 491, ../sass/_overlays.scss */


  		





  
  9350
  
    
/* line 492, ../sass/_overlays.scss */


  		





  9345
  9351
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {


  		





  9346
  9352
  
    
  background: white;


  		





  9347
  9353
  
    
  height: 100%;


  		





  9348
  9354
  
    
  float: left;


  		





  9349
  9355
  
    
}


  		





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


  		





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


  		





  9351
  9357
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {


  		





  9352
  9358
  
    
  position: absolute;


  		





  9353
  9359
  
    
  right: 10px;


  		





  9354
  9360
  
    
  font-size: 0.5625em;


  		





  9355
  9361
  
    
  top: 2px;


  		





  9356
  9362
  
    
}


  		





  9357
  
  
    
/* line 503, ../sass/_overlays.scss */


  		





  
  9363
  
    
/* line 504, ../sass/_overlays.scss */


  		





  9358
  9364
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {


  		





  9359
  9365
  
    
  right: -30px;


  		





  9360
  9366
  
    
  color: white;


  		





  9361
  9367
  
    
}


  		





  9362
  
  
    
/* line 513, ../sass/_overlays.scss */


  		





  
  9368
  
    
/* line 514, ../sass/_overlays.scss */


  		





  9363
  9369
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options {


  		





  9364
  9370
  
    
  overflow: hidden;


  		





  9365
  9371
  
    
  list-style: none outside none;


  		





  9366
  9372
  
    
}


  		





  9367
  
  
    
/* line 516, ../sass/_overlays.scss */


  		





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


  		





  9368
  9374
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li {


  		





  9369
  9375
  
    
  list-style: none outside none;


  		





  9370
  9376
  
    
  display: inline-block;


  		





  9371
  9377
  
    
  margin-right: 10px;


  		





  9372
  9378
  
    
  margin-bottom: 0;


  		





  9373
  9379
  
    
}


  		





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


  		





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


  		





  9375
  9381
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a {


  		





  9376
  9382
  
    
  min-width: 60px;


  		





  9377
  9383
  
    
}


  		





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


  		





  
  9384
  
    
/* line 525, ../sass/_overlays.scss */


  		





  9379
  9385
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current {


  		





  9380
  9386
  
    
  color: #485057;


  		





  9381
  9387
  
    
}


  		





  9382
  
  
    
/* line 527, ../sass/_overlays.scss */


  		





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


  		





  9383
  9389
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.disabled {


  		





  9384
  9390
  
    
  border-color: #3a4046;


  		





  9385
  9391
  
    
  color: #3a4046;


  		





  9386
  9392
  
    
}


  		





  9387
  
  
    
/* line 530, ../sass/_overlays.scss */


  		





  
  9393
  
    
/* line 531, ../sass/_overlays.scss */


  		





  9388
  9394
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.disabled:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.disabled:active {


  		





  9389
  9395
  
    
  cursor: default;


  		





  9390
  9396
  
    
  border-width: 1px;


  		





  9391
  9397
  
    
  line-height: 28px;


  		





  9392
  9398
  
    
}


  		





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


  		





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


  		





  9394
  9400
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary {


  		





  9395
  9401
  
    
  padding-bottom: 40px;


  		





  9396
  9402
  
    
}


  		





  9397
  
  
    
/* line 546, ../sass/_overlays.scss */


  		





  
  9403
  
    
/* line 547, ../sass/_overlays.scss */


  		





  9398
  9404
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row .wrap {


  		





  9399
  9405
  
    
  max-width: 36.25em;


  		





  9400
  9406
  
    
  border-top: 1px solid white;


  		





  9401
  9407
  
    
  padding-top: 1em;


  		





  9402
  9408
  
    
}


  		





  9403
  
  
    
/* line 553, ../sass/_overlays.scss */


  		





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


  		





  9404
  9410
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row:first-child .wrap {


  		





  9405
  9411
  
    
  border-top: 0 none;


  		





  9406
  9412
  
    
  margin-top: 0;


  		





  9407
  9413
  
    
}


  		





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


  		





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


  		





  9409
  9415
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row:first-child dl dt {


  		





  9410
  9416
  
    
  font-weight: bold;


  		





  9411
  9417
  
    
}


  		





  9412
  
  
    
/* line 564, ../sass/_overlays.scss */


  		





  
  9418
  
    
/* line 565, ../sass/_overlays.scss */


  		





  9413
  9419
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary h2 {


  		





  9414
  9420
  
    
  font-size: 1em;


  		





  9415
  9421
  
    
  color: white;


  		





  9416
  9422
  
    
  margin-bottom: 1em;


  		





  9417
  9423
  
    
}


  		





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


  		





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


  		





  9419
  9425
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl {


  		





  9420
  9426
  
    
  margin-bottom: 0;


  		





  9421
  9427
  
    
}


  		





  9422
  
  
    
/* line 571, ../sass/_overlays.scss */


  		





  
  9428
  
    
/* line 572, ../sass/_overlays.scss */


  		





  9423
  9429
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl span {


  		





  9424
  9430
  
    
  width: 40px;


  		





  9425
  9431
  
    
  display: inline-block;


  		





  9426
  9432
  
    
  font-size: 20px;


  		





  9427
  9433
  
    
}


  		





  9428
  
  
    
/* line 576, ../sass/_overlays.scss */


  		





  
  9434
  
    
/* line 577, ../sass/_overlays.scss */


  		





  9429
  9435
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl dt {


  		





  9430
  9436
  
    
  display: inline-block;


  		





  9431
  9437
  
    
  width: 42%;


  		





  9432
  9438
  
    
  vertical-align: top;


  		





  9433
  9439
  
    
  font-weight: 600;


  		





  9434
  9440
  
    
}


  		





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


  		





  
  9441
  
    
/* line 583, ../sass/_overlays.scss */


  		





  9436
  9442
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl dd {


  		





  9437
  9443
  
    
  display: inline-block;


  		





  9438
  9444
  
    
  width: 45%;


  		





  9439
  9445
  
    
  margin-bottom: 1em;


  		





  9440
  9446
  
    
}


  		





  9441
  
  
    
/* line 589, ../sass/_overlays.scss */


  		





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


  		





  9442
  9448
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step {


  		





  9443
  9449
  
    
  color: white;


  		





  9444
  9450
  
    
}


  		





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


  		





  
  9451
  
    
/* line 592, ../sass/_overlays.scss */


  		





  9446
  9452
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step h2 {


  		





  9447
  9453
  
    
  color: white;


  		





  9448
  9454
  
    
  font-size: 1em;


  		





  9449
  9455
  
    
  margin-bottom: 10px;


  		





  9450
  9456
  
    
  line-height: 1;


  		





  9451
  9457
  
    
}


  		





  9452
  
  
    
/* line 597, ../sass/_overlays.scss */


  		





  
  9458
  
    
/* line 598, ../sass/_overlays.scss */


  		





  9453
  9459
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step p {


  		





  9454
  9460
  
    
  font-size: 10px;


  		





  9455
  9461
  
    
}


  		





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


  		





  
  9462
  
    
/* line 601, ../sass/_overlays.scss */


  		





  9457
  9463
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .snf-checkbox-checked, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .snf-checkbox-unchecked {


  		





  9458
  9464
  
    
  color: white;


  		





  9459
  9465
  
    
}


  		





  9460
  
  
    
/* line 603, ../sass/_overlays.scss */


  		





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


  		





  9461
  9467
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn {


  		





  9462
  9468
  
    
  margin: 50px 0 2.5em;


  		





  9463
  9469
  
    
}


  		





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


  		





  
  9470
  
    
/* line 606, ../sass/_overlays.scss */


  		





  9465
  9471
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn a {


  		





  9466
  9472
  
    
  color: white;


  		





  9467
  9473
  
    
}


  		





  9468
  
  
    
/* line 607, ../sass/_overlays.scss */


  		





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


  		





  9469
  9475
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn a span {


  		





  9470
  9476
  
    
  padding-left: 24px;


  		





  9471
  9477
  
    
}


  		





  9472
  
  
    
/* line 614, ../sass/_overlays.scss */


  		





  
  9478
  
    
/* line 615, ../sass/_overlays.scss */


  		





  9473
  9479
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {


  		





  9474
  9480
  
    
  color: white;


  		





  9475
  9481
  
    
  font-size: 1em;


  		





  9476
  9482
  
    
  margin-bottom: 0.5em;


  		





  9477
  9483
  
    
}


  		





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


  		





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


  		





  9479
  9485
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a:hover {


  		





  9480
  9486
  
    
  color: white;


  		





  9481
  9487
  
    
}


  		





  9482
  
  
    
/* line 625, ../sass/_overlays.scss */


  		





  
  9488
  
    
/* line 626, ../sass/_overlays.scss */


  		





  9483
  9489
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current:hover {


  		





  9484
  9490
  
    
  color: #485057;


  		





  9485
  9491
  
    
}


  		





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


  		





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


  		





  9487
  9493
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options {


  		





  9488
  9494
  
    
  display: none;


  		





  9489
  9495
  
    
}


  		





  9490
  
  
    
/* line 631, ../sass/_overlays.scss */


  		





  
  9496
  
    
/* line 632, ../sass/_overlays.scss */


  		





  9491
  9497
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .check {


  		





  9492
  9498
  
    
  font-size: 20px;


  		





  9493
  9499
  
    
}


  		





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


  		





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


  		





  9495
  9501
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {


  		





  9496
  9502
  
    
  padding: 2.5em 0;


  		





  9497
  9503
  
    
}


  		





  9498
  
  
    
/* line 637, ../sass/_overlays.scss */


  		





  
  9504
  
    
/* line 638, ../sass/_overlays.scss */


  		





  9499
  9505
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row p {


  		





  9500
  9506
  
    
  max-width: 340px;


  		





  9501
  9507
  
    
  margin-bottom: 20px;


  		





  9502
  9508
  
    
}


  		





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


  		





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


  		





  9504
  9510
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {


  		





  9505
  9511
  
    
  position: relative;


  		





  9506
  9512
  
    
  list-style: none outside none;


  		





  9507
  9513
  
    
  margin-bottom: 7px;


  		





  9508
  9514
  
    
}


  		





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


  		





  
  9515
  
    
/* line 649, ../sass/_overlays.scss */


  		





  9510
  9516
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {


  		





  9511
  9517
  
    
  cursor: pointer;


  		





  9512
  9518
  
    
}


  		





  9513
  
  
    
/* line 652, ../sass/_overlays.scss */


  		





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


  		





  9514
  9520
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {


  		





  9515
  9521
  
    
  width: 18.75em;


  		





  9516
  9522
  
    
  color: white;


  		





  ......




  9519
  9525
  
    
  margin: 0 28px 0 0;


  		





  9520
  9526
  
    
  display: inline-block;


  		





  9521
  9527
  
    
}


  		





  9522
  
  
    
/* line 664, ../sass/_overlays.scss */


  		





  
  9528
  
    
/* line 665, ../sass/_overlays.scss */


  		





  9523
  9529
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {


  		





  9524
  9530
  
    
  background-color: #ff7049;


  		





  9525
  9531
  
    
}


  		





  9526
  
  
    
/* line 666, ../sass/_overlays.scss */


  		





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


  		





  9527
  9533
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a {


  		





  9528
  9534
  
    
  margin-top: 3px;


  		





  9529
  9535
  
    
}


  		





  9530
  
  
    
/* line 671, ../sass/_overlays.scss */


  		





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


  		





  9531
  9537
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {


  		





  9532
  9538
  
    
  background-color: #ff948c;


  		





  9533
  9539
  
    
}


  		





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


  		





  
  9540
  
    
/* line 674, ../sass/_overlays.scss */


  		





  9535
  9541
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area ul {


  		





  9536
  9542
  
    
  position: relative;


  		





  9537
  9543
  
    
  margin-bottom: 0;


  		





  9538
  9544
  
    
}


  		





  9539
  
  
    
/* line 678, ../sass/_overlays.scss */


  		





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


  		





  9540
  9546
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {


  		





  9541
  9547
  
    
  padding-right: 30px;


  		





  9542
  9548
  
    
  display: inline-block;


  		





  ......




  9546
  9552
  
    
  margin-bottom: 0;


  		





  9547
  9553
  
    
  position: relative;


  		





  9548
  9554
  
    
}


  		





  9549
  
  
    
/* line 686, ../sass/_overlays.scss */


  		





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


  		





  9550
  9556
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {


  		





  9551
  9557
  
    
  position: relative;


  		





  9552
  9558
  
    
}


  		





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


  		





  
  9559
  
    
/* line 689, ../sass/_overlays.scss */


  		





  9554
  9560
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {


  		





  9555
  9561
  
    
  top: -1px;


  		





  9556
  9562
  
    
}


  		





  9557
  
  
    
/* line 691, ../sass/_overlays.scss */


  		





  
  9563
  
    
/* line 692, ../sass/_overlays.scss */


  		





  9558
  9564
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-www {


  		





  9559
  9565
  
    
  top: 6px;


  		





  9560
  9566
  
    
}


  		





  9561
  
  
    
/* line 694, ../sass/_overlays.scss */


  		





  
  9567
  
    
/* line 695, ../sass/_overlays.scss */


  		





  9562
  9568
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-network_full {


  		





  9563
  9569
  
    
  top: 5px;


  		





  9564
  9570
  
    
}


  		





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


  		





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


  		





  9566
  9572
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line {


  		





  9567
  9573
  
    
  position: absolute;


  		





  9568
  9574
  
    
  height: 1px;


  		





  ......




  9570
  9576
  
    
  background: white;


  		





  9571
  9577
  
    
  bottom: 15px;


  		





  9572
  9578
  
    
}


  		





  9573
  
  
    
/* line 703, ../sass/_overlays.scss */


  		





  
  9579
  
    
/* line 704, ../sass/_overlays.scss */


  		





  9574
  9580
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line1 {


  		





  9575
  9581
  
    
  right: 56px;


  		





  9576
  9582
  
    
}


  		





  9577
  
  
    
/* line 704, ../sass/_overlays.scss */


  		





  
  9583
  
    
/* line 705, ../sass/_overlays.scss */


  		





  9578
  9584
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line2 {


  		





  9579
  9585
  
    
  right: 97px;


  		





  9580
  9586
  
    
  width: 10px;


  		





  9581
  9587
  
    
}


  		





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


  		





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


  		





  9583
  9589
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {


  		





  9584
  9590
  
    
  background: #ffb5af;


  		





  9585
  9591
  
    
  margin: 2.5em 6px;


  		





  9586
  9592
  
    
  padding: 2.5em 0;


  		





  9587
  9593
  
    
  color: #fff;


  		





  9588
  9594
  
    
}


  		





  9589
  
  
    
/* line 716, ../sass/_overlays.scss */


  		





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


  		





  9590
  9596
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {


  		





  9591
  9597
  
    
  color: #fff;


  		





  9592
  9598
  
    
  padding-left: 145px;


  		





  9593
  9599
  
    
}


  		





  9594
  
  
    
/* line 719, ../sass/_overlays.scss */


  		





  
  9600
  
    
/* line 720, ../sass/_overlays.scss */


  		





  9595
  9601
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3:hover {


  		





  9596
  9602
  
    
  cursor: pointer;


  		





  9597
  9603
  
    
}


  		





  9598
  
  
    
/* line 723, ../sass/_overlays.scss */


  		





  
  9604
  
    
/* line 724, ../sass/_overlays.scss */


  		





  9599
  9605
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .os li.more .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os .advanced-conf-step .advanced-conf-options .networks-area li.more .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .flavor li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a {


  		





  9600
  9606
  
    
  margin-top: 20px;


  		





  9601
  9607
  
    
  border-color: #fff;


  		





  9602
  9608
  
    
  color: #fff;


  		





  9603
  9609
  
    
  margin-left: 145px;


  		





  9604
  9610
  
    
}


  		





  9605
  
  
    
/* line 731, ../sass/_overlays.scss */


  		





  
  9611
  
    
/* line 732, ../sass/_overlays.scss */


  		





  9606
  9612
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .with-checkbox a span {


  		





  9607
  9613
  
    
  color: #fff;


  		





  9608
  9614
  
    
}


  		





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


  		





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


  		





  9610
  9616
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {


  		





  9611
  9617
  
    
  background-color: #4c71ff;


  		





  9612
  9618
  
    
}


  		





  9613
  
  
    
/* line 742, ../sass/_overlays.scss */


  		





  
  9619
  
    
/* line 743, ../sass/_overlays.scss */


  		





  9614
  9620
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {


  		





  9615
  9621
  
    
  display: none;


  		





  9616
  9622
  
    
}


  		





  9617
  
  
    
/* line 745, ../sass/_overlays.scss */


  		





  
  9623
  
    
/* line 746, ../sass/_overlays.scss */


  		





  9618
  9624
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {


  		





  9619
  9625
  
    
  position: relative;


  		





  9620
  9626
  
    
  width: 207px;


  		





  9621
  9627
  
    
  margin: 30px 5px;


  		





  9622
  9628
  
    
  display: inline-block;


  		





  9623
  9629
  
    
}


  		





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


  		





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


  		





  9625
  9631
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {


  		





  9626
  9632
  
    
  margin-top: 77px;


  		





  9627
  9633
  
    
  margin-bottom: 30px;


  		





  9628
  9634
  
    
}


  		





  9629
  
  
    
/* line 755, ../sass/_overlays.scss */


  		





  
  9635
  
    
/* line 756, ../sass/_overlays.scss */


  		





  9630
  9636
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .tags-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a {


  		





  9631
  9637
  
    
  margin-right: 20px;


  		





  9632
  9638
  
    
}


  		





  9633
  
  
    
/* line 758, ../sass/_overlays.scss */


  		





  
  9639
  
    
/* line 759, ../sass/_overlays.scss */


  		





  9634
  9640
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .tag-demo, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #color {


  		





  9635
  9641
  
    
  left: 10px;


  		





  9636
  9642
  
    
}


  		





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


  		





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


  		





  9638
  9644
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area h3 {


  		





  9639
  9645
  
    
  width: 18.75em;


  		





  9640
  9646
  
    
  color: white;


  		





  ......




  9643
  9649
  
    
  margin: 0 28px 0 0;


  		





  9644
  9650
  
    
  display: inline-block;


  		





  9645
  9651
  
    
}


  		





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


  		





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


  		





  9647
  9653
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header {


  		





  9648
  9654
  
    
  position: relative;


  		





  9649
  9655
  
    
  left: -14px;


  		





  9650
  9656
  
    
}


  		





  9651
  
  
    
/* line 773, ../sass/_overlays.scss */


  		





  
  9657
  
    
/* line 774, ../sass/_overlays.scss */


  		





  9652
  9658
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header h3 {


  		





  9653
  9659
  
    
  margin-right: 35px;


  		





  9654
  9660
  
    
}


  		





  9655
  
  
    
/* line 782, ../sass/_overlays.scss */


  		





  
  9661
  
    
/* line 783, ../sass/_overlays.scss */


  		





  9656
  9662
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom {


  		





  9657
  9663
  
    
  position: fixed;


  		





  9658
  9664
  
    
  left: 0;


  		





  ......




  9661
  9667
  
    
  border-top: 1px solid #636a70;


  		





  9662
  9668
  
    
  background: #485057;


  		





  9663
  9669
  
    
}


  		





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


  		





  
  9670
  
    
/* line 790, ../sass/_overlays.scss */


  		





  9665
  9671
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .row {


  		





  9666
  9672
  
    
  height: 40px;


  		





  9667
  9673
  
    
  line-height: 40px;


  		





  9668
  9674
  
    
}


  		





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


  		





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


  		





  9670
  9676
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav {


  		





  9671
  9677
  
    
  height: 40px;


  		





  9672
  9678
  
    
  line-height: 40px;


  		





  ......




  9677
  9683
  
    
  top: 5px;


  		





  9678
  9684
  
    
  width: 100px;


  		





  9679
  9685
  
    
}


  		





  9680
  
  
    
/* line 803, ../sass/_overlays.scss */


  		





  
  9686
  
    
/* line 804, ../sass/_overlays.scss */


  		





  9681
  9687
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav:focus {


  		





  9682
  9688
  
    
  -webkit-transition: background 0ms ease-out;


  		





  9683
  9689
  
    
  -moz-transition: background 0ms ease-out;


  		





  ......




  9685
  9691
  
    
  -o-transition: background 0ms ease-out;


  		





  9686
  9692
  
    
  transition: background 0ms ease-out;


  		





  9687
  9693
  
    
}


  		





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


  		





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


  		





  9689
  9695
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav span {


  		





  9690
  9696
  
    
  display: inline-block;


  		





  9691
  9697
  
    
  height: 30px;


  		





  9692
  9698
  
    
  line-height: 30px;


  		





  9693
  9699
  
    
  float: left;


  		





  9694
  9700
  
    
}


  		





  9695
  
  
    
/* line 812, ../sass/_overlays.scss */


  		





  
  9701
  
    
/* line 813, ../sass/_overlays.scss */


  		





  9696
  9702
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav span:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav span:focus {


  		





  9697
  9703
  
    
  -webkit-transition: background 0ms linear;


  		





  9698
  9704
  
    
  -moz-transition: background 0ms linear;


  		





  ......




  9700
  9706
  
    
  -o-transition: background 0ms linear;


  		





  9701
  9707
  
    
  transition: background 0ms linear;


  		





  9702
  9708
  
    
}


  		





  9703
  
  
    
/* line 817, ../sass/_overlays.scss */


  		





  
  9709
  
    
/* line 818, ../sass/_overlays.scss */


  		





  9704
  9710
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev {


  		





  9705
  9711
  
    
  float: left;


  		





  9706
  9712
  
    
  height: 30px;


  		





  9707
  9713
  
    
  padding-left: 18px;


  		





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


  		





  9709
  9715
  
    
}


  		





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


  		





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


  		





  9711
  9717
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev span {


  		





  9712
  9718
  
    
  padding-right: 10px;


  		





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


  		





  9714
  9720
  
    
}


  		





  9715
  
  
    
/* line 828, ../sass/_overlays.scss */


  		





  
  9721
  
    
/* line 829, ../sass/_overlays.scss */


  		





  9716
  9722
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev.active, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev:focus {


  		





  9717
  9723
  
    
  background-position: left bottom;


  		





  9718
  9724
  
    
}


  		





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


  		





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


  		





  9720
  9726
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev:hover span, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev.active span, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev:focus span {


  		





  9721
  9727
  
    
  background-position: right bottom;


  		





  9722
  9728
  
    
}


  		





  9723
  
  
    
/* line 835, ../sass/_overlays.scss */


  		





  
  9729
  
    
/* line 836, ../sass/_overlays.scss */


  		





  9724
  9730
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next {


  		





  9725
  9731
  
    
  float: right;


  		





  9726
  9732
  
    
  height: 30px;


  		





  9727
  9733
  
    
  padding-right: 18px;


  		





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


  		





  9729
  9735
  
    
}


  		





  9730
  
  
    
/* line 840, ../sass/_overlays.scss */


  		





  
  9736
  
    
/* line 841, ../sass/_overlays.scss */


  		





  9731
  9737
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next span {


  		





  9732
  9738
  
    
  padding-left: 10px;


  		





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


  		





  9734
  9740
  
    
  float: right;


  		





  9735
  9741
  
    
}


  		





  9736
  
  
    
/* line 847, ../sass/_overlays.scss */


  		





  
  9742
  
    
/* line 848, ../sass/_overlays.scss */


  		





  9737
  9743
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next.active, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next:focus {


  		





  9738
  9744
  
    
  background-position: right bottom;


  		





  9739
  9745
  
    
}


  		





  9740
  
  
    
/* line 849, ../sass/_overlays.scss */


  		





  
  9746
  
    
/* line 850, ../sass/_overlays.scss */


  		





  9741
  9747
  
    
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next:hover span, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next.active span, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next:focus span {


  		





  9742
  9748
  
    
  background-position: left bottom;


  		





  9743
  9749
  
    
  float: right;


  		





  ......




  9745
  9751
  
    

  		





  9746
  9752
  
    
/* Responive ------------------------------------------------ */


  		





  9747
  9753
  
    
@media only screen and (max-width: 768px) {


  		





  9748
  
  
    
  /* line 869, ../sass/_overlays.scss */


  		





  
  9754
  
    
  /* line 870, ../sass/_overlays.scss */


  		





  9749
  9755
  
    
  .wizard .top {


  		





  9750
  9756
  
    
    position: static;


  		





  9751
  9757
  
    
  }


  		





  9752
  
  
    
  /* line 872, ../sass/_overlays.scss */


  		





  
  9758
  
    
  /* line 873, ../sass/_overlays.scss */


  		





  9753
  9759
  
    
  .wizard .middle {


  		





  9754
  9760
  
    
    padding-top: 0;


  		





  9755
  9761
  
    
  }


  		





  9756
  9762
  
    

  		





  9757
  
  
    
  /* line 877, ../sass/_overlays.scss */


  		





  
  9763
  
    
  /* line 878, ../sass/_overlays.scss */


  		





  9758
  9764
  
    
  .overlay-wrapper .overlay-area {


  		





  9759
  9765
  
    
    top: 0;


  		





  9760
  9766
  
    
  }


  		












  

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






  564
  564
  
    
														<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>


  		





  565
  565
  
    
													</li>


  		





  566
  566
  
    
												</ul>


  		





  567
  
  
    
												<div ><a class="btn5 show-add-tag" href="" id="show-add-tag">add Tag</a></div>


  		





  
  567
  
    
												<div ><a class="btn5 show-add-tag" href="" id="show-add-tag">add new Tag</a></div>


  		





  568
  568
  
    
												<div class="snf-color-picker">


  		





  569
  569
  
    
													<form action="#" method="post">


  		





  570
  570
  
    
														<div id="picker">


  		





  ......




  756
  756
  
    
				<p>A direct connection to this machine can be established using the<a href="http://en.wikipedia.org/wiki/Secure_Shell" title=""> SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>


  		





  757
  757
  
    
				<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>


  		





  758
  758
  
    
				<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>


  		





  759
  
  
    
				<p>Alternatively you can connect to your VM via <a href="#" title="">Console</a> (slow connection - meant only for troubleshooting.</p>


  		





  
  759
  
    
				<p>Alternatively you can connect to your VM via <a href="#" title="">Console</a> (slow connection - meant only for troubleshooting).</p>


  		





  760
  760
  
    
				<a class="close-reveal-modal" title="close window">X</a>


  		





  761
  761
  
    
			</div>


  		





  762
  762
  
    
			<div id="start-confirm" class="reveal-modal medium">


  		












  

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






  370
  370
  
    
													<div class="wrap">


  		





  371
  371
  
    
														<div class="container">


  		





  372
  372
  
    
															<!-- width percentages do not correspond to actual mesurements -->


  		





  373
  
  
    
															<div class="total" style="width:40%">


  		





  
  373
  
    
															<div class="total low" style="width:40%">


  		





  374
  374
  
    
																<div class="current" style="width:80%"></div>


  		





  375
  375
  
    
																<span>40%</span>


  		





  376
  376
  
    
															</div>


  		





  ......




  457
  457
  
    
													</li>


  		





  458
  458
  
    
												</ul>


  		





  459
  459
  
    
												<div>


  		





  460
  
  
    
													<a href="" class="btn5" data-reveal-id="sshkeys-wizard" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a>


  		





  
  460
  
    
													<a href="" class="btn5" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a>


  		





  461
  461
  
    
												</div>


  		





  462
  462
  
    
											</div>


  		





  463
  463
  
    
										</div>


  		





  ......




  564
  564
  
    
														<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>


  		





  565
  565
  
    
													</li>


  		





  566
  566
  
    
												</ul>


  		





  567
  
  
    
												<div ><a class="btn5 show-add-tag" href="" id="show-add-tag">add Tag</a></div>


  		





  
  567
  
    
												<div ><a class="btn5 show-add-tag" href="" id="show-add-tag">add new Tag</a></div>


  		





  568
  568
  
    
												<div class="snf-color-picker">


  		





  569
  569
  
    
													<form action="#" method="post">


  		





  570
  570
  
    
														<div id="picker">


  		





  ......




  688
  688
  
    
                <div class="import-key-area">


  		





  689
  689
  
    
                    <div class="key-name">


  		





  690
  690
  
    
                    <h4>Key name</h4>


  		





  691
  
  
    
                        <span class="input"><input class="tag_name" type="text" placeholder="my key"></span>


  		





  
  691
  
    
                        <span class="input"><input class="key-name-input" type="text" placeholder="my key"></span>


  		





  692
  692
  
    
                        <div class="error-msg"></div>


  		





  693
  693
  
    
                    </div>


  		





  694
  694
  
    
                    <div class="key-content">


  		





  ......




  756
  756
  
    
				<p>A direct connection to this machine can be established using the<a href="http://en.wikipedia.org/wiki/Secure_Shell" title=""> SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>


  		





  757
  757
  
    
				<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>


  		





  758
  758
  
    
				<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>


  		





  759
  
  
    
				<p>Alternatively you can connect to your VM via <a href="#" title="">Console</a> (slow connection - meant only for troubleshooting.</p>


  		





  
  759
  
    
				<p>Alternatively you can connect to your VM via <a href="#" title="">Console</a> (slow connection - meant only for troubleshooting).</p>


  		





  760
  760
  
    
				<a class="close-reveal-modal" title="close window">X</a>


  		





  761
  761
  
    
			</div>


  		





  762
  762
  
    
			<div id="start-confirm" class="reveal-modal medium">


  		





  ......




  787
  787
  
    
				<a href="" class="grid" title="grid view"><span class="snf-gridview current"></span></a>


  		





  788
  788
  
    
			</div>


  		





  789
  789
  
    
			<div class="filter-menu">


  		





  790
  
  
    
				<a class="filter" href="">Filter</a>


  		





  
  790
  
    
				<div><a class="filter" href="">Filter</a></div>


  		





  791
  791
  
    
				<ul class="options">


  		





  792
  
  
    
					<li><a href=""> set an option</a></li>


  		





  793
  
  
    
					<li><a href=""> set an option</a></li>


  		





  794
  
  
    
					<li><a href=""> set an option</a></li>


  		





  795
  
  
    
					<li><a href=""> set an option</a></li>


  		





  
  792
  
    
					<li><a href="">option 1</a></li>


  		





  
  793
  
    
					<li><a href="">option 2</a></li>


  		





  
  794
  
    
					<li><a href="">option 3</a></li>


  		





  
  795
  
    
					<li><a href="">option 4</a></li>


  		





  796
  796
  
    
				</ul>


  		





  797
  797
  
    
			</div>


  		





  798
  798
  
    
			<div id="hd-search" class="hd-search">


  		












Also available in:
  Unified diff