commit 9ea77c4be01630d9de1a3e4a7590097e18efa090
Author: Olga Brani <olgabrani@grnet.gr>
Date:   Fri Dec 20 12:15:06 2013 +0200

    new ui: uniform button style

diff --git a/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
index ff10789..cb05bf6 100644
--- a/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
+++ b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
@@ -6876,124 +6876,166 @@ a:hover, a.current, a.active {
   cursor: default;
 }
 
-/* line 175, ../sass/_common.scss */
-.btn1, .btn2, .btn3, .btn4, .btn-img {
-  border: 1px solid #bebebe;
-  color: #bebebe;
+/* line 174, ../sass/_common.scss */
+.btn1, .btn2, .btn3, .btn-img {
+  border: 1px solid #485057;
+  color: #485057;
   display: inline-block;
-  padding: 10px 20px;
-  line-height: 1em;
+  height: 30px;
   text-align: center;
+  font-size: 0.75em;
+}
+/* line 182, ../sass/_common.scss */
+.btn1:hover, .btn2:hover, .btn3:hover, .btn-img:hover, .btn1:focus, .btn2:focus, .btn3:focus, .btn-img:focus {
+  color: #485057;
 }
 /* line 184, ../sass/_common.scss */
-.btn1:hover, .btn2:hover, .btn3:hover, .btn4:hover, .btn-img:hover, .btn1.current, .current.btn2, .current.btn3, .current.btn4, .current.btn-img, .btn1:focus, .btn2:focus, .btn3:focus, .btn4:focus, .btn-img:focus {
-  border-color: #30c79e;
-  background: #30c79e;
+.btn1:hover span, .btn2:hover span, .btn3:hover span, .btn-img:hover span, .btn1:focus span, .btn2:focus span, .btn3:focus span, .btn-img:focus span {
+  border-color: #485057;
+}
+/* line 188, ../sass/_common.scss */
+.btn1.current, .current.btn2, .current.btn3, .current.btn-img {
   color: #fff;
 }
 /* line 189, ../sass/_common.scss */
-.btn1.current, .current.btn2, .current.btn3, .current.btn4, .current.btn-img {
-  cursor: default;
+.btn1.current span, .current.btn2 span, .current.btn3 span, .current.btn-img span {
+  background-color: #485057;
 }
-
 /* line 194, ../sass/_common.scss */
+.btn1 span, .btn2 span, .btn3 span, .btn-img span {
+  border: 1px solid transparent;
+  display: block;
+  padding: 0 20px;
+  line-height: 26px;
+  height: 100%;
+}
+
+/* line 204, ../sass/_common.scss */
 .btn2 {
   color: #30c79e;
   background: #fff;
   border-color: #30c79e;
 }
-/* line 201, ../sass/_common.scss */
-.btn2:hover, fdsfd
-.btn2.current, .btn2:focus {
+/* line 211, ../sass/_common.scss */
+.btn2:hover, .btn2.current, .btn2:focus {
   background: transparent;
   border-color: #fff;
 }
 
-/* line 207, ../sass/_common.scss */
+/* line 217, ../sass/_common.scss */
 .btn3 {
   color: #fff;
   border-color: #fff;
 }
-/* line 213, ../sass/_common.scss */
+/* line 223, ../sass/_common.scss */
 .btn3:hover, .btn3.current, .btn3:focus {
   color: #30c79e;
   background: #fff;
   border-color: #fff;
 }
 
-/* line 220, ../sass/_common.scss */
+/* line 231, ../sass/_common.scss */
 .btn4 {
+  border: 1px solid white;
+  color: white;
+  display: inline-block;
+  height: 30px;
+  text-align: center;
+  font-size: 0.75em;
+}
+/* line 239, ../sass/_common.scss */
+.btn4:hover, .btn4:focus {
   color: #fff;
-  border-color: #fff;
-  background: #30c79e;
 }
-/* line 227, ../sass/_common.scss */
-.btn4:hover, .btn4.current, .btn4:focus {
+/* line 241, ../sass/_common.scss */
+.btn4:hover span, .btn4:focus span {
+  border-color: white;
+}
+/* line 245, ../sass/_common.scss */
+.btn4.current {
+  background: white;
   color: #30c79e;
-  border-color: #30c79e;
-  background: #fff;
+}
+/* line 246, ../sass/_common.scss */
+.btn4.current span {
+  background-color: white;
+}
+/* line 252, ../sass/_common.scss */
+.btn4 span {
+  border: 1px solid transparent;
+  display: block;
+  padding: 0 20px;
+  line-height: 26px;
+  height: 100%;
 }
 
-/* line 234, ../sass/_common.scss */
+/* line 262, ../sass/_common.scss */
 .btn5, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, #volume-wizard .step .volume_options > li .options-bar .options li a {
   border: 1px solid white;
   color: white;
   display: inline-block;
-  padding: 0 20px;
-  line-height: 28px;
   height: 30px;
   text-align: center;
   font-size: 0.75em;
 }
-/* line 244, ../sass/_common.scss */
-.btn5:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:hover, #volume-wizard .step .volume_options > li .options-bar .options li a:hover, .btn5:focus, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:focus, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:focus, #volume-wizard .step .volume_options > li .options-bar .options li a:focus {
-  border-width: 2px;
-  line-height: 26px;
-  padding: 0 19px;
-  color: white;
+/* line 271, ../sass/_common.scss */
+.btn5:hover span, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:hover span, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:hover span, #volume-wizard .step .volume_options > li .options-bar .options li a:hover span, .btn5:focus span, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:focus span, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:focus span, #volume-wizard .step .volume_options > li .options-bar .options li a:focus span {
+  border-color: white;
 }
-/* line 250, ../sass/_common.scss */
+/* line 275, ../sass/_common.scss */
 .btn5.current, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current, #volume-wizard .step .volume_options > li .options-bar .options li a.current {
   background: white;
   color: #30c79e;
 }
+/* line 276, ../sass/_common.scss */
+.btn5.current span, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current span, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current span, #volume-wizard .step .volume_options > li .options-bar .options li a.current span {
+  background-color: white;
+}
+/* line 282, ../sass/_common.scss */
+.btn5 span, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a span, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a span, #volume-wizard .step .volume_options > li .options-bar .options li a span {
+  border: 1px solid transparent;
+  display: block;
+  padding: 0 20px;
+  line-height: 26px;
+  height: 100%;
+}
 
-/* line 256, ../sass/_common.scss */
+/* line 292, ../sass/_common.scss */
 .btn-img {
   border-color: #30c79e;
 }
-/* line 260, ../sass/_common.scss */
+/* line 296, ../sass/_common.scss */
 .btn-img:hover, .btn-img:focus {
   background: transparent;
 }
-/* line 264, ../sass/_common.scss */
+/* line 300, ../sass/_common.scss */
 .btn-img a img, .btn-img a span {
   margin-left: 5px;
 }
 
 /* Layout ----------------------------------------------- */
-/* line 272, ../sass/_common.scss */
+/* line 308, ../sass/_common.scss */
 html, body {
   height: 100%;
 }
 
-/* line 276, ../sass/_common.scss */
+/* line 312, ../sass/_common.scss */
 body {
   padding-top: 110px;
 }
 
-/* line 280, ../sass/_common.scss */
+/* line 316, ../sass/_common.scss */
 .body-wrapper {
   min-height: 100%;
 }
 
-/* line 284, ../sass/_common.scss */
+/* line 320, ../sass/_common.scss */
 .main {
   padding: 0 0.625em;
 }
 
 /* Header ----------------------------------------------- */
-/* line 290, ../sass/_common.scss */
+/* line 326, ../sass/_common.scss */
 .header {
   position: fixed;
   top: 0;
@@ -7006,7 +7048,7 @@ body {
   background: white;
   z-index: 100;
 }
-/* line 301, ../sass/_common.scss */
+/* line 337, ../sass/_common.scss */
 .header .icons-nav {
   position: absolute;
   left: 15px;
@@ -7014,23 +7056,23 @@ body {
   line-height: 80px;
   top: 0;
 }
-/* line 307, ../sass/_common.scss */
+/* line 343, ../sass/_common.scss */
 .header .icons-nav li {
   line-height: 80px;
 }
-/* line 311, ../sass/_common.scss */
+/* line 347, ../sass/_common.scss */
 .header .logo {
   text-align: center;
 }
-/* line 313, ../sass/_common.scss */
+/* line 349, ../sass/_common.scss */
 .header .logo a {
   position: relative;
 }
-/* line 317, ../sass/_common.scss */
+/* line 353, ../sass/_common.scss */
 .header .logo img {
   height: 40px;
 }
-/* line 320, ../sass/_common.scss */
+/* line 356, ../sass/_common.scss */
 .header .logo h2 {
   display: none;
   margin: 0;
@@ -7038,13 +7080,13 @@ body {
   color: #bebebe;
   font-weight: normal;
 }
-/* line 328, ../sass/_common.scss */
+/* line 364, ../sass/_common.scss */
 .header .login {
   position: absolute;
   top: 25px;
   right: 15px;
 }
-/* line 333, ../sass/_common.scss */
+/* line 369, ../sass/_common.scss */
 .header .login .wrap {
   border: 1px solid #2d3338;
   background: white;
@@ -7052,14 +7094,14 @@ body {
   padding: 12px 30px;
   line-height: 100%;
 }
-/* line 340, ../sass/_common.scss */
+/* line 376, ../sass/_common.scss */
 .header .login .wrap ul {
   padding: 0;
   margin: 0;
   list-style: none outside none;
   display: none;
 }
-/* line 345, ../sass/_common.scss */
+/* line 381, ../sass/_common.scss */
 .header .login .wrap ul li {
   list-style: none outside none;
   padding: 0;
@@ -7067,7 +7109,7 @@ body {
 }
 
 /* Actions Bar ----------------------------------------------- */
-/* line 358, ../sass/_common.scss */
+/* line 394, ../sass/_common.scss */
 .actions-bar {
   position: fixed;
   left: 0;
@@ -7079,7 +7121,7 @@ body {
   line-height: 30px;
   background-color: #f0f0f0;
 }
-/* line 368, ../sass/_common.scss */
+/* line 404, ../sass/_common.scss */
 .actions-bar h2 {
   float: left;
   margin: 0 0 0 15px;
@@ -7087,23 +7129,23 @@ body {
   line-height: 30px;
   font-weight: normal;
 }
-/* line 375, ../sass/_common.scss */
+/* line 411, ../sass/_common.scss */
 .actions-bar h2 a:after {
   content: " >";
 }
-/* line 380, ../sass/_common.scss */
+/* line 416, ../sass/_common.scss */
 .actions-bar .filter-menu {
   float: right;
   position: relative;
 }
-/* line 383, ../sass/_common.scss */
+/* line 419, ../sass/_common.scss */
 .actions-bar .filter-menu .filter {
   padding: 0 10px;
   font-size: 0.75em;
   position: relative;
   top: -1px;
 }
-/* line 389, ../sass/_common.scss */
+/* line 425, ../sass/_common.scss */
 .actions-bar .filter-menu .options {
   display: none;
   position: absolute;
@@ -7115,21 +7157,21 @@ body {
   text-align: left;
   margin: 0;
 }
-/* line 401, ../sass/_common.scss */
+/* line 437, ../sass/_common.scss */
 .actions-bar .filter-menu.current .options {
   background-color: #d8d8d8;
   display: inline-block;
 }
-/* line 404, ../sass/_common.scss */
+/* line 440, ../sass/_common.scss */
 .actions-bar .filter-menu.current .options a {
   color: white;
 }
-/* line 413, ../sass/_common.scss */
+/* line 449, ../sass/_common.scss */
 .actions-bar .row {
   position: relative;
   height: 30px;
 }
-/* line 418, ../sass/_common.scss */
+/* line 454, ../sass/_common.scss */
 .actions-bar .hd-search {
   width: 24px;
   overflow: hidden;
@@ -7144,7 +7186,7 @@ body {
   transition: width 0.3s linear;
   -webkit-backface-visibility: hidden;
 }
-/* line 428, ../sass/_common.scss */
+/* line 464, ../sass/_common.scss */
 .actions-bar .hd-search .hd-icon-search {
   display: block;
   width: 30px;
@@ -7156,12 +7198,12 @@ body {
   position: relative;
   background: #f0f0f0;
 }
-/* line 435, ../sass/_common.scss */
+/* line 471, ../sass/_common.scss */
 .actions-bar .hd-search .hd-icon-search:hover {
   color: #30c79e;
   cursor: pointer;
 }
-/* line 443, ../sass/_common.scss */
+/* line 479, ../sass/_common.scss */
 .actions-bar .hd-search .hd-search-input {
   border: transparent;
   background-color: white;
@@ -7175,49 +7217,49 @@ body {
   top: 4px;
   left: 0;
 }
-/* line 456, ../sass/_common.scss */
+/* line 492, ../sass/_common.scss */
 .actions-bar .hd-search.hd-open {
   width: 190px;
 }
-/* line 460, ../sass/_common.scss */
+/* line 496, ../sass/_common.scss */
 .actions-bar .rt-actions {
   float: right;
   margin-right: 15px;
 }
-/* line 463, ../sass/_common.scss */
+/* line 499, ../sass/_common.scss */
 .actions-bar .rt-actions .current, .actions-bar .rt-actions a:hover {
   color: #30c79e;
 }
-/* line 466, ../sass/_common.scss */
+/* line 502, ../sass/_common.scss */
 .actions-bar .rt-actions a {
   float: left;
 }
-/* line 468, ../sass/_common.scss */
+/* line 504, ../sass/_common.scss */
 .actions-bar .rt-actions a span {
   position: relative;
 }
-/* line 470, ../sass/_common.scss */
+/* line 506, ../sass/_common.scss */
 .actions-bar .rt-actions a span.snf-listview {
   font-size: 1.125em;
 }
-/* line 473, ../sass/_common.scss */
+/* line 509, ../sass/_common.scss */
 .actions-bar .rt-actions a span.snf-gridview {
   font-size: 1.125em;
 }
-/* line 478, ../sass/_common.scss */
+/* line 514, ../sass/_common.scss */
 .actions-bar .rt-actions a span.snf-folder-create-outline {
   font-size: 1.125em;
 }
-/* line 481, ../sass/_common.scss */
+/* line 517, ../sass/_common.scss */
 .actions-bar .rt-actions a span.snf-refresh-outline {
   font-size: 0.75em;
   top: -2px;
 }
-/* line 486, ../sass/_common.scss */
+/* line 522, ../sass/_common.scss */
 .actions-bar .rt-actions a:not(:last-child) {
   margin-right: 10px;
 }
-/* line 490, ../sass/_common.scss */
+/* line 526, ../sass/_common.scss */
 .actions-bar .rt-actions .single {
   width: 12px;
   height: 12px;
@@ -7225,23 +7267,23 @@ body {
   display: inline-block;
   margin-top: 9px;
 }
-/* line 494, ../sass/_common.scss */
+/* line 530, ../sass/_common.scss */
 .actions-bar .rt-actions .single.current, .actions-bar .rt-actions .single:hover {
   background-color: #30c79e;
 }
 
-/* line 504, ../sass/_common.scss */
+/* line 540, ../sass/_common.scss */
 .no-vm .actions-bar .rt-actions, .no-vm .actions-bar .hd-search, .no-vm .actions-bar .filter {
   display: none;
 }
 
 /* Icons Navigation ----------------------------------------------- */
-/* line 512, ../sass/_common.scss */
+/* line 548, ../sass/_common.scss */
 .icons-nav {
   margin: 0;
   padding: 0;
 }
-/* line 514, ../sass/_common.scss */
+/* line 550, ../sass/_common.scss */
 .icons-nav li {
   display: inline-block;
   margin-right: 10px;
@@ -7250,14 +7292,14 @@ body {
 }
 
 /* Top info  ----------------------------------------------- */
-/* line 527, ../sass/_common.scss */
+/* line 563, ../sass/_common.scss */
 .top-info {
   padding: 50px 100px;
   position: relative;
   z-index: 10;
   display: none;
 }
-/* line 532, ../sass/_common.scss */
+/* line 568, ../sass/_common.scss */
 .top-info .close {
   position: absolute;
   right: 15px;
@@ -7270,31 +7312,31 @@ body {
   overflow: hidden;
 }
 
-/* line 541, ../sass/_common.scss */
+/* line 577, ../sass/_common.scss */
 .info.error {
   background: #e02b2b;
   color: #fff;
 }
 
-/* line 547, ../sass/_common.scss */
+/* line 583, ../sass/_common.scss */
 .info.alert {
   background: #30c79e;
   color: #fff;
 }
 
-/* line 552, ../sass/_common.scss */
+/* line 588, ../sass/_common.scss */
 .info.warning {
   background: #bebebe;
   color: #fff;
 }
 
-/* line 557, ../sass/_common.scss */
+/* line 593, ../sass/_common.scss */
 .info.success {
   background: #00a551;
   color: #fff;
 }
 
-/* line 562, ../sass/_common.scss */
+/* line 598, ../sass/_common.scss */
 .border-bottom-style1 {
   padding-bottom: 20px;
   margin-bottom: 20px;
@@ -7302,7 +7344,7 @@ body {
 }
 
 /* Progress Bar ----------------------------------------------- */
-/* line 571, ../sass/_common.scss */
+/* line 607, ../sass/_common.scss */
 .progress-bar {
   position: fixed;
   bottom: 0;
@@ -7313,30 +7355,30 @@ body {
   padding: 20px 0 20px 310px;
   color: #bebebe;
 }
-/* line 580, ../sass/_common.scss */
+/* line 616, ../sass/_common.scss */
 .progress-bar span.counter {
   display: inline-block;
   margin-right: 20px;
   float: left;
 }
-/* line 585, ../sass/_common.scss */
+/* line 621, ../sass/_common.scss */
 .progress-bar div.progress-wrap {
   display: inline-block;
   float: left;
   width: 40%;
   margin-right: 60px;
 }
-/* line 590, ../sass/_common.scss */
+/* line 626, ../sass/_common.scss */
 .progress-bar div.progress-wrap .progress {
   position: relative;
   top: 2px;
 }
-/* line 595, ../sass/_common.scss */
+/* line 631, ../sass/_common.scss */
 .progress-bar span.more {
   display: inline-block;
 }
 
-/* line 600, ../sass/_common.scss */
+/* line 636, ../sass/_common.scss */
 .storage-progress {
   display: none;
   position: fixed;
@@ -7353,16 +7395,16 @@ body {
   -o-transition: background-color 500ms linear;
   transition: background-color 500ms linear;
 }
-/* line 611, ../sass/_common.scss */
+/* line 647, ../sass/_common.scss */
 .storage-progress.ready {
   background: #00a551;
 }
-/* line 614, ../sass/_common.scss */
+/* line 650, ../sass/_common.scss */
 .storage-progress .wrap {
   position: relative;
   padding: 10px;
 }
-/* line 618, ../sass/_common.scss */
+/* line 654, ../sass/_common.scss */
 .storage-progress .loader {
   position: absolute;
   height: 5px;
@@ -7371,13 +7413,13 @@ body {
   background: #ffc748;
   width: 0%;
 }
-/* line 626, ../sass/_common.scss */
+/* line 662, ../sass/_common.scss */
 .storage-progress .summary {
   padding-left: 210px;
   margin: 0;
   font-size: 0.75em;
 }
-/* line 630, ../sass/_common.scss */
+/* line 666, ../sass/_common.scss */
 .storage-progress .summary span {
   background-color: #fff;
   color: #30c79e;
@@ -7389,45 +7431,45 @@ body {
   -o-transition: opacity 500ms linear;
   transition: opacity 500ms linear;
 }
-/* line 636, ../sass/_common.scss */
+/* line 672, ../sass/_common.scss */
 .storage-progress .summary span.animated {
   opacity: 0;
 }
-/* line 641, ../sass/_common.scss */
+/* line 677, ../sass/_common.scss */
 .storage-progress .details {
   display: none;
 }
 
 /* Responive ------------------------------------------------ */
 @media only screen and (max-width: 768px) {
-  /* line 652, ../sass/_common.scss */
+  /* line 688, ../sass/_common.scss */
   body {
     padding-top: 0;
   }
 
-  /* line 655, ../sass/_common.scss */
+  /* line 691, ../sass/_common.scss */
   .header, .actions-bar {
     position: static;
     z-index: auto;
   }
 
-  /* line 659, ../sass/_common.scss */
+  /* line 695, ../sass/_common.scss */
   .actions-bar {
     top: 160px;
   }
 
-  /* line 662, ../sass/_common.scss */
+  /* line 698, ../sass/_common.scss */
   .header {
     height: 120px;
     line-height: 50px;
   }
-  /* line 665, ../sass/_common.scss */
+  /* line 701, ../sass/_common.scss */
   .header .icons-nav {
     position: static;
   }
 }
 /* Scroll Bar  -------------------------------------------- */
-/* line 673, ../sass/_common.scss */
+/* line 709, ../sass/_common.scss */
 body .jspVerticalBar {
   background-color: transparent;
   width: 14px;
@@ -7435,18 +7477,18 @@ body .jspVerticalBar {
   border-left: 1px solid #c2bebe;
   border-right: 1px solid #c2bebe;
 }
-/* line 679, ../sass/_common.scss */
+/* line 715, ../sass/_common.scss */
 body .jspVerticalBar .jspTrack {
   background-color: #e6e5e5;
 }
-/* line 681, ../sass/_common.scss */
+/* line 717, ../sass/_common.scss */
 body .jspVerticalBar .jspTrack .jspDrag {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background-color: #c2bebe;
 }
-/* line 688, ../sass/_common.scss */
+/* line 724, ../sass/_common.scss */
 body .jspVerticalBar .jspArrow {
   background-color: transparent;
   background: url("../images/arrows.png") no-repeat center center;
@@ -7457,16 +7499,16 @@ body .jspVerticalBar .jspArrow {
   overflow: hidden;
   overflow: hidden;
 }
-/* line 692, ../sass/_common.scss */
+/* line 728, ../sass/_common.scss */
 body .jspVerticalBar .jspArrow.jspArrowDown {
   background-position: -18px;
 }
-/* line 696, ../sass/_common.scss */
+/* line 732, ../sass/_common.scss */
 body .jspVerticalBar .jspArrow.jspArrowUp {
   background-position: 0px;
 }
 
-/* line 710, ../sass/_common.scss */
+/* line 746, ../sass/_common.scss */
 .folder {
   background: url(file-types.png) no-repeat top left;
   background-position: 0 -165px;
@@ -7482,7 +7524,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
 	height: 28px;
 }
 */
-/* line 724, ../sass/_common.scss */
+/* line 760, ../sass/_common.scss */
 .txt {
   background: url(../images/file-types.png) no-repeat top left;
   background-position: 0 -486px;
@@ -7492,7 +7534,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin: 0 auto;
 }
 
-/* line 727, ../sass/_common.scss */
+/* line 763, ../sass/_common.scss */
 .pdf {
   background: url(../images/file-types.png) no-repeat top left;
   background-position: 0 -321px;
@@ -7502,7 +7544,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin: 0 auto;
 }
 
-/* line 730, ../sass/_common.scss */
+/* line 766, ../sass/_common.scss */
 .excel {
   background: url(../images/file-types.png) no-repeat top left;
   background-position: 0 -85px;
@@ -7512,7 +7554,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin: 0 auto;
 }
 
-/* line 733, ../sass/_common.scss */
+/* line 769, ../sass/_common.scss */
 .word {
   background: url(../images/file-types.png) no-repeat top left;
   background-position: 0 -571px;
@@ -7522,7 +7564,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin: 0 auto;
 }
 
-/* line 736, ../sass/_common.scss */
+/* line 772, ../sass/_common.scss */
 .powerpoint {
   background: url(../images/file-types.png) no-repeat top left;
   background-position: 0 -406px;
@@ -7532,7 +7574,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin: 0 auto;
 }
 
-/* line 739, ../sass/_common.scss */
+/* line 775, ../sass/_common.scss */
 .ai {
   background: url(../images/file-types.png) no-repeat top left;
   background-position: 0 0;
@@ -8383,7 +8425,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin-bottom: 20px;
 }
 /* line 124, ../sass/_details.scss */
-.details .info-simple .info-block.tags .btns *:first-child {
+.details .info-simple .info-block.tags .btns a:first-child {
   margin-right: 15px;
 }
 /* line 128, ../sass/_details.scss */
@@ -8559,13 +8601,17 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   width: 100%;
 }
 /* line 54, ../sass/_forms.scss */
+.snf-color-picker #color {
+  display: none;
+}
+/* line 57, ../sass/_forms.scss */
 .snf-color-picker #picker {
   position: relative;
   width: 207px;
   margin: 25px 5px 30px;
   display: inline-block;
 }
-/* line 61, ../sass/_forms.scss */
+/* line 64, ../sass/_forms.scss */
 .snf-color-picker #color {
   margin: 0 15px 0 10px;
   position: static;
@@ -8575,11 +8621,11 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
 }
 
 /* detailed view styles ------------------ */
-/* line 73, ../sass/_forms.scss */
+/* line 76, ../sass/_forms.scss */
 .details .input {
   background: url(../images/input-bg-lt-black.png) no-repeat left bottom;
 }
-/* line 75, ../sass/_forms.scss */
+/* line 78, ../sass/_forms.scss */
 .details .input input[type="text"] {
   background: url(../images/input-bg-rt-black.png) no-repeat right bottom;
   color: #2d3338;
@@ -8602,44 +8648,44 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
 }
 
 /* vm wizard styles ------------------ */
-/* line 88, ../sass/_forms.scss */
+/* line 91, ../sass/_forms.scss */
 .wizard form.custom .custom.dropdown.medium {
   background: #485057;
   color: white;
 }
-/* line 92, ../sass/_forms.scss */
+/* line 95, ../sass/_forms.scss */
 .wizard form.custom .custom.dropdown .current {
   color: white;
 }
-/* line 95, ../sass/_forms.scss */
+/* line 98, ../sass/_forms.scss */
 .wizard form.custom .custom.dropdown .selector {
   border-left: 1px solid white;
   height: 30px;
 }
-/* line 99, ../sass/_forms.scss */
+/* line 102, ../sass/_forms.scss */
 .wizard form.custom .custom.dropdown.open ul {
   background: #485057;
   color: white;
 }
-/* line 103, ../sass/_forms.scss */
+/* line 106, ../sass/_forms.scss */
 .wizard form.custom .custom.dropdown ul li {
   color: white;
 }
-/* line 106, ../sass/_forms.scss */
+/* line 109, ../sass/_forms.scss */
 .wizard form.custom .custom.dropdown ul li.selected {
   color: white;
   background: #5f6a73;
 }
-/* line 110, ../sass/_forms.scss */
+/* line 113, ../sass/_forms.scss */
 .wizard form.custom .custom.dropdown ul li:hover {
   background: #77838e;
   color: white;
 }
-/* line 115, ../sass/_forms.scss */
+/* line 118, ../sass/_forms.scss */
 .wizard .input {
   background: url(../images/input-bg-lt.png) no-repeat left bottom;
 }
-/* line 117, ../sass/_forms.scss */
+/* line 120, ../sass/_forms.scss */
 .wizard .input input[type="text"] {
   background: url(../images/input-bg-rt.png) no-repeat right bottom;
   color: white;
@@ -9410,22 +9456,29 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   border-color: #485057;
   color: #485057;
 }
-/* line 222, ../sass/_wizards.scss */
+/* line 224, ../sass/_wizards.scss */
+.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.current .btn-col a:hover span {
+  border-color: #485057;
+}
+/* line 228, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.current .btn-col a.current {
   color: white;
+}
+/* line 230, ../sass/_wizards.scss */
+.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.current .btn-col a.current span {
   background: #485057;
 }
-/* line 229, ../sass/_wizards.scss */
+/* line 237, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.system-images {
   display: list-item;
 }
-/* line 232, ../sass/_wizards.scss */
+/* line 240, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .img-col {
   float: left;
   width: 50px;
   line-height: 30px;
 }
-/* line 237, ../sass/_wizards.scss */
+/* line 245, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .name-col {
   float: left;
   color: white;
@@ -9433,27 +9486,27 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   padding-right: 10px;
   line-height: 30px;
 }
-/* line 244, ../sass/_wizards.scss */
+/* line 252, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .size-col {
   float: left;
   width: 10%;
   line-height: 30px;
 }
-/* line 249, ../sass/_wizards.scss */
+/* line 257, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col {
   float: right;
   width: 10%;
   margin-left: 10px;
 }
-/* line 253, ../sass/_wizards.scss */
+/* line 261, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a {
   font-size: 1em;
 }
-/* line 257, ../sass/_wizards.scss */
+/* line 265, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current {
   color: #485057;
 }
-/* line 262, ../sass/_wizards.scss */
+/* line 270, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details {
   display: none;
   background: #e6e6e6;
@@ -9461,38 +9514,38 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin: 20px 6px -9px;
   color: #2d3338;
 }
-/* line 268, ../sass/_wizards.scss */
+/* line 276, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details h3 {
   font-size: 1em;
   font-weight: normal;
   margin-bottom: 1em;
   padding-left: 50px;
 }
-/* line 274, ../sass/_wizards.scss */
+/* line 282, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl {
   margin: 0;
   padding-left: 50px;
 }
-/* line 278, ../sass/_wizards.scss */
+/* line 286, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl dt {
   width: 20%;
   float: left;
   font-weight: normal;
 }
-/* line 283, ../sass/_wizards.scss */
+/* line 291, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl dd {
   margin: 0 0 5px;
 }
-/* line 290, ../sass/_wizards.scss */
+/* line 298, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor {
   list-style: none outside none;
 }
-/* line 292, ../sass/_wizards.scss */
+/* line 300, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li {
   list-style: none outside none;
   margin-bottom: 30px;
 }
-/* line 295, ../sass/_wizards.scss */
+/* line 303, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title {
   height: 40px;
   overflow: hidden;
@@ -9500,7 +9553,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   color: white;
   vertical-align: top;
 }
-/* line 302, ../sass/_wizards.scss */
+/* line 310, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title .snf-font {
   display: block;
   width: 60px;
@@ -9509,7 +9562,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   position: relative;
   bottom: -3px;
 }
-/* line 310, ../sass/_wizards.scss */
+/* line 318, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title h2 {
   font-size: 0.875em;
   float: left;
@@ -9518,11 +9571,11 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin-right: 60px;
   padding-left: 0.625em;
 }
-/* line 312, ../sass/_wizards.scss */
+/* line 320, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title h2 span {
   font-weight: normal;
 }
-/* line 320, ../sass/_wizards.scss */
+/* line 328, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title h2 em {
   display: block;
   margin-top: 4px;
@@ -9532,7 +9585,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   white-space: nowrap;
   line-height: 13px;
 }
-/* line 330, ../sass/_wizards.scss */
+/* line 338, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title p {
   visibility: hidden;
   overflow: hidden;
@@ -9540,7 +9593,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   font-size: 11px;
   line-height: 11px;
 }
-/* line 340, ../sass/_wizards.scss */
+/* line 348, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar {
   width: 200px;
   float: left;
@@ -9549,110 +9602,110 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   position: relative;
   top: 10px;
 }
-/* line 347, ../sass/_wizards.scss */
+/* line 355, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap {
   border: 1px solid white;
   padding: 1px;
   height: 100%;
 }
-/* line 351, ../sass/_wizards.scss */
+/* line 359, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar {
   border-color: #bebebe;
 }
-/* line 354, ../sass/_wizards.scss */
+/* line 362, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar .container .total {
   background-color: #bebebe;
 }
-/* line 359, ../sass/_wizards.scss */
+/* line 367, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container {
   height: 100%;
 }
-/* line 361, ../sass/_wizards.scss */
+/* line 369, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {
   background: #bebebe;
   height: 100%;
   float: left;
   position: relative;
 }
-/* line 366, ../sass/_wizards.scss */
+/* line 374, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {
   background: white;
   height: 100%;
   float: left;
 }
-/* line 371, ../sass/_wizards.scss */
+/* line 379, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {
   position: absolute;
   right: 10px;
   font-size: 0.5625em;
   top: 2px;
 }
-/* line 378, ../sass/_wizards.scss */
+/* line 386, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {
   right: -30px;
   color: white;
 }
-/* line 388, ../sass/_wizards.scss */
+/* line 396, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options {
   overflow: hidden;
   list-style: none outside none;
 }
-/* line 391, ../sass/_wizards.scss */
+/* line 399, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li {
   list-style: none outside none;
   display: inline-block;
   margin-right: 10px;
   margin-bottom: 0;
 }
-/* line 396, ../sass/_wizards.scss */
+/* line 404, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a {
   min-width: 60px;
 }
-/* line 399, ../sass/_wizards.scss */
+/* line 407, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current {
   color: #485057;
 }
-/* line 402, ../sass/_wizards.scss */
+/* line 410, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.disabled {
   border-color: #bebebe;
   color: #bebebe;
 }
-/* line 405, ../sass/_wizards.scss */
+/* line 413, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.disabled:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.disabled:active {
   cursor: default;
   border-width: 1px;
   line-height: 28px;
 }
-/* line 418, ../sass/_wizards.scss */
+/* line 426, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary {
   padding-bottom: 40px;
 }
-/* line 421, ../sass/_wizards.scss */
+/* line 429, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row .wrap {
   max-width: 36.25em;
   border-top: 1px solid white;
   padding-top: 1em;
 }
-/* line 428, ../sass/_wizards.scss */
+/* line 436, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row:first-child .wrap {
   border-top: 0 none;
   margin-top: 0;
 }
-/* line 433, ../sass/_wizards.scss */
+/* line 441, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row:first-child dl dt {
   font-weight: bold;
 }
-/* line 439, ../sass/_wizards.scss */
+/* line 447, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary h2 {
   font-size: 1em;
   color: white;
   margin-bottom: 1em;
 }
-/* line 444, ../sass/_wizards.scss */
+/* line 452, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl {
   margin-bottom: 0;
 }
-/* line 446, ../sass/_wizards.scss */
+/* line 454, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl span {
   width: 40px;
   display: inline-block;
@@ -9660,92 +9713,92 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   position: relative;
   bottom: -2px;
 }
-/* line 453, ../sass/_wizards.scss */
+/* line 461, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl dt {
   display: inline-block;
   width: 42%;
   vertical-align: top;
   font-weight: 600;
 }
-/* line 459, ../sass/_wizards.scss */
+/* line 467, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl dd {
   display: inline-block;
   width: 45%;
   margin-bottom: 1em;
 }
-/* line 466, ../sass/_wizards.scss */
+/* line 474, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step {
   color: white;
 }
-/* line 468, ../sass/_wizards.scss */
+/* line 476, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step h2 {
   color: white;
   font-size: 1em;
   margin-bottom: 10px;
   line-height: 1;
 }
-/* line 474, ../sass/_wizards.scss */
+/* line 482, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step p {
   font-size: 10px;
 }
-/* line 477, ../sass/_wizards.scss */
+/* line 485, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .snf-checkbox-checked, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .snf-checkbox-unchecked {
   color: white;
 }
-/* line 480, ../sass/_wizards.scss */
+/* line 488, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn {
   margin: 50px 0 2.5em;
 }
-/* line 482, ../sass/_wizards.scss */
+/* line 490, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn a {
   color: white;
 }
-/* line 484, ../sass/_wizards.scss */
+/* line 492, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn a span {
   padding-left: 24px;
 }
-/* line 491, ../sass/_wizards.scss */
+/* line 499, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {
   color: white;
   font-size: 1em;
   margin-bottom: 0.5em;
 }
-/* line 499, ../sass/_wizards.scss */
+/* line 507, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a:hover, .body-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 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options > li .options-bar .options li a:hover, .body-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 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step a:hover {
   color: white;
 }
-/* line 502, ../sass/_wizards.scss */
+/* line 510, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current, .body-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 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options > li .options-bar .options li a.current, .body-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 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step a.current, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current:hover, .body-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 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options > li .options-bar .options li a.current:hover, .body-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 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step a.current:hover {
   color: #485057;
 }
-/* line 506, ../sass/_wizards.scss */
+/* line 514, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options {
   display: none;
 }
-/* line 508, ../sass/_wizards.scss */
+/* line 516, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .check {
   font-size: 20px;
 }
-/* line 511, ../sass/_wizards.scss */
+/* line 519, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {
   padding: 2.5em 0;
 }
-/* line 514, ../sass/_wizards.scss */
+/* line 522, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row p {
   max-width: 340px;
   margin-bottom: 20px;
 }
-/* line 520, ../sass/_wizards.scss */
+/* line 528, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {
   position: relative;
   list-style: none outside none;
   margin-bottom: 7px;
 }
-/* line 525, ../sass/_wizards.scss */
+/* line 533, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {
   cursor: pointer;
 }
-/* line 529, ../sass/_wizards.scss */
+/* line 537, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {
   width: 18.75em;
   color: white;
@@ -9754,24 +9807,24 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin: 0 28px 0 0;
   display: inline-block;
 }
-/* line 541, ../sass/_wizards.scss */
+/* line 549, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {
   background-color: #ff7049;
 }
-/* line 543, ../sass/_wizards.scss */
+/* line 551, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .btn5, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .os li .btn-col a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .body-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, .body-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, .body-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 .body-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, .body-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 .body-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 {
   margin-top: 3px;
 }
-/* line 548, ../sass/_wizards.scss */
+/* line 556, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {
   background-color: #f6938d;
 }
-/* line 550, ../sass/_wizards.scss */
+/* line 558, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area ul {
   position: relative;
   margin-bottom: 0;
 }
-/* line 555, ../sass/_wizards.scss */
+/* line 563, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {
   padding-right: 30px;
   display: inline-block;
@@ -9781,23 +9834,23 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin-bottom: 0;
   position: relative;
 }
-/* line 563, ../sass/_wizards.scss */
+/* line 571, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {
   position: relative;
 }
-/* line 565, ../sass/_wizards.scss */
+/* line 573, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-router-outline {
   top: -1px;
 }
-/* line 568, ../sass/_wizards.scss */
+/* line 576, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-www {
   top: 5px;
 }
-/* line 571, ../sass/_wizards.scss */
+/* line 579, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-network-full {
   top: 5px;
 }
-/* line 574, ../sass/_wizards.scss */
+/* line 582, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line {
   position: absolute;
   height: 1px;
@@ -9805,71 +9858,71 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   background: white;
   bottom: 15px;
 }
-/* line 580, ../sass/_wizards.scss */
+/* line 588, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line1 {
   right: 56px;
 }
-/* line 581, ../sass/_wizards.scss */
+/* line 589, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line2 {
   right: 97px;
   width: 10px;
 }
-/* line 588, ../sass/_wizards.scss */
+/* line 596, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {
   background: #fcd9d7;
   margin: 2.5em 6px;
   padding: 2.5em 0;
   color: #fff;
 }
-/* line 593, ../sass/_wizards.scss */
+/* line 601, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {
   color: #fff;
   padding-left: 145px;
 }
-/* line 596, ../sass/_wizards.scss */
+/* line 604, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3:hover {
   cursor: pointer;
 }
-/* line 600, ../sass/_wizards.scss */
+/* line 608, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .btn5, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .os li.more .btn-col a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os .advanced-conf-step .advanced-conf-options .networks-area li.more .btn-col a, .body-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, .body-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, .body-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 .body-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, .body-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 .body-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 {
   margin-top: 20px;
   border-color: #fff;
   color: #fff;
   margin-left: 145px;
 }
-/* line 608, ../sass/_wizards.scss */
+/* line 616, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .with-checkbox a span {
   color: #fff;
 }
-/* line 617, ../sass/_wizards.scss */
+/* line 625, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {
   background-color: #4c71ff;
 }
-/* line 619, ../sass/_wizards.scss */
+/* line 627, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {
   display: none;
 }
-/* line 622, ../sass/_wizards.scss */
+/* line 630, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {
   position: relative;
   width: 207px;
   margin: 30px 5px;
   display: inline-block;
 }
-/* line 628, ../sass/_wizards.scss */
+/* line 636, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {
   margin-top: 77px;
   margin-bottom: 30px;
 }
-/* line 632, ../sass/_wizards.scss */
+/* line 640, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btn5, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .os li .btn-col a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .tags-area a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .flavor li .options-bar .options li a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a, .body-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 .body-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, .body-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 .body-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 {
   margin-right: 20px;
 }
-/* line 635, ../sass/_wizards.scss */
+/* line 643, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .tag-demo, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker #color, .snf-color-picker .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #color {
   left: 10px;
 }
-/* line 638, ../sass/_wizards.scss */
+/* line 646, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area h3 {
   width: 18.75em;
   color: white;
@@ -9878,16 +9931,16 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin: 0 28px 0 0;
   display: inline-block;
 }
-/* line 647, ../sass/_wizards.scss */
+/* line 655, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header {
   position: relative;
   left: -14px;
 }
-/* line 650, ../sass/_wizards.scss */
+/* line 658, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header h3 {
   margin-right: 35px;
 }
-/* line 659, ../sass/_wizards.scss */
+/* line 667, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom {
   position: fixed;
   left: 0;
@@ -9896,12 +9949,12 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   border-top: 1px solid #2d3338;
   background: #485057;
 }
-/* line 666, ../sass/_wizards.scss */
+/* line 674, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .row {
   height: 40px;
   line-height: 40px;
 }
-/* line 670, ../sass/_wizards.scss */
+/* line 678, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav {
   height: 40px;
   line-height: 40px;
@@ -9912,7 +9965,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   top: 5px;
   width: 100px;
 }
-/* line 680, ../sass/_wizards.scss */
+/* line 688, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav:focus {
   -webkit-transition: background 0ms ease-out;
   -moz-transition: background 0ms ease-out;
@@ -9920,14 +9973,14 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   -o-transition: background 0ms ease-out;
   transition: background 0ms ease-out;
 }
-/* line 683, ../sass/_wizards.scss */
+/* line 691, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav span {
   display: inline-block;
   height: 30px;
   line-height: 30px;
   float: left;
 }
-/* line 689, ../sass/_wizards.scss */
+/* line 697, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav span:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .nav span:focus {
   -webkit-transition: background 0ms linear;
   -moz-transition: background 0ms linear;
@@ -9935,114 +9988,114 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   -o-transition: background 0ms linear;
   transition: background 0ms linear;
 }
-/* line 694, ../sass/_wizards.scss */
+/* line 702, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev {
   float: left;
   height: 30px;
   padding-left: 18px;
   background: url("../images/nav-edge-lt.png") no-repeat left top;
 }
-/* line 699, ../sass/_wizards.scss */
+/* line 707, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev span {
   padding-right: 10px;
   background: url("../images/nav-lt.png") no-repeat right top;
 }
-/* line 705, ../sass/_wizards.scss */
+/* line 713, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev.active, .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev:focus {
   background-position: left bottom;
 }
-/* line 707, ../sass/_wizards.scss */
+/* line 715, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev:hover span, .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev.active span, .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .prev:focus span {
   background-position: right bottom;
 }
-/* line 712, ../sass/_wizards.scss */
+/* line 720, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next {
   float: right;
   height: 30px;
   padding-right: 18px;
   background: url("../images/nav-edge-rt.png") no-repeat right top;
 }
-/* line 717, ../sass/_wizards.scss */
+/* line 725, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next span {
   padding-left: 10px;
   background: url("../images/nav-rt.png") no-repeat left top;
   float: right;
 }
-/* line 724, ../sass/_wizards.scss */
+/* line 732, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next.active, .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next:focus {
   background-position: right bottom;
 }
-/* line 726, ../sass/_wizards.scss */
+/* line 734, ../sass/_wizards.scss */
 .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next:hover span, .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next.active span, .body-wrapper .overlay-area-custom .overlay-div.wizard .bottom .next:focus span {
   background-position: left bottom;
   float: right;
 }
 
-/* line 744, ../sass/_wizards.scss */
+/* line 752, ../sass/_wizards.scss */
 #network-wizard a.nav:focus {
   border: none;
 }
-/* line 747, ../sass/_wizards.scss */
+/* line 755, ../sass/_wizards.scss */
 #network-wizard a.radio_btn:focus, #network-wizard a.check:focus {
   border: 1px solid #aee7cc;
   padding: 2px;
 }
-/* line 752, ../sass/_wizards.scss */
+/* line 760, ../sass/_wizards.scss */
 #network-wizard .snf-checkbox-checked, #network-wizard .snf-checkbox-unchecked {
   font-size: 1.3em;
 }
-/* line 755, ../sass/_wizards.scss */
+/* line 763, ../sass/_wizards.scss */
 #network-wizard .subnet_options {
   margin: 0;
 }
-/* line 757, ../sass/_wizards.scss */
+/* line 765, ../sass/_wizards.scss */
 #network-wizard .subnet_options li {
   margin-top: 20px;
 }
-/* line 762, ../sass/_wizards.scss */
+/* line 770, ../sass/_wizards.scss */
 #network-wizard .step a {
   color: white;
 }
-/* line 763, ../sass/_wizards.scss */
+/* line 771, ../sass/_wizards.scss */
 #network-wizard .step .network_options {
   position: relative;
   padding-bottom: 20px;
 }
-/* line 766, ../sass/_wizards.scss */
+/* line 774, ../sass/_wizards.scss */
 #network-wizard .step .network_options .explanatory {
   font-size: 0.75em;
   margin-top: 20px;
   margin-bottom: 60px;
 }
-/* line 771, ../sass/_wizards.scss */
+/* line 779, ../sass/_wizards.scss */
 #network-wizard .step .network_options .check, #network-wizard .step .network_options .radio_btn {
   position: absolute;
   right: 0;
 }
-/* line 774, ../sass/_wizards.scss */
+/* line 782, ../sass/_wizards.scss */
 #network-wizard .step .network_options .check:focus, #network-wizard .step .network_options .radio_btn:focus {
   right: -3px;
   top: -3px;
 }
-/* line 779, ../sass/_wizards.scss */
+/* line 787, ../sass/_wizards.scss */
 #network-wizard .step .network_options .network-name {
   margin: 40px 0;
 }
-/* line 781, ../sass/_wizards.scss */
+/* line 789, ../sass/_wizards.scss */
 #network-wizard .step .network_options .network-name h2 {
   color: white;
   font-size: 1em;
 }
-/* line 788, ../sass/_wizards.scss */
+/* line 796, ../sass/_wizards.scss */
 #network-wizard .step .network_options li {
   display: block;
   width: 360px;
 }
-/* line 791, ../sass/_wizards.scss */
+/* line 799, ../sass/_wizards.scss */
 #network-wizard .step .network_options li.manual {
   position: relative;
 }
-/* line 793, ../sass/_wizards.scss */
+/* line 801, ../sass/_wizards.scss */
 #network-wizard .step .network_options li.manual .input {
   position: absolute;
   right: -170px;
@@ -10050,49 +10103,49 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   bottom: 5px;
   display: none;
 }
-/* line 801, ../sass/_wizards.scss */
+/* line 809, ../sass/_wizards.scss */
 #network-wizard .step .network_options li.project-selection li {
   width: 100%;
 }
 
-/* line 812, ../sass/_wizards.scss */
+/* line 820, ../sass/_wizards.scss */
 #volume-wizard a.nav:focus {
   border: none;
 }
-/* line 815, ../sass/_wizards.scss */
+/* line 823, ../sass/_wizards.scss */
 #volume-wizard a.radio_btn:focus, #volume-wizard a.check:focus {
   border: 1px solid #aee7cc;
   padding: 2px;
 }
-/* line 820, ../sass/_wizards.scss */
+/* line 828, ../sass/_wizards.scss */
 #volume-wizard .snf-checkbox-checked, #volume-wizard .snf-checkbox-unchecked {
   font-size: 1.3em;
 }
-/* line 824, ../sass/_wizards.scss */
+/* line 832, ../sass/_wizards.scss */
 #volume-wizard .step a {
   color: white;
 }
-/* line 827, ../sass/_wizards.scss */
+/* line 835, ../sass/_wizards.scss */
 #volume-wizard .step p {
   font-size: 14px;
   line-height: 1;
 }
-/* line 831, ../sass/_wizards.scss */
+/* line 839, ../sass/_wizards.scss */
 #volume-wizard .step h2 {
   color: white;
   font-size: 1em;
 }
-/* line 836, ../sass/_wizards.scss */
+/* line 844, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li {
   display: block;
   list-style: none outside none;
   margin-bottom: 30px;
 }
-/* line 838, ../sass/_wizards.scss */
+/* line 846, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li.volume-name {
   margin: 40px 0;
 }
-/* line 843, ../sass/_wizards.scss */
+/* line 851, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .title {
   height: 40px;
   overflow: hidden;
@@ -10100,7 +10153,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   color: white;
   vertical-align: top;
 }
-/* line 850, ../sass/_wizards.scss */
+/* line 858, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .title .snf-font {
   display: block;
   width: 60px;
@@ -10109,7 +10162,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   position: relative;
   bottom: -3px;
 }
-/* line 858, ../sass/_wizards.scss */
+/* line 866, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .title h2 {
   font-size: 0.875em;
   float: left;
@@ -10118,11 +10171,11 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin-right: 60px;
   padding-left: 0.625em;
 }
-/* line 860, ../sass/_wizards.scss */
+/* line 868, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .title h2 span {
   font-weight: normal;
 }
-/* line 868, ../sass/_wizards.scss */
+/* line 876, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .title h2 em {
   display: block;
   margin-top: 4px;
@@ -10132,7 +10185,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   white-space: nowrap;
   line-height: 13px;
 }
-/* line 878, ../sass/_wizards.scss */
+/* line 886, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .title p {
   visibility: hidden;
   overflow: hidden;
@@ -10140,7 +10193,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   font-size: 11px;
   line-height: 11px;
 }
-/* line 888, ../sass/_wizards.scss */
+/* line 896, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .bar {
   width: 200px;
   float: left;
@@ -10149,81 +10202,81 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   position: relative;
   top: 10px;
 }
-/* line 895, ../sass/_wizards.scss */
+/* line 903, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .bar .wrap {
   border: 1px solid white;
   padding: 1px;
   height: 100%;
 }
-/* line 899, ../sass/_wizards.scss */
+/* line 907, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .bar .wrap.disabled-progress-bar {
   border-color: #bebebe;
 }
-/* line 902, ../sass/_wizards.scss */
+/* line 910, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .bar .wrap.disabled-progress-bar .container .total {
   background-color: #bebebe;
 }
-/* line 907, ../sass/_wizards.scss */
+/* line 915, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .bar .wrap .container {
   height: 100%;
 }
-/* line 909, ../sass/_wizards.scss */
+/* line 917, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total {
   background: #bebebe;
   height: 100%;
   float: left;
   position: relative;
 }
-/* line 914, ../sass/_wizards.scss */
+/* line 922, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total .current {
   background: white;
   height: 100%;
   float: left;
 }
-/* line 919, ../sass/_wizards.scss */
+/* line 927, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total span {
   position: absolute;
   right: 10px;
   font-size: 0.5625em;
   top: 2px;
 }
-/* line 926, ../sass/_wizards.scss */
+/* line 934, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total.low span {
   right: -30px;
   color: white;
 }
-/* line 935, ../sass/_wizards.scss */
+/* line 943, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .options {
   overflow: hidden;
   list-style: none outside none;
 }
-/* line 938, ../sass/_wizards.scss */
+/* line 946, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .options li {
   list-style: none outside none;
   display: inline-block;
   margin-right: 10px;
   margin-bottom: 0;
 }
-/* line 943, ../sass/_wizards.scss */
+/* line 951, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .options li a {
   min-width: 60px;
 }
-/* line 946, ../sass/_wizards.scss */
+/* line 954, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .options li a.current {
   color: #485057;
 }
-/* line 949, ../sass/_wizards.scss */
+/* line 957, ../sass/_wizards.scss */
 #volume-wizard .step .volume_options > li .options-bar .options li a.disabled {
   border-color: #bebebe;
   color: #bebebe;
 }
-/* line 952, ../sass/_wizards.scss */
+/* line 960, ../sass/_wizards.scss */
 #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 {
   cursor: default;
   border-width: 1px;
   line-height: 28px;
 }
-/* line 965, ../sass/_wizards.scss */
+/* line 973, ../sass/_wizards.scss */
 #volume-wizard .step .explain {
   margin-bottom: 1em;
 }
