Revision 9ea77c4b

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
939 939
        })
940 940
    }
941 941

  
942
    // add a <span> element inside the content of each a.wrap-a element
943
    $('a.wrap-a').wrapInner('<span></span>');
944

  
942 945
})
943 946

  
944 947

  
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
171 171
	}
172 172
}
173 173

  
174

  
175 174
.btn1 {
176
	border:1px solid $primary-color;
177
	color:$primary-color;
175
	border:1px solid $link-color;
176
	color:$link-color;
178 177
	display:inline-block;
179
	padding:10px 20px;
180
	line-height:1em;
178
	height:$btn-height;
181 179
	text-align:center;
180
	font-size:emCalc(12px);
182 181
	&:hover,
183
	&.current,
184 182
	&:focus {
185
		border-color:$secondary-color;
186
		background:$secondary-color;
187
		color:#fff;
183
		color: $link-color;
184
		span {
185
			border-color: $link-color;
186
		}
188 187
	}
189 188
	&.current {
190
		cursor:default;
189
		span {
190
			background-color: $link-color;
191
		}
192
		color:#fff;
193
	}
194
	span {
195
		border: 1px solid transparent;
196
		display: block;
197
		padding:0 20px;
198
		line-height:$btn-height - 4px;
199
		height:100%;
200

  
191 201
	}
192 202
}
193 203

  
......
217 227
	}
218 228
}
219 229

  
230

  
220 231
.btn4 {
221
	@extend .btn1;
222
	color:#fff; 
223
	border-color:#fff;
224
	background: $secondary-color;
225
	&:hover, 
226
	&.current,
232
	border:1px solid white;
233
	color:white;
234
	display:inline-block;
235
	height:$btn-height;
236
	text-align:center;
237
	font-size:emCalc(12px);
238
	&:hover,
227 239
	&:focus {
228
		color: $secondary-color;
229
  		border-color:  $secondary-color;
230
  		background: #fff;
240
		color: #fff;
241
		span {
242
			border-color: white;
243
		}
244
	}
245
	&.current {
246
		span {
247
			background-color: white;
248
		}
249
		background:white;
250
		color:$secondary-color;
251
	}
252
	span {
253
		border: 1px solid transparent;
254
		display: block;
255
		padding:0 20px;
256
		line-height:$btn-height - 4px;
257
		height:100%;
258

  
231 259
	}
232 260
}
233 261

  
......
235 263
	border:1px solid white;
236 264
	color:white;
237 265
	display:inline-block;
238
	padding:0 20px;
239
	line-height:$btn-height - 2px;
240 266
	height:$btn-height;
241 267
	text-align:center;
242 268
	font-size:emCalc(12px);
243 269
	&:hover,
244 270
	&:focus {
245
		border-width:2px;
246
		line-height: $btn-height - 4px;
247
		padding:0 19px;
248
		color:white;
271
		span {
272
			border-color: white;
273
		}
249 274
	}
250 275
	&.current {
276
		span {
277
			background-color: white;
278
		}
251 279
		background:white;
252 280
		color:$secondary-color;
253 281
	}
282
	span {
283
		border: 1px solid transparent;
284
		display: block;
285
		padding:0 20px;
286
		line-height:$btn-height - 4px;
287
		height:100%;
288

  
289
	}
254 290
}
255 291

  
256 292
.btn-img {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_details.scss
121 121
				.btns {
122 122
					margin-top: 77px;
123 123
					margin-bottom: 20px;
124
					*:first-child {
124
					a:first-child {
125 125
						margin-right: 15px;
126 126
					}
127 127
				}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_forms.scss
51 51
		height:237px;
52 52
		width: 100%
53 53
	}
54
	#color {
55
		display: none;
56
	}
54 57
	#picker {
55 58
	    position: relative;
56 59
	    width: 207px;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_wizards.scss
217 217
									}
218 218
									.btn-col {
219 219
										a {
220

  
220 221
											border-color:$overlay-bg-color;
221 222
											color:$overlay-bg-color;
223
											&:hover {
224
												span {
225
													border-color:$overlay-bg-color; 
226
												}
227
											}
222 228
											&.current {
223 229
												color:white;
224
												background:$overlay-bg-color;
230
												span {
231
													background:$overlay-bg-color;
232
												}
225 233
											}
226 234
										}
227 235
									}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
6876 6876
  cursor: default;
6877 6877
}
6878 6878

  
6879
/* line 175, ../sass/_common.scss */
6880
.btn1, .btn2, .btn3, .btn4, .btn-img {
6881
  border: 1px solid #bebebe;
6882
  color: #bebebe;
6879
/* line 174, ../sass/_common.scss */
6880
.btn1, .btn2, .btn3, .btn-img {
6881
  border: 1px solid #485057;
6882
  color: #485057;
6883 6883
  display: inline-block;
6884
  padding: 10px 20px;
6885
  line-height: 1em;
6884
  height: 30px;
6886 6885
  text-align: center;
6886
  font-size: 0.75em;
6887
}
6888
/* line 182, ../sass/_common.scss */
6889
.btn1:hover, .btn2:hover, .btn3:hover, .btn-img:hover, .btn1:focus, .btn2:focus, .btn3:focus, .btn-img:focus {
6890
  color: #485057;
6887 6891
}
6888 6892
/* line 184, ../sass/_common.scss */
6889
.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 {
6890
  border-color: #30c79e;
6891
  background: #30c79e;
6893
.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 {
6894
  border-color: #485057;
6895
}
6896
/* line 188, ../sass/_common.scss */
6897
.btn1.current, .current.btn2, .current.btn3, .current.btn-img {
6892 6898
  color: #fff;
6893 6899
}
6894 6900
/* line 189, ../sass/_common.scss */
6895
.btn1.current, .current.btn2, .current.btn3, .current.btn4, .current.btn-img {
6896
  cursor: default;
6901
.btn1.current span, .current.btn2 span, .current.btn3 span, .current.btn-img span {
6902
  background-color: #485057;
6897 6903
}
6898

  
6899 6904
/* line 194, ../sass/_common.scss */
6905
.btn1 span, .btn2 span, .btn3 span, .btn-img span {
6906
  border: 1px solid transparent;
6907
  display: block;
6908
  padding: 0 20px;
6909
  line-height: 26px;
6910
  height: 100%;
6911
}
6912

  
6913
/* line 204, ../sass/_common.scss */
6900 6914
.btn2 {
6901 6915
  color: #30c79e;
6902 6916
  background: #fff;
6903 6917
  border-color: #30c79e;
6904 6918
}
6905
/* line 201, ../sass/_common.scss */
6906
.btn2:hover, fdsfd
6907
.btn2.current, .btn2:focus {
6919
/* line 211, ../sass/_common.scss */
6920
.btn2:hover, .btn2.current, .btn2:focus {
6908 6921
  background: transparent;
6909 6922
  border-color: #fff;
6910 6923
}
6911 6924

  
6912
/* line 207, ../sass/_common.scss */
6925
/* line 217, ../sass/_common.scss */
6913 6926
.btn3 {
6914 6927
  color: #fff;
6915 6928
  border-color: #fff;
6916 6929
}
6917
/* line 213, ../sass/_common.scss */
6930
/* line 223, ../sass/_common.scss */
6918 6931
.btn3:hover, .btn3.current, .btn3:focus {
6919 6932
  color: #30c79e;
6920 6933
  background: #fff;
6921 6934
  border-color: #fff;
6922 6935
}
6923 6936

  
6924
/* line 220, ../sass/_common.scss */
6937
/* line 231, ../sass/_common.scss */
6925 6938
.btn4 {
6939
  border: 1px solid white;
6940
  color: white;
6941
  display: inline-block;
6942
  height: 30px;
6943
  text-align: center;
6944
  font-size: 0.75em;
6945
}
6946
/* line 239, ../sass/_common.scss */
6947
.btn4:hover, .btn4:focus {
6926 6948
  color: #fff;
6927
  border-color: #fff;
6928
  background: #30c79e;
6929 6949
}
6930
/* line 227, ../sass/_common.scss */
6931
.btn4:hover, .btn4.current, .btn4:focus {
6950
/* line 241, ../sass/_common.scss */
6951
.btn4:hover span, .btn4:focus span {
6952
  border-color: white;
6953
}
6954
/* line 245, ../sass/_common.scss */
6955
.btn4.current {
6956
  background: white;
6932 6957
  color: #30c79e;
6933
  border-color: #30c79e;
6934
  background: #fff;
6958
}
6959
/* line 246, ../sass/_common.scss */
6960
.btn4.current span {
6961
  background-color: white;
6962
}
6963
/* line 252, ../sass/_common.scss */
6964
.btn4 span {
6965
  border: 1px solid transparent;
6966
  display: block;
6967
  padding: 0 20px;
6968
  line-height: 26px;
6969
  height: 100%;
6935 6970
}
6936 6971

  
6937
/* line 234, ../sass/_common.scss */
6972
/* line 262, ../sass/_common.scss */
6938 6973
.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 {
6939 6974
  border: 1px solid white;
6940 6975
  color: white;
6941 6976
  display: inline-block;
6942
  padding: 0 20px;
6943
  line-height: 28px;
6944 6977
  height: 30px;
6945 6978
  text-align: center;
6946 6979
  font-size: 0.75em;
6947 6980
}
6948
/* line 244, ../sass/_common.scss */
6949
.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 {
6950
  border-width: 2px;
6951
  line-height: 26px;
6952
  padding: 0 19px;
6953
  color: white;
6981
/* line 271, ../sass/_common.scss */
6982
.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 {
6983
  border-color: white;
6954 6984
}
6955
/* line 250, ../sass/_common.scss */
6985
/* line 275, ../sass/_common.scss */
6956 6986
.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 {
6957 6987
  background: white;
6958 6988
  color: #30c79e;
6959 6989
}
6990
/* line 276, ../sass/_common.scss */
6991
.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 {
6992
  background-color: white;
6993
}
6994
/* line 282, ../sass/_common.scss */
6995
.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 {
6996
  border: 1px solid transparent;
6997
  display: block;
6998
  padding: 0 20px;
6999
  line-height: 26px;
7000
  height: 100%;
7001
}
6960 7002

  
6961
/* line 256, ../sass/_common.scss */
7003
/* line 292, ../sass/_common.scss */
6962 7004
.btn-img {
6963 7005
  border-color: #30c79e;
6964 7006
}
6965
/* line 260, ../sass/_common.scss */
7007
/* line 296, ../sass/_common.scss */
6966 7008
.btn-img:hover, .btn-img:focus {
6967 7009
  background: transparent;
6968 7010
}
6969
/* line 264, ../sass/_common.scss */
7011
/* line 300, ../sass/_common.scss */
6970 7012
.btn-img a img, .btn-img a span {
6971 7013
  margin-left: 5px;
6972 7014
}
6973 7015

  
6974 7016
/* Layout ----------------------------------------------- */
6975
/* line 272, ../sass/_common.scss */
7017
/* line 308, ../sass/_common.scss */
6976 7018
html, body {
6977 7019
  height: 100%;
6978 7020
}
6979 7021

  
6980
/* line 276, ../sass/_common.scss */
7022
/* line 312, ../sass/_common.scss */
6981 7023
body {
6982 7024
  padding-top: 110px;
6983 7025
}
6984 7026

  
6985
/* line 280, ../sass/_common.scss */
7027
/* line 316, ../sass/_common.scss */
6986 7028
.body-wrapper {
6987 7029
  min-height: 100%;
6988 7030
}
6989 7031

  
6990
/* line 284, ../sass/_common.scss */
7032
/* line 320, ../sass/_common.scss */
6991 7033
.main {
6992 7034
  padding: 0 0.625em;
6993 7035
}
6994 7036

  
6995 7037
/* Header ----------------------------------------------- */
6996
/* line 290, ../sass/_common.scss */
7038
/* line 326, ../sass/_common.scss */
6997 7039
.header {
6998 7040
  position: fixed;
6999 7041
  top: 0;
......
7006 7048
  background: white;
7007 7049
  z-index: 100;
7008 7050
}
7009
/* line 301, ../sass/_common.scss */
7051
/* line 337, ../sass/_common.scss */
7010 7052
.header .icons-nav {
7011 7053
  position: absolute;
7012 7054
  left: 15px;
......
7014 7056
  line-height: 80px;
7015 7057
  top: 0;
7016 7058
}
7017
/* line 307, ../sass/_common.scss */
7059
/* line 343, ../sass/_common.scss */
7018 7060
.header .icons-nav li {
7019 7061
  line-height: 80px;
7020 7062
}
7021
/* line 311, ../sass/_common.scss */
7063
/* line 347, ../sass/_common.scss */
7022 7064
.header .logo {
7023 7065
  text-align: center;
7024 7066
}
7025
/* line 313, ../sass/_common.scss */
7067
/* line 349, ../sass/_common.scss */
7026 7068
.header .logo a {
7027 7069
  position: relative;
7028 7070
}
7029
/* line 317, ../sass/_common.scss */
7071
/* line 353, ../sass/_common.scss */
7030 7072
.header .logo img {
7031 7073
  height: 40px;
7032 7074
}
7033
/* line 320, ../sass/_common.scss */
7075
/* line 356, ../sass/_common.scss */
7034 7076
.header .logo h2 {
7035 7077
  display: none;
7036 7078
  margin: 0;
......
7038 7080
  color: #bebebe;
7039 7081
  font-weight: normal;
7040 7082
}
7041
/* line 328, ../sass/_common.scss */
7083
/* line 364, ../sass/_common.scss */
7042 7084
.header .login {
7043 7085
  position: absolute;
7044 7086
  top: 25px;
7045 7087
  right: 15px;
7046 7088
}
7047
/* line 333, ../sass/_common.scss */
7089
/* line 369, ../sass/_common.scss */
7048 7090
.header .login .wrap {
7049 7091
  border: 1px solid #2d3338;
7050 7092
  background: white;
......
7052 7094
  padding: 12px 30px;
7053 7095
  line-height: 100%;
7054 7096
}
7055
/* line 340, ../sass/_common.scss */
7097
/* line 376, ../sass/_common.scss */
7056 7098
.header .login .wrap ul {
7057 7099
  padding: 0;
7058 7100
  margin: 0;
7059 7101
  list-style: none outside none;
7060 7102
  display: none;
7061 7103
}
7062
/* line 345, ../sass/_common.scss */
7104
/* line 381, ../sass/_common.scss */
7063 7105
.header .login .wrap ul li {
7064 7106
  list-style: none outside none;
7065 7107
  padding: 0;
......
7067 7109
}
7068 7110

  
7069 7111
/* Actions Bar ----------------------------------------------- */
7070
/* line 358, ../sass/_common.scss */
7112
/* line 394, ../sass/_common.scss */
7071 7113
.actions-bar {
7072 7114
  position: fixed;
7073 7115
  left: 0;
......
7079 7121
  line-height: 30px;
7080 7122
  background-color: #f0f0f0;
7081 7123
}
7082
/* line 368, ../sass/_common.scss */
7124
/* line 404, ../sass/_common.scss */
7083 7125
.actions-bar h2 {
7084 7126
  float: left;
7085 7127
  margin: 0 0 0 15px;
......
7087 7129
  line-height: 30px;
7088 7130
  font-weight: normal;
7089 7131
}
7090
/* line 375, ../sass/_common.scss */
7132
/* line 411, ../sass/_common.scss */
7091 7133
.actions-bar h2 a:after {
7092 7134
  content: " >";
7093 7135
}
7094
/* line 380, ../sass/_common.scss */
7136
/* line 416, ../sass/_common.scss */
7095 7137
.actions-bar .filter-menu {
7096 7138
  float: right;
7097 7139
  position: relative;
7098 7140
}
7099
/* line 383, ../sass/_common.scss */
7141
/* line 419, ../sass/_common.scss */
7100 7142
.actions-bar .filter-menu .filter {
7101 7143
  padding: 0 10px;
7102 7144
  font-size: 0.75em;
7103 7145
  position: relative;
7104 7146
  top: -1px;
7105 7147
}
7106
/* line 389, ../sass/_common.scss */
7148
/* line 425, ../sass/_common.scss */
7107 7149
.actions-bar .filter-menu .options {
7108 7150
  display: none;
7109 7151
  position: absolute;
......
7115 7157
  text-align: left;
7116 7158
  margin: 0;
7117 7159
}
7118
/* line 401, ../sass/_common.scss */
7160
/* line 437, ../sass/_common.scss */
7119 7161
.actions-bar .filter-menu.current .options {
7120 7162
  background-color: #d8d8d8;
7121 7163
  display: inline-block;
7122 7164
}
7123
/* line 404, ../sass/_common.scss */
7165
/* line 440, ../sass/_common.scss */
7124 7166
.actions-bar .filter-menu.current .options a {
7125 7167
  color: white;
7126 7168
}
7127
/* line 413, ../sass/_common.scss */
7169
/* line 449, ../sass/_common.scss */
7128 7170
.actions-bar .row {
7129 7171
  position: relative;
7130 7172
  height: 30px;
7131 7173
}
7132
/* line 418, ../sass/_common.scss */
7174
/* line 454, ../sass/_common.scss */
7133 7175
.actions-bar .hd-search {
7134 7176
  width: 24px;
7135 7177
  overflow: hidden;
......
7144 7186
  transition: width 0.3s linear;
7145 7187
  -webkit-backface-visibility: hidden;
7146 7188
}
7147
/* line 428, ../sass/_common.scss */
7189
/* line 464, ../sass/_common.scss */
7148 7190
.actions-bar .hd-search .hd-icon-search {
7149 7191
  display: block;
7150 7192
  width: 30px;
......
7156 7198
  position: relative;
7157 7199
  background: #f0f0f0;
7158 7200
}
7159
/* line 435, ../sass/_common.scss */
7201
/* line 471, ../sass/_common.scss */
7160 7202
.actions-bar .hd-search .hd-icon-search:hover {
7161 7203
  color: #30c79e;
7162 7204
  cursor: pointer;
7163 7205
}
7164
/* line 443, ../sass/_common.scss */
7206
/* line 479, ../sass/_common.scss */
7165 7207
.actions-bar .hd-search .hd-search-input {
7166 7208
  border: transparent;
7167 7209
  background-color: white;
......
7175 7217
  top: 4px;
7176 7218
  left: 0;
7177 7219
}
7178
/* line 456, ../sass/_common.scss */
7220
/* line 492, ../sass/_common.scss */
7179 7221
.actions-bar .hd-search.hd-open {
7180 7222
  width: 190px;
7181 7223
}
7182
/* line 460, ../sass/_common.scss */
7224
/* line 496, ../sass/_common.scss */
7183 7225
.actions-bar .rt-actions {
7184 7226
  float: right;
7185 7227
  margin-right: 15px;
7186 7228
}
7187
/* line 463, ../sass/_common.scss */
7229
/* line 499, ../sass/_common.scss */
7188 7230
.actions-bar .rt-actions .current, .actions-bar .rt-actions a:hover {
7189 7231
  color: #30c79e;
7190 7232
}
7191
/* line 466, ../sass/_common.scss */
7233
/* line 502, ../sass/_common.scss */
7192 7234
.actions-bar .rt-actions a {
7193 7235
  float: left;
7194 7236
}
7195
/* line 468, ../sass/_common.scss */
7237
/* line 504, ../sass/_common.scss */
7196 7238
.actions-bar .rt-actions a span {
7197 7239
  position: relative;
7198 7240
}
7199
/* line 470, ../sass/_common.scss */
7241
/* line 506, ../sass/_common.scss */
7200 7242
.actions-bar .rt-actions a span.snf-listview {
7201 7243
  font-size: 1.125em;
7202 7244
}
7203
/* line 473, ../sass/_common.scss */
7245
/* line 509, ../sass/_common.scss */
7204 7246
.actions-bar .rt-actions a span.snf-gridview {
7205 7247
  font-size: 1.125em;
7206 7248
}
7207
/* line 478, ../sass/_common.scss */
7249
/* line 514, ../sass/_common.scss */
7208 7250
.actions-bar .rt-actions a span.snf-folder-create-outline {
7209 7251
  font-size: 1.125em;
7210 7252
}
7211
/* line 481, ../sass/_common.scss */
7253
/* line 517, ../sass/_common.scss */
7212 7254
.actions-bar .rt-actions a span.snf-refresh-outline {
7213 7255
  font-size: 0.75em;
7214 7256
  top: -2px;
7215 7257
}
7216
/* line 486, ../sass/_common.scss */
7258
/* line 522, ../sass/_common.scss */
7217 7259
.actions-bar .rt-actions a:not(:last-child) {
7218 7260
  margin-right: 10px;
7219 7261
}
7220
/* line 490, ../sass/_common.scss */
7262
/* line 526, ../sass/_common.scss */
7221 7263
.actions-bar .rt-actions .single {
7222 7264
  width: 12px;
7223 7265
  height: 12px;
......
7225 7267
  display: inline-block;
7226 7268
  margin-top: 9px;
7227 7269
}
7228
/* line 494, ../sass/_common.scss */
7270
/* line 530, ../sass/_common.scss */
7229 7271
.actions-bar .rt-actions .single.current, .actions-bar .rt-actions .single:hover {
7230 7272
  background-color: #30c79e;
7231 7273
}
7232 7274

  
7233
/* line 504, ../sass/_common.scss */
7275
/* line 540, ../sass/_common.scss */
7234 7276
.no-vm .actions-bar .rt-actions, .no-vm .actions-bar .hd-search, .no-vm .actions-bar .filter {
7235 7277
  display: none;
7236 7278
}
7237 7279

  
7238 7280
/* Icons Navigation ----------------------------------------------- */
7239
/* line 512, ../sass/_common.scss */
7281
/* line 548, ../sass/_common.scss */
7240 7282
.icons-nav {
7241 7283
  margin: 0;
7242 7284
  padding: 0;
7243 7285
}
7244
/* line 514, ../sass/_common.scss */
7286
/* line 550, ../sass/_common.scss */
7245 7287
.icons-nav li {
7246 7288
  display: inline-block;
7247 7289
  margin-right: 10px;
......
7250 7292
}
7251 7293

  
7252 7294
/* Top info  ----------------------------------------------- */
7253
/* line 527, ../sass/_common.scss */
7295
/* line 563, ../sass/_common.scss */
7254 7296
.top-info {
7255 7297
  padding: 50px 100px;
7256 7298
  position: relative;
7257 7299
  z-index: 10;
7258 7300
  display: none;
7259 7301
}
7260
/* line 532, ../sass/_common.scss */
7302
/* line 568, ../sass/_common.scss */
7261 7303
.top-info .close {
7262 7304
  position: absolute;
7263 7305
  right: 15px;
......
7270 7312
  overflow: hidden;
7271 7313
}
7272 7314

  
7273
/* line 541, ../sass/_common.scss */
7315
/* line 577, ../sass/_common.scss */
7274 7316
.info.error {
7275 7317
  background: #e02b2b;
7276 7318
  color: #fff;
7277 7319
}
7278 7320

  
7279
/* line 547, ../sass/_common.scss */
7321
/* line 583, ../sass/_common.scss */
7280 7322
.info.alert {
7281 7323
  background: #30c79e;
7282 7324
  color: #fff;
7283 7325
}
7284 7326

  
7285
/* line 552, ../sass/_common.scss */
7327
/* line 588, ../sass/_common.scss */
7286 7328
.info.warning {
7287 7329
  background: #bebebe;
7288 7330
  color: #fff;
7289 7331
}
7290 7332

  
7291
/* line 557, ../sass/_common.scss */
7333
/* line 593, ../sass/_common.scss */
7292 7334
.info.success {
7293 7335
  background: #00a551;
7294 7336
  color: #fff;
7295 7337
}
7296 7338

  
7297
/* line 562, ../sass/_common.scss */
7339
/* line 598, ../sass/_common.scss */
7298 7340
.border-bottom-style1 {
7299 7341
  padding-bottom: 20px;
7300 7342
  margin-bottom: 20px;
......
7302 7344
}
7303 7345

  
7304 7346
/* Progress Bar ----------------------------------------------- */
7305
/* line 571, ../sass/_common.scss */
7347
/* line 607, ../sass/_common.scss */
7306 7348
.progress-bar {
7307 7349
  position: fixed;
7308 7350
  bottom: 0;
......
7313 7355
  padding: 20px 0 20px 310px;
7314 7356
  color: #bebebe;
7315 7357
}
7316
/* line 580, ../sass/_common.scss */
7358
/* line 616, ../sass/_common.scss */
7317 7359
.progress-bar span.counter {
7318 7360
  display: inline-block;
7319 7361
  margin-right: 20px;
7320 7362
  float: left;
7321 7363
}
7322
/* line 585, ../sass/_common.scss */
7364
/* line 621, ../sass/_common.scss */
7323 7365
.progress-bar div.progress-wrap {
7324 7366
  display: inline-block;
7325 7367
  float: left;
7326 7368
  width: 40%;
7327 7369
  margin-right: 60px;
7328 7370
}
7329
/* line 590, ../sass/_common.scss */
7371
/* line 626, ../sass/_common.scss */
7330 7372
.progress-bar div.progress-wrap .progress {
7331 7373
  position: relative;
7332 7374
  top: 2px;
7333 7375
}
7334
/* line 595, ../sass/_common.scss */
7376
/* line 631, ../sass/_common.scss */
7335 7377
.progress-bar span.more {
7336 7378
  display: inline-block;
7337 7379
}
7338 7380

  
7339
/* line 600, ../sass/_common.scss */
7381
/* line 636, ../sass/_common.scss */
7340 7382
.storage-progress {
7341 7383
  display: none;
7342 7384
  position: fixed;
......
7353 7395
  -o-transition: background-color 500ms linear;
7354 7396
  transition: background-color 500ms linear;
7355 7397
}
7356
/* line 611, ../sass/_common.scss */
7398
/* line 647, ../sass/_common.scss */
7357 7399
.storage-progress.ready {
7358 7400
  background: #00a551;
7359 7401
}
7360
/* line 614, ../sass/_common.scss */
7402
/* line 650, ../sass/_common.scss */
7361 7403
.storage-progress .wrap {
7362 7404
  position: relative;
7363 7405
  padding: 10px;
7364 7406
}
7365
/* line 618, ../sass/_common.scss */
7407
/* line 654, ../sass/_common.scss */
7366 7408
.storage-progress .loader {
7367 7409
  position: absolute;
7368 7410
  height: 5px;
......
7371 7413
  background: #ffc748;
7372 7414
  width: 0%;
7373 7415
}
7374
/* line 626, ../sass/_common.scss */
7416
/* line 662, ../sass/_common.scss */
7375 7417
.storage-progress .summary {
7376 7418
  padding-left: 210px;
7377 7419
  margin: 0;
7378 7420
  font-size: 0.75em;
7379 7421
}
7380
/* line 630, ../sass/_common.scss */
7422
/* line 666, ../sass/_common.scss */
7381 7423
.storage-progress .summary span {
7382 7424
  background-color: #fff;
7383 7425
  color: #30c79e;
......
7389 7431
  -o-transition: opacity 500ms linear;
7390 7432
  transition: opacity 500ms linear;
7391 7433
}
7392
/* line 636, ../sass/_common.scss */
7434
/* line 672, ../sass/_common.scss */
7393 7435
.storage-progress .summary span.animated {
7394 7436
  opacity: 0;
7395 7437
}
7396
/* line 641, ../sass/_common.scss */
7438
/* line 677, ../sass/_common.scss */
7397 7439
.storage-progress .details {
7398 7440
  display: none;
7399 7441
}
7400 7442

  
7401 7443
/* Responive ------------------------------------------------ */
7402 7444
@media only screen and (max-width: 768px) {
7403
  /* line 652, ../sass/_common.scss */
7445
  /* line 688, ../sass/_common.scss */
7404 7446
  body {
7405 7447
    padding-top: 0;
7406 7448
  }
7407 7449

  
7408
  /* line 655, ../sass/_common.scss */
7450
  /* line 691, ../sass/_common.scss */
7409 7451
  .header, .actions-bar {
7410 7452
    position: static;
7411 7453
    z-index: auto;
7412 7454
  }
7413 7455

  
7414
  /* line 659, ../sass/_common.scss */
7456
  /* line 695, ../sass/_common.scss */
7415 7457
  .actions-bar {
7416 7458
    top: 160px;
7417 7459
  }
7418 7460

  
7419
  /* line 662, ../sass/_common.scss */
7461
  /* line 698, ../sass/_common.scss */
7420 7462
  .header {
7421 7463
    height: 120px;
7422 7464
    line-height: 50px;
7423 7465
  }
7424
  /* line 665, ../sass/_common.scss */
7466
  /* line 701, ../sass/_common.scss */
7425 7467
  .header .icons-nav {
7426 7468
    position: static;
7427 7469
  }
7428 7470
}
7429 7471
/* Scroll Bar  -------------------------------------------- */
7430
/* line 673, ../sass/_common.scss */
7472
/* line 709, ../sass/_common.scss */
7431 7473
body .jspVerticalBar {
7432 7474
  background-color: transparent;
7433 7475
  width: 14px;
......
7435 7477
  border-left: 1px solid #c2bebe;
7436 7478
  border-right: 1px solid #c2bebe;
7437 7479
}
7438
/* line 679, ../sass/_common.scss */
7480
/* line 715, ../sass/_common.scss */
7439 7481
body .jspVerticalBar .jspTrack {
7440 7482
  background-color: #e6e5e5;
7441 7483
}
7442
/* line 681, ../sass/_common.scss */
7484
/* line 717, ../sass/_common.scss */
7443 7485
body .jspVerticalBar .jspTrack .jspDrag {
7444 7486
  -webkit-border-radius: 5px;
7445 7487
  -moz-border-radius: 5px;
7446 7488
  border-radius: 5px;
7447 7489
  background-color: #c2bebe;
7448 7490
}
7449
/* line 688, ../sass/_common.scss */
7491
/* line 724, ../sass/_common.scss */
7450 7492
body .jspVerticalBar .jspArrow {
7451 7493
  background-color: transparent;
7452 7494
  background: url("../images/arrows.png") no-repeat center center;
......
7457 7499
  overflow: hidden;
7458 7500
  overflow: hidden;
7459 7501
}
7460
/* line 692, ../sass/_common.scss */
7502
/* line 728, ../sass/_common.scss */
7461 7503
body .jspVerticalBar .jspArrow.jspArrowDown {
7462 7504
  background-position: -18px;
7463 7505
}
7464
/* line 696, ../sass/_common.scss */
7506
/* line 732, ../sass/_common.scss */
7465 7507
body .jspVerticalBar .jspArrow.jspArrowUp {
7466 7508
  background-position: 0px;
7467 7509
}
7468 7510

  
7469
/* line 710, ../sass/_common.scss */
7511
/* line 746, ../sass/_common.scss */
7470 7512
.folder {
7471 7513
  background: url(file-types.png) no-repeat top left;
7472 7514
  background-position: 0 -165px;
......
7482 7524
	height: 28px;
7483 7525
}
7484 7526
*/
7485
/* line 724, ../sass/_common.scss */
7527
/* line 760, ../sass/_common.scss */
7486 7528
.txt {
7487 7529
  background: url(../images/file-types.png) no-repeat top left;
7488 7530
  background-position: 0 -486px;
......
7492 7534
  margin: 0 auto;
7493 7535
}
7494 7536

  
7495
/* line 727, ../sass/_common.scss */
7537
/* line 763, ../sass/_common.scss */
7496 7538
.pdf {
7497 7539
  background: url(../images/file-types.png) no-repeat top left;
7498 7540
  background-position: 0 -321px;
......
7502 7544
  margin: 0 auto;
7503 7545
}
7504 7546

  
7505
/* line 730, ../sass/_common.scss */
7547
/* line 766, ../sass/_common.scss */
7506 7548
.excel {
7507 7549
  background: url(../images/file-types.png) no-repeat top left;
7508 7550
  background-position: 0 -85px;
......
7512 7554
  margin: 0 auto;
7513 7555
}
7514 7556

  
7515
/* line 733, ../sass/_common.scss */
7557
/* line 769, ../sass/_common.scss */
7516 7558
.word {
7517 7559
  background: url(../images/file-types.png) no-repeat top left;
7518 7560
  background-position: 0 -571px;
......
7522 7564
  margin: 0 auto;
7523 7565
}
7524 7566

  
7525
/* line 736, ../sass/_common.scss */
7567
/* line 772, ../sass/_common.scss */
7526 7568
.powerpoint {
7527 7569
  background: url(../images/file-types.png) no-repeat top left;
7528 7570
  background-position: 0 -406px;
......
7532 7574
  margin: 0 auto;
7533 7575
}
7534 7576

  
7535
/* line 739, ../sass/_common.scss */
7577
/* line 775, ../sass/_common.scss */
7536 7578
.ai {
7537 7579
  background: url(../images/file-types.png) no-repeat top left;
7538 7580
  background-position: 0 0;
......
8383 8425
  margin-bottom: 20px;
8384 8426
}
8385 8427
/* line 124, ../sass/_details.scss */
8386
.details .info-simple .info-block.tags .btns *:first-child {
8428
.details .info-simple .info-block.tags .btns a:first-child {
8387 8429
  margin-right: 15px;
8388 8430
}
8389 8431
/* line 128, ../sass/_details.scss */
......
8559 8601
  width: 100%;
8560 8602
}
8561 8603
/* line 54, ../sass/_forms.scss */
8604
.snf-color-picker #color {
8605
  display: none;
8606
}
8607
/* line 57, ../sass/_forms.scss */
8562 8608
.snf-color-picker #picker {
8563 8609
  position: relative;
8564 8610
  width: 207px;
8565 8611
  margin: 25px 5px 30px;
8566 8612
  display: inline-block;
8567 8613
}
8568
/* line 61, ../sass/_forms.scss */
8614
/* line 64, ../sass/_forms.scss */
8569 8615
.snf-color-picker #color {
8570 8616
  margin: 0 15px 0 10px;
8571 8617
  position: static;
......
8575 8621
}
8576 8622

  
8577 8623
/* detailed view styles ------------------ */
8578
/* line 73, ../sass/_forms.scss */
8624
/* line 76, ../sass/_forms.scss */
8579 8625
.details .input {
8580 8626
  background: url(../images/input-bg-lt-black.png) no-repeat left bottom;
8581 8627
}
8582
/* line 75, ../sass/_forms.scss */
8628
/* line 78, ../sass/_forms.scss */
8583 8629
.details .input input[type="text"] {
8584 8630
  background: url(../images/input-bg-rt-black.png) no-repeat right bottom;
8585 8631
  color: #2d3338;
......
8602 8648
}
8603 8649

  
8604 8650
/* vm wizard styles ------------------ */
8605
/* line 88, ../sass/_forms.scss */
8651
/* line 91, ../sass/_forms.scss */
8606 8652
.wizard form.custom .custom.dropdown.medium {
8607 8653
  background: #485057;
8608 8654
  color: white;
8609 8655
}
8610
/* line 92, ../sass/_forms.scss */
8656
/* line 95, ../sass/_forms.scss */
8611 8657
.wizard form.custom .custom.dropdown .current {
8612 8658
  color: white;
8613 8659
}
8614
/* line 95, ../sass/_forms.scss */
8660
/* line 98, ../sass/_forms.scss */
8615 8661
.wizard form.custom .custom.dropdown .selector {
8616 8662
  border-left: 1px solid white;
8617 8663
  height: 30px;
8618 8664
}
8619
/* line 99, ../sass/_forms.scss */
8665
/* line 102, ../sass/_forms.scss */
8620 8666
.wizard form.custom .custom.dropdown.open ul {
8621 8667
  background: #485057;
8622 8668
  color: white;
8623 8669
}
8624
/* line 103, ../sass/_forms.scss */
8670
/* line 106, ../sass/_forms.scss */
8625 8671
.wizard form.custom .custom.dropdown ul li {
8626 8672
  color: white;
8627 8673
}
8628
/* line 106, ../sass/_forms.scss */
8674
/* line 109, ../sass/_forms.scss */
8629 8675
.wizard form.custom .custom.dropdown ul li.selected {
8630 8676
  color: white;
8631 8677
  background: #5f6a73;
8632 8678
}
8633
/* line 110, ../sass/_forms.scss */
8679
/* line 113, ../sass/_forms.scss */
8634 8680
.wizard form.custom .custom.dropdown ul li:hover {
8635 8681
  background: #77838e;
8636 8682
  color: white;
8637 8683
}
8638
/* line 115, ../sass/_forms.scss */
8684
/* line 118, ../sass/_forms.scss */
8639 8685
.wizard .input {
8640 8686
  background: url(../images/input-bg-lt.png) no-repeat left bottom;
8641 8687
}
8642
/* line 117, ../sass/_forms.scss */
8688
/* line 120, ../sass/_forms.scss */
8643 8689
.wizard .input input[type="text"] {
8644 8690
  background: url(../images/input-bg-rt.png) no-repeat right bottom;
8645 8691
  color: white;
......
9410 9456
  border-color: #485057;
9411 9457
  color: #485057;
9412 9458
}
9413
/* line 222, ../sass/_wizards.scss */
9459
/* line 224, ../sass/_wizards.scss */
9460
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.current .btn-col a:hover span {
9461
  border-color: #485057;
9462
}
9463
/* line 228, ../sass/_wizards.scss */
9414 9464
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.current .btn-col a.current {
9415 9465
  color: white;
9466
}
9467
/* line 230, ../sass/_wizards.scss */
9468
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.current .btn-col a.current span {
9416 9469
  background: #485057;
9417 9470
}
9418
/* line 229, ../sass/_wizards.scss */
9471
/* line 237, ../sass/_wizards.scss */
9419 9472
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.system-images {
9420 9473
  display: list-item;
9421 9474
}
9422
/* line 232, ../sass/_wizards.scss */
9475
/* line 240, ../sass/_wizards.scss */
9423 9476
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .img-col {
9424 9477
  float: left;
9425 9478
  width: 50px;
9426 9479
  line-height: 30px;
9427 9480
}
9428
/* line 237, ../sass/_wizards.scss */
9481
/* line 245, ../sass/_wizards.scss */
9429 9482
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .name-col {
9430 9483
  float: left;
9431 9484
  color: white;
......
9433 9486
  padding-right: 10px;
9434 9487
  line-height: 30px;
9435 9488
}
9436
/* line 244, ../sass/_wizards.scss */
9489
/* line 252, ../sass/_wizards.scss */
9437 9490
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .size-col {
9438 9491
  float: left;
9439 9492
  width: 10%;
9440 9493
  line-height: 30px;
9441 9494
}
9442
/* line 249, ../sass/_wizards.scss */
9495
/* line 257, ../sass/_wizards.scss */
9443 9496
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col {
9444 9497
  float: right;
9445 9498
  width: 10%;
9446 9499
  margin-left: 10px;
9447 9500
}
9448
/* line 253, ../sass/_wizards.scss */
9501
/* line 261, ../sass/_wizards.scss */
9449 9502
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a {
9450 9503
  font-size: 1em;
9451 9504
}
9452
/* line 257, ../sass/_wizards.scss */
9505
/* line 265, ../sass/_wizards.scss */
9453 9506
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current {
9454 9507
  color: #485057;
9455 9508
}
9456
/* line 262, ../sass/_wizards.scss */
9509
/* line 270, ../sass/_wizards.scss */
9457 9510
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details {
9458 9511
  display: none;
9459 9512
  background: #e6e6e6;
......
9461 9514
  margin: 20px 6px -9px;
9462 9515
  color: #2d3338;
9463 9516
}
9464
/* line 268, ../sass/_wizards.scss */
9517
/* line 276, ../sass/_wizards.scss */
9465 9518
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details h3 {
9466 9519
  font-size: 1em;
9467 9520
  font-weight: normal;
9468 9521
  margin-bottom: 1em;
9469 9522
  padding-left: 50px;
9470 9523
}
9471
/* line 274, ../sass/_wizards.scss */
9524
/* line 282, ../sass/_wizards.scss */
9472 9525
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl {
9473 9526
  margin: 0;
9474 9527
  padding-left: 50px;
9475 9528
}
9476
/* line 278, ../sass/_wizards.scss */
9529
/* line 286, ../sass/_wizards.scss */
9477 9530
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl dt {
9478 9531
  width: 20%;
9479 9532
  float: left;
9480 9533
  font-weight: normal;
9481 9534
}
9482
/* line 283, ../sass/_wizards.scss */
9535
/* line 291, ../sass/_wizards.scss */
9483 9536
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl dd {
9484 9537
  margin: 0 0 5px;
9485 9538
}
9486
/* line 290, ../sass/_wizards.scss */
9539
/* line 298, ../sass/_wizards.scss */
9487 9540
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor {
9488 9541
  list-style: none outside none;
9489 9542
}
9490
/* line 292, ../sass/_wizards.scss */
9543
/* line 300, ../sass/_wizards.scss */
9491 9544
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li {
9492 9545
  list-style: none outside none;
9493 9546
  margin-bottom: 30px;
9494 9547
}
9495
/* line 295, ../sass/_wizards.scss */
9548
/* line 303, ../sass/_wizards.scss */
9496 9549
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title {
9497 9550
  height: 40px;
9498 9551
  overflow: hidden;
......
9500 9553
  color: white;
9501 9554
  vertical-align: top;
9502 9555
}
9503
/* line 302, ../sass/_wizards.scss */
9556
/* line 310, ../sass/_wizards.scss */
9504 9557
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title .snf-font {
9505 9558
  display: block;
9506 9559
  width: 60px;
......
9509 9562
  position: relative;
9510 9563
  bottom: -3px;
9511 9564
}
9512
/* line 310, ../sass/_wizards.scss */
9565
/* line 318, ../sass/_wizards.scss */
9513 9566
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title h2 {
9514 9567
  font-size: 0.875em;
9515 9568
  float: left;
......
9518 9571
  margin-right: 60px;
9519 9572
  padding-left: 0.625em;
9520 9573
}
9521
/* line 312, ../sass/_wizards.scss */
9574
/* line 320, ../sass/_wizards.scss */
9522 9575
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title h2 span {
9523 9576
  font-weight: normal;
9524 9577
}
9525
/* line 320, ../sass/_wizards.scss */
9578
/* line 328, ../sass/_wizards.scss */
9526 9579
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title h2 em {
9527 9580
  display: block;
9528 9581
  margin-top: 4px;
......
9532 9585
  white-space: nowrap;
9533 9586
  line-height: 13px;
9534 9587
}
9535
/* line 330, ../sass/_wizards.scss */
9588
/* line 338, ../sass/_wizards.scss */
9536 9589
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title p {
9537 9590
  visibility: hidden;
9538 9591
  overflow: hidden;
......
9540 9593
  font-size: 11px;
9541 9594
  line-height: 11px;
9542 9595
}
9543
/* line 340, ../sass/_wizards.scss */
9596
/* line 348, ../sass/_wizards.scss */
9544 9597
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar {
9545 9598
  width: 200px;
9546 9599
  float: left;
......
9549 9602
  position: relative;
9550 9603
  top: 10px;
9551 9604
}
9552
/* line 347, ../sass/_wizards.scss */
9605
/* line 355, ../sass/_wizards.scss */
9553 9606
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap {
9554 9607
  border: 1px solid white;
9555 9608
  padding: 1px;
9556 9609
  height: 100%;
9557 9610
}
9558
/* line 351, ../sass/_wizards.scss */
9611
/* line 359, ../sass/_wizards.scss */
9559 9612
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar {
9560 9613
  border-color: #bebebe;
9561 9614
}
9562
/* line 354, ../sass/_wizards.scss */
9615
/* line 362, ../sass/_wizards.scss */
9563 9616
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar .container .total {
9564 9617
  background-color: #bebebe;
9565 9618
}
9566
/* line 359, ../sass/_wizards.scss */
9619
/* line 367, ../sass/_wizards.scss */
9567 9620
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container {
9568 9621
  height: 100%;
9569 9622
}
9570
/* line 361, ../sass/_wizards.scss */
9623
/* line 369, ../sass/_wizards.scss */
9571 9624
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {
9572 9625
  background: #bebebe;
9573 9626
  height: 100%;
9574 9627
  float: left;
9575 9628
  position: relative;
9576 9629
}
9577
/* line 366, ../sass/_wizards.scss */
9630
/* line 374, ../sass/_wizards.scss */
9578 9631
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {
9579 9632
  background: white;
9580 9633
  height: 100%;
9581 9634
  float: left;
9582 9635
}
9583
/* line 371, ../sass/_wizards.scss */
9636
/* line 379, ../sass/_wizards.scss */
9584 9637
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {
9585 9638
  position: absolute;
9586 9639
  right: 10px;
9587 9640
  font-size: 0.5625em;
9588 9641
  top: 2px;
9589 9642
}
9590
/* line 378, ../sass/_wizards.scss */
9643
/* line 386, ../sass/_wizards.scss */
9591 9644
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {
9592 9645
  right: -30px;
9593 9646
  color: white;
9594 9647
}
9595
/* line 388, ../sass/_wizards.scss */
9648
/* line 396, ../sass/_wizards.scss */
9596 9649
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options {
9597 9650
  overflow: hidden;
9598 9651
  list-style: none outside none;
9599 9652
}
9600
/* line 391, ../sass/_wizards.scss */
9653
/* line 399, ../sass/_wizards.scss */
9601 9654
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li {
9602 9655
  list-style: none outside none;
9603 9656
  display: inline-block;
9604 9657
  margin-right: 10px;
9605 9658
  margin-bottom: 0;
9606 9659
}
9607
/* line 396, ../sass/_wizards.scss */
9660
/* line 404, ../sass/_wizards.scss */
9608 9661
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a {
9609 9662
  min-width: 60px;
9610 9663
}
9611
/* line 399, ../sass/_wizards.scss */
9664
/* line 407, ../sass/_wizards.scss */
9612 9665
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current {
9613 9666
  color: #485057;
9614 9667
}
9615
/* line 402, ../sass/_wizards.scss */
9668
/* line 410, ../sass/_wizards.scss */
9616 9669
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.disabled {
9617 9670
  border-color: #bebebe;
9618 9671
  color: #bebebe;
9619 9672
}
9620
/* line 405, ../sass/_wizards.scss */
9673
/* line 413, ../sass/_wizards.scss */
9621 9674
.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 {
9622 9675
  cursor: default;
9623 9676
  border-width: 1px;
9624 9677
  line-height: 28px;
9625 9678
}
9626
/* line 418, ../sass/_wizards.scss */
9679
/* line 426, ../sass/_wizards.scss */
9627 9680
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary {
9628 9681
  padding-bottom: 40px;
9629 9682
}
9630
/* line 421, ../sass/_wizards.scss */
9683
/* line 429, ../sass/_wizards.scss */
9631 9684
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row .wrap {
9632 9685
  max-width: 36.25em;
9633 9686
  border-top: 1px solid white;
9634 9687
  padding-top: 1em;
9635 9688
}
9636
/* line 428, ../sass/_wizards.scss */
9689
/* line 436, ../sass/_wizards.scss */
9637 9690
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row:first-child .wrap {
9638 9691
  border-top: 0 none;
9639 9692
  margin-top: 0;
9640 9693
}
9641
/* line 433, ../sass/_wizards.scss */
9694
/* line 441, ../sass/_wizards.scss */
9642 9695
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary .row:first-child dl dt {
9643 9696
  font-weight: bold;
9644 9697
}
9645
/* line 439, ../sass/_wizards.scss */
9698
/* line 447, ../sass/_wizards.scss */
9646 9699
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary h2 {
9647 9700
  font-size: 1em;
9648 9701
  color: white;
9649 9702
  margin-bottom: 1em;
9650 9703
}
9651
/* line 444, ../sass/_wizards.scss */
9704
/* line 452, ../sass/_wizards.scss */
9652 9705
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl {
9653 9706
  margin-bottom: 0;
9654 9707
}
9655
/* line 446, ../sass/_wizards.scss */
9708
/* line 454, ../sass/_wizards.scss */
9656 9709
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl span {
9657 9710
  width: 40px;
9658 9711
  display: inline-block;
......
9660 9713
  position: relative;
9661 9714
  bottom: -2px;
9662 9715
}
9663
/* line 453, ../sass/_wizards.scss */
9716
/* line 461, ../sass/_wizards.scss */
9664 9717
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl dt {
9665 9718
  display: inline-block;
9666 9719
  width: 42%;
9667 9720
  vertical-align: top;
9668 9721
  font-weight: 600;
9669 9722
}
9670
/* line 459, ../sass/_wizards.scss */
9723
/* line 467, ../sass/_wizards.scss */
9671 9724
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .summary dl dd {
9672 9725
  display: inline-block;
9673 9726
  width: 45%;
9674 9727
  margin-bottom: 1em;
9675 9728
}
9676
/* line 466, ../sass/_wizards.scss */
9729
/* line 474, ../sass/_wizards.scss */
9677 9730
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step {
9678 9731
  color: white;
9679 9732
}
9680
/* line 468, ../sass/_wizards.scss */
9733
/* line 476, ../sass/_wizards.scss */
9681 9734
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step h2 {
9682 9735
  color: white;
9683 9736
  font-size: 1em;
9684 9737
  margin-bottom: 10px;
9685 9738
  line-height: 1;
9686 9739
}
9687
/* line 474, ../sass/_wizards.scss */
9740
/* line 482, ../sass/_wizards.scss */
9688 9741
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step p {
9689 9742
  font-size: 10px;
9690 9743
}
9691
/* line 477, ../sass/_wizards.scss */
9744
/* line 485, ../sass/_wizards.scss */
9692 9745
.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 {
9693 9746
  color: white;
9694 9747
}
9695
/* line 480, ../sass/_wizards.scss */
9748
/* line 488, ../sass/_wizards.scss */
9696 9749
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn {
9697 9750
  margin: 50px 0 2.5em;
9698 9751
}
9699
/* line 482, ../sass/_wizards.scss */
9752
/* line 490, ../sass/_wizards.scss */
9700 9753
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn a {
9701 9754
  color: white;
9702 9755
}
9703
/* line 484, ../sass/_wizards.scss */
9756
/* line 492, ../sass/_wizards.scss */
9704 9757
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .expand-btn a span {
9705 9758
  padding-left: 24px;
9706 9759
}
9707
/* line 491, ../sass/_wizards.scss */
9760
/* line 499, ../sass/_wizards.scss */
9708 9761
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {
9709 9762
  color: white;
9710 9763
  font-size: 1em;
9711 9764
  margin-bottom: 0.5em;
9712 9765
}
9713
/* line 499, ../sass/_wizards.scss */
9766
/* line 507, ../sass/_wizards.scss */
9714 9767
.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 {
9715 9768
  color: white;
9716 9769
}
9717
/* line 502, ../sass/_wizards.scss */
9770
/* line 510, ../sass/_wizards.scss */
9718 9771
.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 {
9719 9772
  color: #485057;
9720 9773
}
9721
/* line 506, ../sass/_wizards.scss */
9774
/* line 514, ../sass/_wizards.scss */
9722 9775
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options {
9723 9776
  display: none;
9724 9777
}
9725
/* line 508, ../sass/_wizards.scss */
9778
/* line 516, ../sass/_wizards.scss */
9726 9779
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .check {
9727 9780
  font-size: 20px;
9728 9781
}
9729
/* line 511, ../sass/_wizards.scss */
9782
/* line 519, ../sass/_wizards.scss */
9730 9783
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {
9731 9784
  padding: 2.5em 0;
9732 9785
}
9733
/* line 514, ../sass/_wizards.scss */
9786
/* line 522, ../sass/_wizards.scss */
9734 9787
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row p {
9735 9788
  max-width: 340px;
9736 9789
  margin-bottom: 20px;
9737 9790
}
9738
/* line 520, ../sass/_wizards.scss */
9791
/* line 528, ../sass/_wizards.scss */
9739 9792
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {
9740 9793
  position: relative;
9741 9794
  list-style: none outside none;
9742 9795
  margin-bottom: 7px;
9743 9796
}
9744
/* line 525, ../sass/_wizards.scss */
9797
/* line 533, ../sass/_wizards.scss */
9745 9798
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {
9746 9799
  cursor: pointer;
9747 9800
}
9748
/* line 529, ../sass/_wizards.scss */
9801
/* line 537, ../sass/_wizards.scss */
9749 9802
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {
9750 9803
  width: 18.75em;
9751 9804
  color: white;
......
9754 9807
  margin: 0 28px 0 0;
9755 9808
  display: inline-block;
9756 9809
}
9757
/* line 541, ../sass/_wizards.scss */
9810
/* line 549, ../sass/_wizards.scss */
9758 9811
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {
9759 9812
  background-color: #ff7049;
9760 9813
}
9761
/* line 543, ../sass/_wizards.scss */
9814
/* line 551, ../sass/_wizards.scss */
9762 9815
.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 {
9763 9816
  margin-top: 3px;
9764 9817
}
9765
/* line 548, ../sass/_wizards.scss */
9818
/* line 556, ../sass/_wizards.scss */
9766 9819
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {
9767 9820
  background-color: #f6938d;
9768 9821
}
9769
/* line 550, ../sass/_wizards.scss */
9822
/* line 558, ../sass/_wizards.scss */
9770 9823
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area ul {
9771 9824
  position: relative;
9772 9825
  margin-bottom: 0;
9773 9826
}
9774
/* line 555, ../sass/_wizards.scss */
9827
/* line 563, ../sass/_wizards.scss */
9775 9828
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {
9776 9829
  padding-right: 30px;
9777 9830
  display: inline-block;
......
9781 9834
  margin-bottom: 0;
9782 9835
  position: relative;
9783 9836
}
9784
/* line 563, ../sass/_wizards.scss */
9837
/* line 571, ../sass/_wizards.scss */
9785 9838
.body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {
9786 9839
  position: relative;
9787 9840
}
9788
/* line 565, ../sass/_wizards.scss */
9841
/* line 573, ../sass/_wizards.scss */
9789 9842
.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 {
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff