Revision 1b2adfd1 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css

b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7231 7231
}
7232 7232
/* line 462, ../sass/_common.scss */
7233 7233
.actions-bar .view-type .list .snf-listview {
7234
  position: relative;
7235
  top: 3px;
7236 7234
  font-size: 22px;
7237 7235
}
7238
/* line 468, ../sass/_common.scss */
7236
/* line 466, ../sass/_common.scss */
7239 7237
.actions-bar .view-type .grid {
7240 7238
  margin-right: 7px;
7241 7239
}
7242
/* line 470, ../sass/_common.scss */
7240
/* line 468, ../sass/_common.scss */
7243 7241
.actions-bar .view-type .grid .snf-gridview {
7244 7242
  font-size: 22px;
7245
  position: relative;
7246
  top: 3px;
7247 7243
}
7248
/* line 476, ../sass/_common.scss */
7244
/* line 472, ../sass/_common.scss */
7249 7245
.actions-bar .view-type .single {
7250 7246
  width: 14px;
7251 7247
  height: 14px;
7252 7248
  display: inline-block;
7249
  position: relative;
7250
  bottom: 1px;
7253 7251
  border: 1px solid;
7254 7252
  background-color: transparent;
7255 7253
}
7256
/* line 481, ../sass/_common.scss */
7254
/* line 479, ../sass/_common.scss */
7257 7255
.actions-bar .view-type .single.current {
7258 7256
  background-color: #30c79e;
7259 7257
}
7260 7258

  
7261
/* line 491, ../sass/_common.scss */
7259
/* line 489, ../sass/_common.scss */
7262 7260
.no-vm .actions-bar .view-type, .no-vm .actions-bar .hd-search, .no-vm .actions-bar .filter {
7263 7261
  display: none;
7264 7262
}
7265 7263

  
7266 7264
/* Icons Navigation ----------------------------------------------- */
7267
/* line 499, ../sass/_common.scss */
7265
/* line 497, ../sass/_common.scss */
7268 7266
.icons-nav {
7269 7267
  margin: 0;
7270 7268
  padding: 0;
7271 7269
}
7272
/* line 501, ../sass/_common.scss */
7270
/* line 499, ../sass/_common.scss */
7273 7271
.icons-nav li {
7274 7272
  display: inline-block;
7275 7273
  margin-right: 10px;
......
7278 7276
}
7279 7277

  
7280 7278
/* Top info  ----------------------------------------------- */
7281
/* line 514, ../sass/_common.scss */
7279
/* line 512, ../sass/_common.scss */
7282 7280
.top-info {
7283 7281
  padding: 50px 100px;
7284 7282
  position: relative;
7285 7283
  z-index: 10;
7286 7284
  display: none;
7287 7285
}
7288
/* line 519, ../sass/_common.scss */
7286
/* line 517, ../sass/_common.scss */
7289 7287
.top-info .close {
7290 7288
  position: absolute;
7291 7289
  right: 15px;
......
7298 7296
  overflow: hidden;
7299 7297
}
7300 7298

  
7301
/* line 528, ../sass/_common.scss */
7299
/* line 526, ../sass/_common.scss */
7302 7300
.info.error {
7303 7301
  background: #ff5c58;
7304 7302
  color: #fff;
7305 7303
}
7306 7304

  
7307
/* line 534, ../sass/_common.scss */
7305
/* line 532, ../sass/_common.scss */
7308 7306
.info.alert {
7309 7307
  background: #30c79e;
7310 7308
  color: #fff;
7311 7309
}
7312 7310

  
7313
/* line 539, ../sass/_common.scss */
7311
/* line 537, ../sass/_common.scss */
7314 7312
.info.warning {
7315 7313
  background: #919194;
7316 7314
  color: #fff;
7317 7315
}
7318 7316

  
7319
/* line 544, ../sass/_common.scss */
7317
/* line 542, ../sass/_common.scss */
7320 7318
.info.success {
7321 7319
  background: #00a551;
7322 7320
  color: #fff;
7323 7321
}
7324 7322

  
7325
/* line 549, ../sass/_common.scss */
7323
/* line 547, ../sass/_common.scss */
7326 7324
.border-bottom-style1 {
7327 7325
  padding-bottom: 20px;
7328 7326
  margin-bottom: 20px;
......
7330 7328
}
7331 7329

  
7332 7330
/* Progress Bar ----------------------------------------------- */
7333
/* line 558, ../sass/_common.scss */
7331
/* line 556, ../sass/_common.scss */
7334 7332
.progress-bar {
7335 7333
  position: fixed;
7336 7334
  bottom: 0;
......
7341 7339
  padding: 20px 0 20px 310px;
7342 7340
  color: #919194;
7343 7341
}
7344
/* line 567, ../sass/_common.scss */
7342
/* line 565, ../sass/_common.scss */
7345 7343
.progress-bar span.counter {
7346 7344
  display: inline-block;
7347 7345
  margin-right: 20px;
7348 7346
  float: left;
7349 7347
}
7350
/* line 572, ../sass/_common.scss */
7348
/* line 570, ../sass/_common.scss */
7351 7349
.progress-bar div.progress-wrap {
7352 7350
  display: inline-block;
7353 7351
  float: left;
7354 7352
  width: 40%;
7355 7353
  margin-right: 60px;
7356 7354
}
7357
/* line 577, ../sass/_common.scss */
7355
/* line 575, ../sass/_common.scss */
7358 7356
.progress-bar div.progress-wrap .progress {
7359 7357
  position: relative;
7360 7358
  top: 2px;
7361 7359
}
7362
/* line 582, ../sass/_common.scss */
7360
/* line 580, ../sass/_common.scss */
7363 7361
.progress-bar span.more {
7364 7362
  display: inline-block;
7365 7363
}
7366 7364

  
7367 7365
/* Responive ------------------------------------------------ */
7368 7366
@media only screen and (max-width: 768px) {
7369
  /* line 593, ../sass/_common.scss */
7367
  /* line 591, ../sass/_common.scss */
7370 7368
  body {
7371 7369
    padding-top: 0;
7372 7370
  }
7373 7371

  
7374
  /* line 596, ../sass/_common.scss */
7372
  /* line 594, ../sass/_common.scss */
7375 7373
  .header, .actions-bar {
7376 7374
    position: static;
7377 7375
    z-index: auto;
7378 7376
  }
7379 7377

  
7380
  /* line 600, ../sass/_common.scss */
7378
  /* line 598, ../sass/_common.scss */
7381 7379
  .actions-bar {
7382 7380
    top: 160px;
7383 7381
  }
7384 7382

  
7385
  /* line 603, ../sass/_common.scss */
7383
  /* line 601, ../sass/_common.scss */
7386 7384
  .header {
7387 7385
    height: 120px;
7388 7386
    line-height: 50px;
7389 7387
  }
7390
  /* line 606, ../sass/_common.scss */
7388
  /* line 604, ../sass/_common.scss */
7391 7389
  .header .icons-nav {
7392 7390
    position: static;
7393 7391
  }
......
7923 7921
  overflow: hidden;
7924 7922
  position: absolute;
7925 7923
  background-size: 100%;
7926
  left: 44px;
7927
  top: 14px;
7924
  left: 42px;
7925
  top: 24px;
7928 7926
}
7929 7927
/* line 40, ../sass/_details.scss */
7930 7928
.details .top .img-wrap .os.windows {
......
8009 8007
  width: 40px;
8010 8008
  display: inline-block;
8011 8009
  font-size: 1.5em;
8010
  position: relative;
8011
  bottom: -2px;
8012 8012
}
8013
/* line 102, ../sass/_details.scss */
8013
/* line 104, ../sass/_details.scss */
8014 8014
.details .info-simple .info-block dl dd {
8015 8015
  display: inline-block;
8016 8016
  width: 45%;
8017 8017
  margin-bottom: 1em;
8018 8018
}
8019
/* line 108, ../sass/_details.scss */
8019
/* line 110, ../sass/_details.scss */
8020 8020
.details .info-simple .info-block.tags {
8021 8021
  text-align: left;
8022 8022
}
8023
/* line 110, ../sass/_details.scss */
8023
/* line 112, ../sass/_details.scss */
8024 8024
.details .info-simple .info-block.tags .tag-data {
8025 8025
  min-width: 30%;
8026 8026
  display: inline-block;
8027 8027
}
8028
/* line 114, ../sass/_details.scss */
8028
/* line 116, ../sass/_details.scss */
8029 8029
.details .info-simple .info-block.tags .btns {
8030 8030
  margin-top: 77px;
8031 8031
  margin-bottom: 20px;
8032 8032
}
8033
/* line 117, ../sass/_details.scss */
8033
/* line 119, ../sass/_details.scss */
8034 8034
.details .info-simple .info-block.tags .btns *:first-child {
8035 8035
  margin-right: 15px;
8036 8036
}
8037
/* line 121, ../sass/_details.scss */
8037
/* line 123, ../sass/_details.scss */
8038 8038
.details .info-simple .info-block.tags .buttons {
8039 8039
  margin-top: 25px;
8040 8040
  margin-bottom: 25px;
8041 8041
}
8042
/* line 125, ../sass/_details.scss */
8042
/* line 127, ../sass/_details.scss */
8043 8043
.details .info-simple .info-block.tags h3 {
8044 8044
  margin: 0;
8045 8045
  font-size: 0.875em;
8046 8046
  font-weight: normal;
8047 8047
}
8048
/* line 132, ../sass/_details.scss */
8048
/* line 134, ../sass/_details.scss */
8049 8049
.details .info-simple .info-block.charts .graph_container {
8050 8050
  margin-bottom: 20px;
8051 8051
}
8052
/* line 139, ../sass/_details.scss */
8052
/* line 141, ../sass/_details.scss */
8053 8053
.details .content h2 {
8054 8054
  font-size: 1em;
8055 8055
  line-height: 1;
8056 8056
  margin-bottom: 40px;
8057 8057
}
8058
/* line 145, ../sass/_details.scss */
8058
/* line 147, ../sass/_details.scss */
8059 8059
.details .lt-bar {
8060 8060
  position: fixed;
8061 8061
  width: 290px;
......
8072 8072
  display: none;
8073 8073
}
8074 8074

  
8075
/* line 152, ../sass/_details.scss */
8075
/* line 154, ../sass/_details.scss */
8076 8076
.scroll-wrap {
8077 8077
  overflow: auto;
8078 8078
  position: relative;
8079 8079
}
8080 8080

  
8081
/* line 157, ../sass/_details.scss */
8081
/* line 159, ../sass/_details.scss */
8082 8082
.toggle-lt-bar {
8083 8083
  position: absolute;
8084 8084
  left: 0;
......
8091 8091
  line-height: 85px;
8092 8092
  padding: 0 5px;
8093 8093
}
8094
/* line 168, ../sass/_details.scss */
8094
/* line 170, ../sass/_details.scss */
8095 8095
.toggle-lt-bar:hover {
8096 8096
  background: #30c79e;
8097 8097
  color: #fff;
8098 8098
}
8099
/* line 172, ../sass/_details.scss */
8099
/* line 174, ../sass/_details.scss */
8100 8100
.toggle-lt-bar.fix-position {
8101 8101
  position: fixed;
8102 8102
  top: 145px;
......
8104 8104
  margin-left: -30.625em;
8105 8105
}
8106 8106

  
8107
/* line 182, ../sass/_details.scss */
8107
/* line 184, ../sass/_details.scss */
8108 8108
.list-availables > span {
8109 8109
  margin-bottom: 1em;
8110 8110
  display: inline-block;
8111 8111
}
8112
/* line 186, ../sass/_details.scss */
8112
/* line 188, ../sass/_details.scss */
8113 8113
.list-availables ul {
8114 8114
  list-style-type: none;
8115 8115
}
8116
/* line 188, ../sass/_details.scss */
8116
/* line 190, ../sass/_details.scss */
8117 8117
.list-availables ul li {
8118 8118
  line-height: 2.5em;
8119 8119
}
8120
/* line 190, ../sass/_details.scss */
8120
/* line 192, ../sass/_details.scss */
8121 8121
.list-availables ul li span {
8122 8122
  display: inline-block;
8123 8123
}
8124
/* line 192, ../sass/_details.scss */
8124
/* line 194, ../sass/_details.scss */
8125 8125
.list-availables ul li span:not(:last-child), .list-availables ul li span span:not(:first-child) {
8126 8126
  margin-right: 20px;
8127 8127
}
8128
/* line 195, ../sass/_details.scss */
8128
/* line 197, ../sass/_details.scss */
8129 8129
.list-availables ul li span:first-child {
8130 8130
  margin-right: 30px;
8131 8131
}
8132
/* line 198, ../sass/_details.scss */
8132
/* line 200, ../sass/_details.scss */
8133 8133
.list-availables ul li span.snf-font {
8134 8134
  vertical-align: middle;
8135 8135
}
8136
/* line 200, ../sass/_details.scss */
8136
/* line 202, ../sass/_details.scss */
8137 8137
.list-availables ul li span.snf-font.snf-network-full, .list-availables ul li span.snf-font.snf-volume-full {
8138 8138
  font-size: 24px;
8139 8139
  color: #30c79e;
8140 8140
}
8141
/* line 205, ../sass/_details.scss */
8141
/* line 207, ../sass/_details.scss */
8142 8142
.list-availables ul li span.name {
8143 8143
  width: 50%;
8144 8144
}
......
8668 8668
}
8669 8669

  
8670 8670
/* Networks related styles  */
8671
/* line 6, ../sass/_networks.scss */
8672
.networks .items-list .img-wrap .snf-network-full {
8673
  font-size: 60px;
8674
}
8675
/* line 12, ../sass/_networks.scss */
8676
.networks .items-list [data-status="active"] .img-wrap .snf-network-full {
8677
  color: #30c79e;
8678
}
8679

  
8680
/* line 23, ../sass/_networks.scss */
8671
/* line 5, ../sass/_networks.scss */
8681 8672
.list-view .items-list .img-wrap .snf-network-full {
8682 8673
  font-size: 32px;
8683 8674
}
......
9190 9181
  width: 60px;
9191 9182
  font-size: 38px;
9192 9183
  float: left;
9184
  position: relative;
9185
  bottom: -3px;
9193 9186
}
9194
/* line 259, ../sass/_wizards.scss */
9187
/* line 261, ../sass/_wizards.scss */
9195 9188
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title h2 {
9196 9189
  font-size: 0.875em;
9197 9190
  float: left;
......
9200 9193
  margin-right: 60px;
9201 9194
  padding-left: 0.625em;
9202 9195
}
9203
/* line 261, ../sass/_wizards.scss */
9196
/* line 263, ../sass/_wizards.scss */
9204 9197
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title h2 span {
9205 9198
  font-weight: normal;
9206 9199
}
9207
/* line 269, ../sass/_wizards.scss */
9200
/* line 271, ../sass/_wizards.scss */
9208 9201
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title h2 em {
9209 9202
  display: block;
9210 9203
  margin-top: 4px;
......
9214 9207
  white-space: nowrap;
9215 9208
  line-height: 13px;
9216 9209
}
9217
/* line 279, ../sass/_wizards.scss */
9210
/* line 281, ../sass/_wizards.scss */
9218 9211
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title p {
9219 9212
  visibility: hidden;
9220 9213
  overflow: hidden;
......
9222 9215
  font-size: 11px;
9223 9216
  line-height: 11px;
9224 9217
}
9225
/* line 289, ../sass/_wizards.scss */
9218
/* line 291, ../sass/_wizards.scss */
9226 9219
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar {
9227 9220
  width: 200px;
9228 9221
  float: left;
......
9231 9224
  position: relative;
9232 9225
  top: 10px;
9233 9226
}
9234
/* line 296, ../sass/_wizards.scss */
9227
/* line 298, ../sass/_wizards.scss */
9235 9228
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap {
9236 9229
  border: 1px solid white;
9237 9230
  padding: 1px;
9238 9231
  height: 100%;
9239 9232
}
9240
/* line 300, ../sass/_wizards.scss */
9233
/* line 302, ../sass/_wizards.scss */
9241 9234
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar {
9242 9235
  border-color: #3a4046;
9243 9236
}
9244
/* line 303, ../sass/_wizards.scss */
9237
/* line 305, ../sass/_wizards.scss */
9245 9238
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar .container .total {
9246 9239
  background-color: #3a4046;
9247 9240
}
9248
/* line 308, ../sass/_wizards.scss */
9241
/* line 310, ../sass/_wizards.scss */
9249 9242
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container {
9250 9243
  height: 100%;
9251 9244
}
9252
/* line 310, ../sass/_wizards.scss */
9245
/* line 312, ../sass/_wizards.scss */
9253 9246
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {
9254 9247
  background: #919194;
9255 9248
  height: 100%;
9256 9249
  float: left;
9257 9250
  position: relative;
9258 9251
}
9259
/* line 315, ../sass/_wizards.scss */
9252
/* line 317, ../sass/_wizards.scss */
9260 9253
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {
9261 9254
  background: white;
9262 9255
  height: 100%;
9263 9256
  float: left;
9264 9257
}
9265
/* line 320, ../sass/_wizards.scss */
9258
/* line 322, ../sass/_wizards.scss */
9266 9259
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {
9267 9260
  position: absolute;
9268 9261
  right: 10px;
9269 9262
  font-size: 0.5625em;
9270 9263
  top: 2px;
9271 9264
}
9272
/* line 327, ../sass/_wizards.scss */
9265
/* line 329, ../sass/_wizards.scss */
9273 9266
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {
9274 9267
  right: -30px;
9275 9268
  color: white;
9276 9269
}
9277
/* line 337, ../sass/_wizards.scss */
9270
/* line 339, ../sass/_wizards.scss */
9278 9271
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options {
9279 9272
  overflow: hidden;
9280 9273
  list-style: none outside none;
9281 9274
}
9282
/* line 340, ../sass/_wizards.scss */
9275
/* line 342, ../sass/_wizards.scss */
9283 9276
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li {
9284 9277
  list-style: none outside none;
9285 9278
  display: inline-block;
9286 9279
  margin-right: 10px;
9287 9280
  margin-bottom: 0;
9288 9281
}
9289
/* line 345, ../sass/_wizards.scss */
9282
/* line 347, ../sass/_wizards.scss */
9290 9283
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a {
9291 9284
  min-width: 60px;
9292 9285
}
9293
/* line 348, ../sass/_wizards.scss */
9286
/* line 350, ../sass/_wizards.scss */
9294 9287
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current {
9295 9288
  color: #485057;
9296 9289
}
9297
/* line 351, ../sass/_wizards.scss */
9290
/* line 353, ../sass/_wizards.scss */
9298 9291
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.disabled {
9299 9292
  border-color: #3a4046;
9300 9293
  color: #3a4046;
9301 9294
}
9302
/* line 354, ../sass/_wizards.scss */
9295
/* line 356, ../sass/_wizards.scss */
9303 9296
.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 {
9304 9297
  cursor: default;
9305 9298
  border-width: 1px;
9306 9299
  line-height: 28px;
9307 9300
}
9308
/* line 367, ../sass/_wizards.scss */
9301
/* line 369, ../sass/_wizards.scss */
9309 9302
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary {
9310 9303
  padding-bottom: 40px;
9311 9304
}
9312
/* line 370, ../sass/_wizards.scss */
9305
/* line 372, ../sass/_wizards.scss */
9313 9306
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row .wrap {
9314 9307
  max-width: 36.25em;
9315 9308
  border-top: 1px solid white;
9316 9309
  padding-top: 1em;
9317 9310
}
9318
/* line 377, ../sass/_wizards.scss */
9311
/* line 379, ../sass/_wizards.scss */
9319 9312
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row:first-child .wrap {
9320 9313
  border-top: 0 none;
9321 9314
  margin-top: 0;
9322 9315
}
9323
/* line 382, ../sass/_wizards.scss */
9316
/* line 384, ../sass/_wizards.scss */
9324 9317
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row:first-child dl dt {
9325 9318
  font-weight: bold;
9326 9319
}
9327
/* line 388, ../sass/_wizards.scss */
9320
/* line 390, ../sass/_wizards.scss */
9328 9321
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary h2 {
9329 9322
  font-size: 1em;
9330 9323
  color: white;
9331 9324
  margin-bottom: 1em;
9332 9325
}
9333
/* line 393, ../sass/_wizards.scss */
9326
/* line 395, ../sass/_wizards.scss */
9334 9327
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl {
9335 9328
  margin-bottom: 0;
9336 9329
}
9337
/* line 395, ../sass/_wizards.scss */
9330
/* line 397, ../sass/_wizards.scss */
9338 9331
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl span {
9339 9332
  width: 40px;
9340 9333
  display: inline-block;
9341 9334
  font-size: 20px;
9335
  position: relative;
9336
  bottom: -2px;
9342 9337
}
9343
/* line 400, ../sass/_wizards.scss */
9338
/* line 404, ../sass/_wizards.scss */
9344 9339
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl dt {
9345 9340
  display: inline-block;
9346 9341
  width: 42%;
9347 9342
  vertical-align: top;
9348 9343
  font-weight: 600;
9349 9344
}
9350
/* line 406, ../sass/_wizards.scss */
9345
/* line 410, ../sass/_wizards.scss */
9351 9346
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl dd {
9352 9347
  display: inline-block;
9353 9348
  width: 45%;
9354 9349
  margin-bottom: 1em;
9355 9350
}
9356
/* line 413, ../sass/_wizards.scss */
9351
/* line 417, ../sass/_wizards.scss */
9357 9352
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step {
9358 9353
  color: white;
9359 9354
}
9360
/* line 415, ../sass/_wizards.scss */
9355
/* line 419, ../sass/_wizards.scss */
9361 9356
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step h2 {
9362 9357
  color: white;
9363 9358
  font-size: 1em;
9364 9359
  margin-bottom: 10px;
9365 9360
  line-height: 1;
9366 9361
}
9367
/* line 421, ../sass/_wizards.scss */
9362
/* line 425, ../sass/_wizards.scss */
9368 9363
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step p {
9369 9364
  font-size: 10px;
9370 9365
}
9371
/* line 424, ../sass/_wizards.scss */
9366
/* line 428, ../sass/_wizards.scss */
9372 9367
.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 {
9373 9368
  color: white;
9374 9369
}
9375
/* line 427, ../sass/_wizards.scss */
9370
/* line 431, ../sass/_wizards.scss */
9376 9371
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn {
9377 9372
  margin: 50px 0 2.5em;
9378 9373
}
9379
/* line 429, ../sass/_wizards.scss */
9374
/* line 433, ../sass/_wizards.scss */
9380 9375
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn a {
9381 9376
  color: white;
9382 9377
}
9383
/* line 431, ../sass/_wizards.scss */
9378
/* line 435, ../sass/_wizards.scss */
9384 9379
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn a span {
9385 9380
  padding-left: 24px;
9386 9381
}
9387
/* line 438, ../sass/_wizards.scss */
9382
/* line 442, ../sass/_wizards.scss */
9388 9383
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {
9389 9384
  color: white;
9390 9385
  font-size: 1em;
9391 9386
  margin-bottom: 0.5em;
9392 9387
}
9393
/* line 446, ../sass/_wizards.scss */
9388
/* line 450, ../sass/_wizards.scss */
9394 9389
.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, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_options > li .options-bar .options li a:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options > li .options-bar .options li a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options li .advanced-conf-step a:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step a:hover {
9395 9390
  color: white;
9396 9391
}
9397
/* line 449, ../sass/_wizards.scss */
9392
/* line 453, ../sass/_wizards.scss */
9398 9393
.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 #volume-wizard .step .advanced-conf-step .volume_options > li .options-bar .options li a.current, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options > li .options-bar .options li a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options li .advanced-conf-step a.current, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > 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, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_options > li .options-bar .options li a.current:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options > li .options-bar .options li a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options li .advanced-conf-step a.current:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step a.current:hover {
9399 9394
  color: #485057;
9400 9395
}
9401
/* line 453, ../sass/_wizards.scss */
9396
/* line 457, ../sass/_wizards.scss */
9402 9397
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options {
9403 9398
  display: none;
9404 9399
}
9405
/* line 455, ../sass/_wizards.scss */
9400
/* line 459, ../sass/_wizards.scss */
9406 9401
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .check {
9407 9402
  font-size: 20px;
9408 9403
}
9409
/* line 458, ../sass/_wizards.scss */
9404
/* line 462, ../sass/_wizards.scss */
9410 9405
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {
9411 9406
  padding: 2.5em 0;
9412 9407
}
9413
/* line 461, ../sass/_wizards.scss */
9408
/* line 465, ../sass/_wizards.scss */
9414 9409
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row p {
9415 9410
  max-width: 340px;
9416 9411
  margin-bottom: 20px;
9417 9412
}
9418
/* line 467, ../sass/_wizards.scss */
9413
/* line 471, ../sass/_wizards.scss */
9419 9414
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {
9420 9415
  position: relative;
9421 9416
  list-style: none outside none;
9422 9417
  margin-bottom: 7px;
9423 9418
}
9424
/* line 472, ../sass/_wizards.scss */
9419
/* line 476, ../sass/_wizards.scss */
9425 9420
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {
9426 9421
  cursor: pointer;
9427 9422
}
9428
/* line 476, ../sass/_wizards.scss */
9423
/* line 480, ../sass/_wizards.scss */
9429 9424
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {
9430 9425
  width: 18.75em;
9431 9426
  color: white;
......
9434 9429
  margin: 0 28px 0 0;
9435 9430
  display: inline-block;
9436 9431
}
9437
/* line 488, ../sass/_wizards.scss */
9432
/* line 492, ../sass/_wizards.scss */
9438 9433
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {
9439 9434
  background-color: #ff7049;
9440 9435
}
9441
/* line 490, ../sass/_wizards.scss */
9436
/* line 494, ../sass/_wizards.scss */
9442 9437
.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, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .volume_options > li .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .volume_options > li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a {
9443 9438
  margin-top: 3px;
9444 9439
}
9445
/* line 495, ../sass/_wizards.scss */
9440
/* line 499, ../sass/_wizards.scss */
9446 9441
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {
9447 9442
  background-color: #ff948c;
9448 9443
}
9449
/* line 497, ../sass/_wizards.scss */
9444
/* line 501, ../sass/_wizards.scss */
9450 9445
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area ul {
9451 9446
  position: relative;
9452 9447
  margin-bottom: 0;
9453 9448
}
9454
/* line 502, ../sass/_wizards.scss */
9449
/* line 506, ../sass/_wizards.scss */
9455 9450
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {
9456 9451
  padding-right: 30px;
9457 9452
  display: inline-block;
......
9461 9456
  margin-bottom: 0;
9462 9457
  position: relative;
9463 9458
}
9464
/* line 510, ../sass/_wizards.scss */
9459
/* line 514, ../sass/_wizards.scss */
9465 9460
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {
9466 9461
  position: relative;
9467 9462
}
9468
/* line 512, ../sass/_wizards.scss */
9463
/* line 516, ../sass/_wizards.scss */
9469 9464
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-router-outline {
9470 9465
  top: -1px;
9471 9466
}
9472
/* line 515, ../sass/_wizards.scss */
9467
/* line 519, ../sass/_wizards.scss */
9473 9468
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-www {
9474
  top: 6px;
9469
  top: 5px;
9475 9470
}
9476
/* line 518, ../sass/_wizards.scss */
9471
/* line 522, ../sass/_wizards.scss */
9477 9472
.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 {
9478 9473
  top: 5px;
9479 9474
}
9480
/* line 521, ../sass/_wizards.scss */
9475
/* line 525, ../sass/_wizards.scss */
9481 9476
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line {
9482 9477
  position: absolute;
9483 9478
  height: 1px;
......
9485 9480
  background: white;
9486 9481
  bottom: 15px;
9487 9482
}
9488
/* line 527, ../sass/_wizards.scss */
9483
/* line 531, ../sass/_wizards.scss */
9489 9484
.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 {
9490 9485
  right: 56px;
9491 9486
}
9492
/* line 528, ../sass/_wizards.scss */
9487
/* line 532, ../sass/_wizards.scss */
9493 9488
.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 {
9494 9489
  right: 97px;
9495 9490
  width: 10px;
9496 9491
}
9497
/* line 535, ../sass/_wizards.scss */
9492
/* line 539, ../sass/_wizards.scss */
9498 9493
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {
9499 9494
  background: #ffb5af;
9500 9495
  margin: 2.5em 6px;
9501 9496
  padding: 2.5em 0;
9502 9497
  color: #fff;
9503 9498
}
9504
/* line 540, ../sass/_wizards.scss */
9499
/* line 544, ../sass/_wizards.scss */
9505 9500
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {
9506 9501
  color: #fff;
9507 9502
  padding-left: 145px;
9508 9503
}
9509
/* line 543, ../sass/_wizards.scss */
9504
/* line 547, ../sass/_wizards.scss */
9510 9505
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3:hover {
9511 9506
  cursor: pointer;
9512 9507
}
9513
/* line 547, ../sass/_wizards.scss */
9508
/* line 551, ../sass/_wizards.scss */
9514 9509
.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, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .networks-area .volume_options > li .options-bar .options li.more a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .volume_options > li .options-bar .options li.more a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options .advanced-conf-step .advanced-conf-options .networks-area li.more a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options .advanced-conf-step .advanced-conf-options .networks-area li.more a {
9515 9510
  margin-top: 20px;
9516 9511
  border-color: #fff;
9517 9512
  color: #fff;
9518 9513
  margin-left: 145px;
9519 9514
}
9520
/* line 555, ../sass/_wizards.scss */
9515
/* line 559, ../sass/_wizards.scss */
9521 9516
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .with-checkbox a span {
9522 9517
  color: #fff;
9523 9518
}
9524
/* line 564, ../sass/_wizards.scss */
9519
/* line 568, ../sass/_wizards.scss */
9525 9520
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {
9526 9521
  background-color: #4c71ff;
9527 9522
}
9528
/* line 566, ../sass/_wizards.scss */
9523
/* line 570, ../sass/_wizards.scss */
9529 9524
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {
9530 9525
  display: none;
9531 9526
}
9532
/* line 569, ../sass/_wizards.scss */
9527
/* line 573, ../sass/_wizards.scss */
9533 9528
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {
9534 9529
  position: relative;
9535 9530
  width: 207px;
9536 9531
  margin: 30px 5px;
9537 9532
  display: inline-block;
9538 9533
}
9539
/* line 575, ../sass/_wizards.scss */
9534
/* line 579, ../sass/_wizards.scss */
9540 9535
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {
9541 9536
  margin-top: 77px;
9542 9537
  margin-bottom: 30px;
9543 9538
}
9544
/* line 579, ../sass/_wizards.scss */
9539
/* line 583, ../sass/_wizards.scss */
9545 9540
.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, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .tags-area .volume_options > li .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .volume_options > li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a {
9546 9541
  margin-right: 20px;
9547 9542
}
9548
/* line 582, ../sass/_wizards.scss */
9543
/* line 586, ../sass/_wizards.scss */
9549 9544
.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 .snf-color-picker #color, .snf-color-picker .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #color {
9550 9545
  left: 10px;
9551 9546
}
9552
/* line 585, ../sass/_wizards.scss */
9547
/* line 589, ../sass/_wizards.scss */
9553 9548
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area h3 {
9554 9549
  width: 18.75em;
9555 9550
  color: white;
......
9558 9553
  margin: 0 28px 0 0;
9559 9554
  display: inline-block;
9560 9555
}
9561
/* line 594, ../sass/_wizards.scss */
9556
/* line 598, ../sass/_wizards.scss */
9562 9557
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header {
9563 9558
  position: relative;
9564 9559
  left: -14px;
9565 9560
}
9566
/* line 597, ../sass/_wizards.scss */
9561
/* line 601, ../sass/_wizards.scss */
9567 9562
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header h3 {
9568 9563
  margin-right: 35px;
9569 9564
}
9570
/* line 606, ../sass/_wizards.scss */
9565
/* line 610, ../sass/_wizards.scss */
9571 9566
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom {
9572 9567
  position: fixed;
9573 9568
  left: 0;
......
9576 9571
  border-top: 1px solid #636a70;
9577 9572
  background: #485057;
9578 9573
}
9579
/* line 613, ../sass/_wizards.scss */
9574
/* line 617, ../sass/_wizards.scss */
9580 9575
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .row {
9581 9576
  height: 40px;
9582 9577
  line-height: 40px;
9583 9578
}
9584
/* line 617, ../sass/_wizards.scss */
9579
/* line 621, ../sass/_wizards.scss */
9585 9580
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav {
9586 9581
  height: 40px;
9587 9582
  line-height: 40px;
......
9592 9587
  top: 5px;
9593 9588
  width: 100px;
9594 9589
}
9595
/* line 627, ../sass/_wizards.scss */
9590
/* line 631, ../sass/_wizards.scss */
9596 9591
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav:focus {
9597 9592
  -webkit-transition: background 0ms ease-out;
9598 9593
  -moz-transition: background 0ms ease-out;
......
9600 9595
  -o-transition: background 0ms ease-out;
9601 9596
  transition: background 0ms ease-out;
9602 9597
}
9603
/* line 630, ../sass/_wizards.scss */
9598
/* line 634, ../sass/_wizards.scss */
9604 9599
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav span {
9605 9600
  display: inline-block;
9606 9601
  height: 30px;
9607 9602
  line-height: 30px;
9608 9603
  float: left;
9609 9604
}
9610
/* line 636, ../sass/_wizards.scss */
9605
/* line 640, ../sass/_wizards.scss */
9611 9606
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav span:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav span:focus {
9612 9607
  -webkit-transition: background 0ms linear;
9613 9608
  -moz-transition: background 0ms linear;
......
9615 9610
  -o-transition: background 0ms linear;
9616 9611
  transition: background 0ms linear;
9617 9612
}
9618
/* line 641, ../sass/_wizards.scss */
9613
/* line 645, ../sass/_wizards.scss */
9619 9614
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev {
9620 9615
  float: left;
9621 9616
  height: 30px;
9622 9617
  padding-left: 18px;
9623 9618
  background: url("../images/nav-edge-lt.png") no-repeat left top;
9624 9619
}
9625
/* line 646, ../sass/_wizards.scss */
9620
/* line 650, ../sass/_wizards.scss */
9626 9621
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev span {
9627 9622
  padding-right: 10px;
9628 9623
  background: url("../images/nav-lt.png") no-repeat right top;
9629 9624
}
9630
/* line 652, ../sass/_wizards.scss */
9625
/* line 656, ../sass/_wizards.scss */
9631 9626
.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 {
9632 9627
  background-position: left bottom;
9633 9628
}
9634
/* line 654, ../sass/_wizards.scss */
9629
/* line 658, ../sass/_wizards.scss */
9635 9630
.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 {
9636 9631
  background-position: right bottom;
9637 9632
}
9638
/* line 659, ../sass/_wizards.scss */
9633
/* line 663, ../sass/_wizards.scss */
9639 9634
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next {
9640 9635
  float: right;
9641 9636
  height: 30px;
9642 9637
  padding-right: 18px;
9643 9638
  background: url("../images/nav-edge-rt.png") no-repeat right top;
9644 9639
}
9645
/* line 664, ../sass/_wizards.scss */
9640
/* line 668, ../sass/_wizards.scss */
9646 9641
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next span {
9647 9642
  padding-left: 10px;
9648 9643
  background: url("../images/nav-rt.png") no-repeat left top;
9649 9644
  float: right;
9650 9645
}
9651
/* line 671, ../sass/_wizards.scss */
9646
/* line 675, ../sass/_wizards.scss */
9652 9647
.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 {
9653 9648
  background-position: right bottom;
9654 9649
}
9655
/* line 673, ../sass/_wizards.scss */
9650
/* line 677, ../sass/_wizards.scss */
9656 9651
.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 {
9657 9652
  background-position: left bottom;
9658 9653
  float: right;
9659 9654
}
9660 9655

  
9661
/* line 691, ../sass/_wizards.scss */
9656
/* line 695, ../sass/_wizards.scss */
9662 9657
#network-wizard a.nav:focus {
9663 9658
  border: none;
9664 9659
}
9665
/* line 694, ../sass/_wizards.scss */
9660
/* line 698, ../sass/_wizards.scss */
9666 9661
#network-wizard a.radio_btn:focus, #network-wizard a.check:focus {
9667 9662
  border: 1px solid #aee7cc;
9668 9663
  padding: 2px;
9669 9664
}
9670
/* line 700, ../sass/_wizards.scss */
9665
/* line 704, ../sass/_wizards.scss */
9671 9666
#network-wizard li {
9672 9667
  list-style: none outside none;
9673 9668
  position: relative;
9674 9669
}
9675
/* line 705, ../sass/_wizards.scss */
9670
/* line 709, ../sass/_wizards.scss */
9676 9671
#network-wizard .snf-checkbox-checked, #network-wizard .snf-checkbox-unchecked {
9677 9672
  font-size: 1.3em;
9678 9673
}
9679
/* line 708, ../sass/_wizards.scss */
9674
/* line 712, ../sass/_wizards.scss */
9680 9675
#network-wizard .subnet_options {
9681 9676
  margin: 0;
9682 9677
}
9683
/* line 710, ../sass/_wizards.scss */
9678
/* line 714, ../sass/_wizards.scss */
9684 9679
#network-wizard .subnet_options li {
9685 9680
  margin-top: 20px;
9686 9681
}
9687
/* line 715, ../sass/_wizards.scss */
9682
/* line 719, ../sass/_wizards.scss */
9688 9683
#network-wizard .step a {
9689 9684
  color: white;
9690 9685
}
9691
/* line 716, ../sass/_wizards.scss */
9686
/* line 720, ../sass/_wizards.scss */
9692 9687
#network-wizard .step .network_options {
9693 9688
  position: relative;
9694 9689
  padding-bottom: 20px;
9695 9690
}
9696
/* line 719, ../sass/_wizards.scss */
9691
/* line 723, ../sass/_wizards.scss */
9697 9692
#network-wizard .step .network_options .explanatory {
9698 9693
  font-size: 0.75em;
9699 9694
  margin-top: 20px;
9700 9695
  margin-bottom: 60px;
9701 9696
}
9702
/* line 724, ../sass/_wizards.scss */
9697
/* line 728, ../sass/_wizards.scss */
9703 9698
#network-wizard .step .network_options .check, #network-wizard .step .network_options .radio_btn {
9704 9699
  position: absolute;
9705 9700
  right: 0;
9706 9701
}
9707
/* line 727, ../sass/_wizards.scss */
9702
/* line 731, ../sass/_wizards.scss */
9708 9703
#network-wizard .step .network_options .check:focus, #network-wizard .step .network_options .radio_btn:focus {
9709 9704
  right: -3px;
9710 9705
  top: -3px;
9711 9706
}
9712
/* line 732, ../sass/_wizards.scss */
9707
/* line 736, ../sass/_wizards.scss */
9713 9708
#network-wizard .step .network_options .network-name {
9714 9709
  margin: 40px 0;
9715 9710
}
9716
/* line 734, ../sass/_wizards.scss */
9711
/* line 738, ../sass/_wizards.scss */
9717 9712
#network-wizard .step .network_options .network-name h2 {
9718 9713
  color: white;
9719 9714
  font-size: 1em;
9720 9715
}
9721
/* line 741, ../sass/_wizards.scss */
9716
/* line 745, ../sass/_wizards.scss */
9722 9717
#network-wizard .step .network_options li {
9723 9718
  display: block;
9724 9719
  width: 360px;
9725 9720
}
9726
/* line 744, ../sass/_wizards.scss */
9721
/* line 748, ../sass/_wizards.scss */
9727 9722
#network-wizard .step .network_options li.manual {
9728 9723
  position: relative;
9729 9724
}
9730
/* line 746, ../sass/_wizards.scss */
9725
/* line 750, ../sass/_wizards.scss */
9731 9726
#network-wizard .step .network_options li.manual .input {
9732 9727
  position: absolute;
9733 9728
  right: -170px;
......
9735 9730
  bottom: 5px;
9736 9731
  display: none;
9737 9732
}
9738
/* line 754, ../sass/_wizards.scss */
9733
/* line 758, ../sass/_wizards.scss */
9739 9734
#network-wizard .step .network_options li.project-selection li {
9740 9735
  width: 100%;
9741 9736
}
9742 9737

  
9743
/* line 765, ../sass/_wizards.scss */
9738
/* line 769, ../sass/_wizards.scss */
9744 9739
#volume-wizard a.nav:focus {
9745 9740
  border: none;
9746 9741
}
9747
/* line 768, ../sass/_wizards.scss */
9742
/* line 772, ../sass/_wizards.scss */
9748 9743
#volume-wizard a.radio_btn:focus, #volume-wizard a.check:focus {
9749 9744
  border: 1px solid #aee7cc;
9750 9745
  padding: 2px;
9751 9746
}
9752
/* line 774, ../sass/_wizards.scss */
9747
/* line 778, ../sass/_wizards.scss */
9753 9748
#volume-wizard li {
9754 9749
  list-style: none outside none;
9755 9750
  position: relative;
9756 9751
}
9757
/* line 779, ../sass/_wizards.scss */
9752
/* line 783, ../sass/_wizards.scss */
9758 9753
#volume-wizard .snf-checkbox-checked, #volume-wizard .snf-checkbox-unchecked {
9759 9754
  font-size: 1.3em;
9760 9755
}
9761
/* line 783, ../sass/_wizards.scss */
9756
/* line 787, ../sass/_wizards.scss */
9762 9757
#volume-wizard .step a {
9763 9758
  color: white;
9764 9759
}
9765
/* line 786, ../sass/_wizards.scss */
9760
/* line 790, ../sass/_wizards.scss */
9766 9761
#volume-wizard .step p {
9767 9762
  font-size: 14px;
9768 9763
  line-height: 1;
9769 9764
}
9770
/* line 791, ../sass/_wizards.scss */
9765
/* line 795, ../sass/_wizards.scss */
9771 9766
#volume-wizard .step .volume_options > li {
9772 9767
  display: block;
9773 9768
  list-style: none outside none;
9774 9769
  margin-bottom: 30px;
9775 9770
}
9776
/* line 793, ../sass/_wizards.scss */
9771
/* line 797, ../sass/_wizards.scss */
9777 9772
#volume-wizard .step .volume_options > li.volume-name {
9778 9773
  margin: 40px 0;
9779 9774
}
9780
/* line 795, ../sass/_wizards.scss */
9775
/* line 799, ../sass/_wizards.scss */
9781 9776
#volume-wizard .step .volume_options > li.volume-name h2 {
9782 9777
  color: white;
9783 9778
  font-size: 1em;
9784 9779
}
9785
/* line 802, ../sass/_wizards.scss */
9780
/* line 806, ../sass/_wizards.scss */
9786 9781
#volume-wizard .step .volume_options > li .title {
9787 9782
  height: 40px;
9788 9783
  overflow: hidden;
......
9790 9785
  color: white;
9791 9786
  vertical-align: top;
9792 9787
}
9793
/* line 809, ../sass/_wizards.scss */
9788
/* line 813, ../sass/_wizards.scss */
9794 9789
#volume-wizard .step .volume_options > li .title .snf-font {
9795 9790
  display: block;
9796 9791
  width: 60px;
9797 9792
  font-size: 38px;
9798 9793
  float: left;
9794
  position: relative;
9795
  bottom: -3px;
9799 9796
}
9800
/* line 815, ../sass/_wizards.scss */
9797
/* line 821, ../sass/_wizards.scss */
9801 9798
#volume-wizard .step .volume_options > li .title h2 {
9802 9799
  font-size: 0.875em;
9803 9800
  float: left;
......
9806 9803
  margin-right: 60px;
9807 9804
  padding-left: 0.625em;
9808 9805
}
9809
/* line 817, ../sass/_wizards.scss */
9806
/* line 823, ../sass/_wizards.scss */
9810 9807
#volume-wizard .step .volume_options > li .title h2 span {
9811 9808
  font-weight: normal;
9812 9809
}
9813
/* line 825, ../sass/_wizards.scss */
9810
/* line 831, ../sass/_wizards.scss */
9814 9811
#volume-wizard .step .volume_options > li .title h2 em {
9815 9812
  display: block;
9816 9813
  margin-top: 4px;
......
9820 9817
  white-space: nowrap;
9821 9818
  line-height: 13px;
9822 9819
}
9823
/* line 835, ../sass/_wizards.scss */
9820
/* line 841, ../sass/_wizards.scss */
9824 9821
#volume-wizard .step .volume_options > li .title p {
9825 9822
  visibility: hidden;
9826 9823
  overflow: hidden;
......
9828 9825
  font-size: 11px;
9829 9826
  line-height: 11px;
9830 9827
}
9831
/* line 845, ../sass/_wizards.scss */
9828
/* line 851, ../sass/_wizards.scss */
9832 9829
#volume-wizard .step .volume_options > li .options-bar .bar {
9833 9830
  width: 200px;
9834 9831
  float: left;
......
9837 9834
  position: relative;
9838 9835
  top: 10px;
9839 9836
}
9840
/* line 852, ../sass/_wizards.scss */
9837
/* line 858, ../sass/_wizards.scss */
9841 9838
#volume-wizard .step .volume_options > li .options-bar .bar .wrap {
9842 9839
  border: 1px solid white;
9843 9840
  padding: 1px;
9844 9841
  height: 100%;
9845 9842
}
9846
/* line 856, ../sass/_wizards.scss */
9843
/* line 862, ../sass/_wizards.scss */
9847 9844
#volume-wizard .step .volume_options > li .options-bar .bar .wrap.disabled-progress-bar {
9848 9845
  border-color: #3a4046;
9849 9846
}
9850
/* line 859, ../sass/_wizards.scss */
9847
/* line 865, ../sass/_wizards.scss */
9851 9848
#volume-wizard .step .volume_options > li .options-bar .bar .wrap.disabled-progress-bar .container .total {
9852 9849
  background-color: #3a4046;
9853 9850
}
9854
/* line 864, ../sass/_wizards.scss */
9851
/* line 870, ../sass/_wizards.scss */
9855 9852
#volume-wizard .step .volume_options > li .options-bar .bar .wrap .container {
9856 9853
  height: 100%;
9857 9854
}
9858
/* line 866, ../sass/_wizards.scss */
9855
/* line 872, ../sass/_wizards.scss */
9859 9856
#volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total {
9860 9857
  background: #919194;
9861 9858
  height: 100%;
9862 9859
  float: left;
9863 9860
  position: relative;
9864 9861
}
9865
/* line 871, ../sass/_wizards.scss */
9862
/* line 877, ../sass/_wizards.scss */
9866 9863
#volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total .current {
9867 9864
  background: white;
9868 9865
  height: 100%;
9869 9866
  float: left;
9870 9867
}
9871
/* line 876, ../sass/_wizards.scss */
9868
/* line 882, ../sass/_wizards.scss */
9872 9869
#volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total span {
9873 9870
  position: absolute;
9874 9871
  right: 10px;
9875 9872
  font-size: 0.5625em;
9876 9873
  top: 2px;
9877 9874
}
9878
/* line 883, ../sass/_wizards.scss */
9875
/* line 889, ../sass/_wizards.scss */
9879 9876
#volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total.low span {
9880 9877
  right: -30px;
9881 9878
  color: white;
9882 9879
}
9883
/* line 892, ../sass/_wizards.scss */
9880
/* line 898, ../sass/_wizards.scss */
9884 9881
#volume-wizard .step .volume_options > li .options-bar .options {
9885 9882
  overflow: hidden;
9886 9883
  list-style: none outside none;
9887 9884
}
9888
/* line 895, ../sass/_wizards.scss */
9885
/* line 901, ../sass/_wizards.scss */
9889 9886
#volume-wizard .step .volume_options > li .options-bar .options li {
9890 9887
  list-style: none outside none;
9891 9888
  display: inline-block;
9892 9889
  margin-right: 10px;
9893 9890
  margin-bottom: 0;
9894 9891
}
9895
/* line 900, ../sass/_wizards.scss */
9892
/* line 906, ../sass/_wizards.scss */
9896 9893
#volume-wizard .step .volume_options > li .options-bar .options li a {
9897 9894
  min-width: 60px;
9898 9895
}
9899
/* line 903, ../sass/_wizards.scss */
9896
/* line 909, ../sass/_wizards.scss */
9900 9897
#volume-wizard .step .volume_options > li .options-bar .options li a.current {
9901 9898
  color: #485057;
9902 9899
}
9903
/* line 906, ../sass/_wizards.scss */
9900
/* line 912, ../sass/_wizards.scss */
9904 9901
#volume-wizard .step .volume_options > li .options-bar .options li a.disabled {
9905 9902
  border-color: #3a4046;
9906 9903
  color: #3a4046;
9907 9904
}
9908
/* line 909, ../sass/_wizards.scss */
9905
/* line 915, ../sass/_wizards.scss */
9909 9906
#volume-wizard .step .volume_options > li .options-bar .options li a.disabled:hover, #volume-wizard .step .volume_options > li .options-bar .options li a.disabled:active {
9910 9907
  cursor: default;
9911 9908
  border-width: 1px;
9912 9909
  line-height: 28px;
9913 9910
}
9914
/* line 922, ../sass/_wizards.scss */
9911
/* line 928, ../sass/_wizards.scss */
9915 9912
#volume-wizard .step .explain {
9916 9913
  margin-bottom: 1em;
9917 9914
}
......
10320 10317
/* line 1, ../sass/_volumes.scss */
10321 10318
.items-list .img-wrap .snf-font {
10322 10319
  font-size: 60px;
10320
  position: relative;
10321
  bottom: -3px;
10323 10322
}
10324 10323

  
10325
/* line 4, ../sass/_volumes.scss */
10324
/* line 6, ../sass/_volumes.scss */
10326 10325
.list-view .items-list .img-wrap .snf-font {
10327 10326
  font-size: 34px;
10328 10327
  color: #30c79e;
10329 10328
}
10330 10329

  
10331
/* line 9, ../sass/_volumes.scss */
10330
/* line 11, ../sass/_volumes.scss */
10332 10331
.step-2 > ul > li {
10333 10332
  margin-bottom: 0.5em;
10334 10333
}
10335 10334

  
10336
/* line 13, ../sass/_volumes.scss */
10335
/* line 15, ../sass/_volumes.scss */
10337 10336
.wizard .vms-list {
10338 10337
  margin-top: 1em;
10339 10338
}
10340
/* line 15, ../sass/_volumes.scss */
10339
/* line 17, ../sass/_volumes.scss */
10341 10340
.wizard .vms-list > li {
10342 10341
  margin-bottom: 0.5em;
10343 10342
}
10344
/* line 17, ../sass/_volumes.scss */
10343
/* line 19, ../sass/_volumes.scss */
10345 10344
.wizard .vms-list > li > div, .wizard .vms-list > li > a {
10346 10345
  display: inline-block;
10347 10346
  margin-right: 15px;
10348 10347
}
10349
/* line 21, ../sass/_volumes.scss */
10348
/* line 23, ../sass/_volumes.scss */
10350 10349
.wizard .vms-list > li .img-wrap {
10351 10350
  position: relative;
10352 10351
  width: 30px;
10353 10352
}
10354
/* line 24, ../sass/_volumes.scss */
10353
/* line 26, ../sass/_volumes.scss */
10355 10354
.wizard .vms-list > li .img-wrap .snf-font {
10356 10355
  font-size: 30px;
10357 10356
}
10358
/* line 27, ../sass/_volumes.scss */
10357
/* line 29, ../sass/_volumes.scss */
10359 10358
.wizard .vms-list > li .img-wrap .os {
10360 10359
  background-size: 14px;
10361 10360
  top: -2px;
......
10434 10433
/* line 65, ../sass/_connected.scss */
10435 10434
.connected .item .connections > li .icon span {
10436 10435
  position: relative;
10437
  top: -10px;
10436
  top: -13px;
10438 10437
  background-color: #ebebec;
10439 10438
  padding: 5px 10px;
10440 10439
}

Also available in: Unified diff