catalog-ui/src/assets/styles/mixins_old.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256

@media only all and (prefers-color-scheme: dark) {
.highlight .hll { background-color: #49483e }
.highlight .c { color: #75715e } /* Comment */
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
.highlight .k { color: #66d9ef } /* Keyword */
.highlight .l { color: #ae81ff } /* Literal */
.highlight .n { color: #f8f8f2 } /* Name */
.highlight .o { color: #f92672 } /* Operator */
.highlight .p { color: #f8f8f2 } /* Punctuation */
.highlight .ch { color: #75715e } /* Comment.Hashbang */
.highlight .cm { color: #75715e } /* Comment.Multiline */
.highlight .cp { color: #75715e } /* Comment.Preproc */
.highlight .cpf { color: #75715e } /* Comment.PreprocFile */
.highlight .c1 { color: #75715e } /* Comment.Single */
.highlight .cs { color: #75715e } /* Comment.Special */
.highlight .gd { color: #f92672 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gi { color: #a6e22e } /* Generic.Inserted */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #75715e } /* Generic.Subheading */
.highlight .kc { color: #66d9ef } /* Keyword.Constant */
.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
.highlight .kn { color: #f92672 } /* Keyword.Namespace */
.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
.highlight .kt { color: #66d9ef } /* Keyword.Type */
.highlight .ld { color: #e6db74 } /* Literal.Date */
.highlight .m { color: #ae81ff } /* Literal.Number */
.highlight .s { color: #e6db74 } /* Literal.String */
.highlight .na { color: #a6e22e } /* Name.Attribute */
.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
.highlight .nc { color: #a6e22e } /* Name.Class */
.highlight .no { color: #66d9ef } /* Name.Constant */
.highlight .nd { color: #a6e22e } /* Name.Decorator */
.highlight .ni { color: #f8f8f2 } /* Name.Entity */
.highlight .ne { color: #a6e22e } /* Name.Exception */
.highlight .nf { color: #a6e22e } /* Name.Function */
.highlight .nl { color: #f8f8f2 } /* Name.Label */
.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
.highlight .nx { color: #a6e22e } /* Name.Other */
.highlight .py { color: #f8f8f2 } /* Name.Property */
.highlight .nt { color: #f92672 } /* Name.Tag */
.highlight .nv { color: #f8f8f2 } /* Name.Variable */
.highlight .ow { color: #f92672 } /* Operator.Word */
.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
.highlight .mb { color: #ae81ff } /* Literal.Number.Bin */
.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
.highlight .sa { color: #e6db74 } /* Literal.String.Affix */
.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
.highlight .sc { color: #e6db74 } /* Literal.String.Char */
.highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */
.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
.highlight .se { color: #ae81ff } /* Literal.String.Escape */
.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
.highlight .sx { color: #e6db74 } /* Literal.String.Other */
.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #a6e22e } /* Name.Function.Magic */
.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
.highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */
.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
}
@media (prefers-color-scheme: light) {
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #888888 } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { color: #008800; font-weight: bold } /* Keyword */
.highlight .ch { color: #888888 } /* Comment.Hashbang */
.highlight .cm { color: #888888 } /* Comment.Multiline */
.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
.highlight .cpf { color: #888888 } /* Comment.PreprocFile */
.highlight .c1 { color: #888888 } /* Comment.Single */
.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #333333 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #666666 } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008800 } /* Keyword.Pseudo */
.highlight .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #888888; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #0000DD; font-weight: bold } /* Literal.Number */
.highlight .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
.highlight .na { color: #336699 } /* Name.Attribute */
.highlight .nb { color: #003388 } /* Name.Builtin */
.highlight .nc { color: #bb0066; font-weight: bold } /* Name.Class */
.highlight .no { color: #003366; font-weight: bold } /* Name.Constant */
.highlight .nd { color: #555555 } /* Name.Decorator */
.highlight .ne { color: #bb0066; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0066bb; font-weight: bold } /* Name.Function */
.highlight .nl { color: #336699; font-style: italic } /* Name.Label */
.highlight .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */
.highlight .py { color: #336699; font-weight: bold } /* Name.Property */
.highlight .nt { color: #bb0066; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #336699 } /* Name.Variable */
.highlight .ow { color: #008800 } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #0000DD; font-weight: bold } /* Literal.Number.Bin */
.highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
.highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
.highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
.highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
.highlight .sa { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Affix */
.highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
.highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */
.highlight .dl { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Delimiter */
.highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
.highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */
.highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */
.highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */
.highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */
.highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */
.highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */
.highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */
.highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */
.highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */
.highlight .vc { color: #336699 } /* Name.Variable.Class */
.highlight .vg { color: #dd7700 } /* Name.Variable.Global */
.highlight .vi { color: #3333bb } /* Name.Variable.Instance */
.highlight .vm { color: #336699 } /* Name.Variable.Magic */
.highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */
}
# Eclipse IDE
#------------------------------------------------------------
**/.classpath
**/.project
**/.tern-project
**/.settings/**
**/bin/


# IntelliJ IDE
#------------------------------------------------------------
**/.idea/
/out/
*.iml

# Logs
#------------------------------------------------------------
*.log
*/logs/*
*/*/logs/*
/utils/DmaapPublisher/logs/*


#Excluded Script Folder
xFolder

# IntelliJ IDE
#------------------------------------------------------------
**/.idea/
/out/
*.iml


# Maven
#------------------------------------------------------------
**/target/
pom.xml.tag
pom.xml.releaseBackup
pom.xml.versionsBackup
version.properties
*dependency-reduced-pom.xml

## sdc-os-chef
*.class
# Package Files

# Package Files
#------------------------------------------------------------
*.ear
*.iml
*.jar
*.war
#Gradle
.gradle/*

#Gradle
.gradle/*
*/*.gradle
*/settings.gradle
*/gradlew.bat
*/gradlew
gradlew.bat
gradlew
settings.gradle

/log
/log
*.kpf
*.orig


# catalog-ui
#------------------------------------------------------------
#------------------------------------------------------------
#------------------------------------------------------------
catalog-ui/app/dist/*
catalog-ui/dist
catalog-ui/*.tmp.txt
catalog-ui/tests/Coverage/*
catalog-ui/Chrome*
catalog-ui/PhantomJS_1.9.8_(Windows_7_0.0.0)/*

catalog-ui/app/dist/*
.metadata/
.metadata/*
.project
.settings/
Vagrantfile
a4c/
asdc-chef/cookbooks/Deploy-SDandC/attributes/version.rb
asdc-tests/ExtentReport/ASDC_CI_Extent_Report.html
asdc-tests/test-output/**
asdctool/tosca/*
bin/
catalog-be/.pydevproject
catalog-be/.checkstyle
catalog-be/data/*
catalog-be/src/main/java/META-INF/MANIFEST.MF
cat@import "variables-old";
@import "variables";

.font-color {
    .a {color:  @color_a;}
    .b {color:  @color_b;}
    .c {color:  @color_c;}
    .d {color:  @color_d;}
    .e {color:  @color_e;}
    .f {color:  @color_f;}
    .g {color:  @color_g;}
    .h {color:  @color_h;}
    .i {color:  @color_i;}
    .j {color:  @color_j;}
    .k {color:  @color_k;}
    .l {color:  @color_l;}
    .m {color:  @color_m;}
    .n {color:  @color_n;}
    .o {color:  @color_o;}
    .p {color:  @color_p;}
    .q {color:  @color_q;}
    .r {color:  @color_r;}
    .s {color:  @color_s;}
    .t {color:  @color_t;}
    .u {color:  @color_t;}
    .v {color:  @color_t;}
    .w {color:  @color_t;}
    .x {color:  @color_t;}
    .y {color:  @color_t;}
    .z {color:  @color_z;}
    .zz {color:  @color_zz;}

    .hover {
        .a {color: @color_a_hover;}
        .b {color: @color_b_hover;}
        .c {color: @color_c_hover;}
        .d {color: @color_d_hover;}
        .e {color: @color_e_hover;}
        .f {color: @color_f_hover;}
        .g {color: @color_g_hover;}
        .h {color: @color_h_hover;}
        .i {color: @color_i_hover;}
        .j {color: @color_j_hover;}
        .k {color: @color_k_hover;}
        .l {color: @color_l_hover;}
        .m {color: @color_m_hover;}
        .n {color: @color_n_hover;}
        .o {color: @color_o_hover;}
        .p {color: @color_p_hover;}
        .q {color: @color_q_hover;}
        .r {color: @color_r_hover;}
        .s {color: @color_s_hover;}
        .t {color: @color_t_hover;}
        .u {color: @color_u_hover;}
        .v {color: @color_v_hover;}
        .w {color: @color_w_hover;}
        .x {color: @color_x_hover;}
        .y {color: @color_y_hover;}
        .z {color: @color_z_hover;}
        .zz {color: @color_zz_hover;}
    }
}

.font-type {
    ._1 {
        font-family: @font-opensans-regular;
        font-size: 14px;
    }
    ._2 {
        font-family: @font-opensans-regular;
        font-size: 20px;
    }
    ._3 {
        font-family: @font-opensans-regular;
        font-size: 12px;
    }
    ._4 {
        font-family: @font-opensans-regular;
        font-size: 16px;
    }
    ._5 {
        font-family: @font-opensans-medium;
        font-size: 30px;
    }
    ._6 {
        font-family: @font-opensans-medium;
        font-size: 16px;
    }
    ._7 {
        font-family: @font-opensans-medium;
        font-size: 14px;
    }
    ._8 {
        font-family: @font-opensans-regular;
        font-size: 11px;
    }
    ._9 {
        font-family: @font-opensans-regular;
        font-size: 13px;
    }
    ._10 {
        font-family: @font-opensans-regular;
        font-size: 18px;
    }
    ._11 {
        font-family: @font-opensans-medium;
        font-size: 20px;
    }
    ._12 {
        font-family: @font-opensans-medium;
        font-size: 17px;
    }
    ._13 {
        font-family: @font-opensans-medium;
        font-size: 12px;
    }
    ._14 {
        font-family: @font-opensans-medium;
        font-size: 11px;
    }
    ._15 {
        font-family: @font-opensans-medium;
        font-size: 24px;
    }
    ._16 {
        font-family: @font-opensans-regular;
        font-size: 10px;
    }
    ._17 {
        font-family:  @font-opensans-medium;
        font-size: 15px;
    }
    ._18 {
        font-family:  @font-opensans-regular;
        font-size: 15px;
    }
    ._19 {
        font-family: @font-opensans-medium;
        font-size: 18px;
    }
}

.a_1  {.font-color > .a; .font-type > ._1;}
.a_2  {.font-color > .a; .font-type > ._2;}
.a_3  {.font-color > .a; .font-type > ._3;}
.a_4  {.font-color > .a; .font-type > ._4;}
.a_5  {.font-color > .a; .font-type > ._5;}
.a_6  {.font-color > .a; .font-type > ._6;}
.a_7  {.font-color > .a; .font-type > ._7;}
.a_8  {.font-color > .a; .font-type > ._8;}
.a_9  {.font-color > .a; .font-type > ._9;}
.a_10  {.font-color > .a; .font-type > ._10;}
.a_15 {.font-color > .a; .font-type > ._15;}

.b_1  {.font-color > .b; .font-type > ._1;}
.b_3  {.font-color > .b; .font-type > ._3;}
.b_4  {.font-color > .b; .font-type > ._4;}
.b_5  {.font-color > .b; .font-type > ._5;}
.b_6  {.font-color > .b; .font-type > ._6;}
.b_7  {.font-color > .b; .font-type > ._7;}
.b_9  {.font-color > .b; .font-type > ._9;}
.b_10  {.font-color > .b; .font-type > ._10;}
.b_11  {.font-color > .b; .font-type > ._11;}
.b_13  {.font-color > .b; .font-type > ._13;}
.b_15  {.font-color > .b; .font-type > ._15;}
.b_17  {.font-color > .b; .font-type > ._17;}
.b_19  {.font-color > .b; .font-type > ._19;}

.c_1  {.font-color > .c; .font-type > ._1;}
.c_2  {.font-color > .c; .font-type > ._2;}
.c_3  {.font-color > .c; .font-type > ._3;}
.c_4  {.font-color > .c; .font-type > ._4;}
.c_5  {.font-color > .c; .font-type > ._5;}
.c_6  {.font-color > .c; .font-type > ._6;}
.c_7  {.font-color > .c; .font-type > ._7;}
.c_8  {.font-color > .c; .font-type > ._8;}
.c_9  {.font-color > .c; .font-type > ._9;}
.c_10 {.font-color > .c; .font-type > ._10;}
.c_11 {.font-color > .c; .font-type > ._11;}
.c_15 {.font-color > .c; .font-type > ._15;}
.c_16 {.font-color > .c; .font-type > ._16;}
.c_17 {.font-color > .c; .font-type > ._17;}
.c_18 {.font-color > .c; .font-type > ._18;}

.d_1  {.font-color > .d; .font-type > ._1;}
.d_2  {.font-color > .d; .font-type > ._2;}
.d_3  {.font-color > .d; .font-type > ._3;}
.d_4  {.font-color > .d; .font-type > ._4;}
.d_5  {.font-color > .d; .font-type > ._5;}
.d_6  {.font-color > .d; .font-type > ._6;}
.d_12  {.font-color > .d; .font-type > ._12;}

.e_1  {.font-color > .e; .font-type > ._1;}
.e_2  {.font-color > .e; .font-type > ._2;}
.e_3  {.font-color > .e; .font-type > ._3;}
.e_4  {.font-color > .e; .font-type > ._4;}
.e_5  {.font-color > .e; .font-type > ._5;}
.e_6  {.font-color > .e; .font-type > ._6;}
.e_7  {.font-color > .e; .font-type > ._7;}

.f_1  {.font-color > .f; .font-type > ._1;}
.f_2  {.font-color > .f; .font-type > ._2;}

.g_1  {.font-color > .g; .font-type > ._1;}
.g_2  {.font-color > .g; .font-type > ._2;}
.g_3  {.font-color > .g; .font-type > ._3;}
.g_4  {.font-color > .g; .font-type > ._4;}
.g_5  {.font-color > .g; .font-type > ._5;}
.g_6  {.font-color > .g; .font-type > ._6;}
.g_7  {.font-color > .g; .font-type > ._7;}
.g_8  {.font-color > .g; .font-type > ._8;}
.g_9  {.font-color > .g; .font-type > ._9;}
.g_10 {.font-color > .g; .font-type > ._10;}
.g_13 {.font-color > .g; .font-type > ._13;}
.g_14 {.font-color > .g; .font-type > ._14;}

.h_1  {.font-color > .h; .font-type > ._1;}
.h_7  {.font-color > .h; .font-type > ._7;}
.h_9  {.font-color > .h; .font-type > ._9;}

.i_1  {.font-color > .i; .font-type > ._1;}
.i_6 {.font-color > .i; .font-type > ._6;}
.i_11 {.font-color > .i; .font-type > ._11;}
.i_17 {.font-color > .i; .font-type > ._17;}

.l_1  {.font-color > .l; .font-type > ._1;}
.l_9  {.font-color > .l; .font-type > ._9;}

.m_4  {.font-color > .m; .font-type > ._4;}
.m_7  {.font-color > .m; .font-type > ._7;}

.p_1  {.font-color > .p; .font-type > ._1;}
.p_3  {.font-color > .p; .font-type > ._3;}
.p_9  {.font-color > .p; .font-type > ._9;}

.q_7  {.font-color > .q; .font-type > ._7;}
.q_9  {.font-color > .q; .font-type > ._9;}
.q_11 {.font-color > .q; .font-type > ._11;}

.r_12 {.font-color > .r; .font-type > ._12;}

.t_1  {.font-color > .t; .font-type > ._1;}
.t_7  {.font-color > .t; .font-type > ._7;}
.t_15 {.font-color > .t; .font-type > ._15;}

/* Added by ikram - */
.s_1 {.font-color > .s; .font-type > ._1;}

.s_10 {
    .font-color > .s;
    .font-type > ._10;
}
.s_12 {.font-color > .s; .font-type > ._12;}

.z_9  {.font-color > .z; .font-type > ._9;}
.backgroundColor {
    .a {background-color:  @color_a;}
    .b {background-color:  @color_b;}
    .c {background-color:  @color_c;}
    .d {background-color:  @color_d;}
    .e {background-color:  @color_e;}
    .f {background-color:  @color_f;}
    .g {background-color:  @color_g;}
    .h {background-color:  @color_h;}
    .i {background-color:  @color_i;}
    .j {background-color:  @color_j;}
    .k {background-color:  @color_k;}
    .l {background-color:  @color_l;}
    .m {background-color:  @color_m;}
    .n {background-color:  @color_n;}
    .o {background-color:  @color_o;}
    .p {background-color:  @color_p;}
    .q {background-color:  @color_q;}
    .r {background-color:  @color_r;}
    .s {background-color:  @color_s;}
    .t {background-color:  @color_t;}
    .u {background-color:  @color_u;}
    .v {background-color:  @color_v;}
    .w {background-color:  @color_w;}
    .x {background-color:  @color_x;}
    .y {background-color:  @color_y;}
    .z {background-color:  @color_z;}
    .zz {background-color:  @color_zz;}

    .hover {
        .a {background-color: @color_a_hover;}
        .b {background-color: @color_b_hover;}
        .c {background-color: @color_c_hover;}
        .d {background-color: @color_d_hover;}
        .e {background-color: @color_e_hover;}
        .f {background-color: @color_f_hover;}
        .g {background-color: @color_g_hover;}
        .h {background-color: @color_h_hover;}
        .i {background-color: @color_i_hover;}
        .j {background-color: @color_j_hover;}
        .k {background-color: @color_k_hover;}
        .l {background-color: @color_l_hover;}
        .m {background-color: @color_m_hover;}
        .n {background-color: @color_n_hover;}
        .o {background-color: @color_o_hover;}
        .p {background-color: @color_p_hover;}
        .q {background-color: @color_q_hover;}
        .r {background-color: @color_r_hover;}
        .s {background-color: @color_s_hover;}
        .t {background-color: @color_t_hover;}
        .u {background-color: @color_u_hover;}
        .v {background-color: @color_v_hover;}
        .w {background-color: @color_w_hover;}
        .x {background-color: @color_x_hover;}
        .y {background-color: @color_y_hover;}
        .z {background-color: @color_z_hover;}
        .zz {background-color: @color_zz_hover;}
    }
}

.bg_a {.backgroundColor > .a;}
.bg_b {.backgroundColor > .b;}
.bg_c {.backgroundColor > .c;}
.bg_d {.backgroundColor > .d;}
.bg_e {.backgroundColor > .e;}
.bg_f {.backgroundColor > .f;}
.bg_g {.backgroundColor > .g;}
.bg_h {.backgroundColor > .h;}
.bg_i {.backgroundColor > .i;}
.bg_j {.backgroundColor > .j;}
.bg_k {.backgroundColor > .k;}
.bg_l {.backgroundColor > .l;}
.bg_m {.backgroundColor > .m;}
.bg_n {.backgroundColor > .n;}
.bg_o {.backgroundColor > .o;}
.bg_p {.backgroundColor > .p;}
.bg_q {.backgroundColor > .q;}
.bg_r {.backgroundColor > .r;}
.bg_s {.backgroundColor > .s;}
.bg_t {.backgroundColor > .t;}
.bg_u {.backgroundColor > .u;}
.bg_v {.backgroundColor > .v;}
.bg_w {.backgroundColor > .w;}
.bg_x {.backgroundColor > .x;}
.bg_y {.backgroundColor > .y;}
.bg_z {.backgroundColor > .z;}
.bg_zz {.backgroundColor > .zz;}

.bg_a_hover {.backgroundColor > .hover > .a;}
.bg_b_hover {.backgroundColor > .hover > .b;}
.bg_c_hover {.backgroundColor > .hover > .c;}
.bg_d_hover {.backgroundColor > .hover > .d;}
.bg_e_hover {.backgroundColor > .hover > .e;}
.bg_f_hover {.backgroundColor > .hover > .f;}
.bg_g_hover {.backgroundColor > .hover > .g;}
.bg_h_hover {.backgroundColor > .hover > .h;}
.bg_i_hover {.backgroundColor > .hover > .i;}
.bg_j_hover {.backgroundColor > .hover > .j;}
.bg_l_hover {.backgroundColor > .hover > .l;}
.bg_m_hover {.backgroundColor > .hover > .m;}
.bg_n_hover {.backgroundColor > .hover > .n;}
.bg_o_hover {.backgroundColor > .hover > .o;}
.bg_p_hover {.backgroundColor > .hover > .p;}
.bg_q_hover {.backgroundColor > .hover > .q;}
.bg_r_hover {.backgroundColor > .hover > .r;}
.bg_s_hover {.backgroundColor > .hover > .s;}
.bg_t_hover {.backgroundColor > .hover > .t;}
.bg_u_hover {.backgroundColor > .hover > .u;}
.bg_v_hover {.backgroundColor > .hover > .v;}
.bg_w_hover {.backgroundColor > .hover > .w;}
.bg_x_hover {.backgroundColor > .hover > .x;}
.bg_y_hover {.backgroundColor > .hover > .y;}
.bg_z_hover {.backgroundColor > .hover > .z;}
.bg_zz_hover {.backgroundColor > .hover > .zz;}

.center         {margin: 0 auto;}
.vcenter        {display: table-cell;vertical-align: middle;}
.left           {float: left;}
.right          {float: right;}
.hand           {cursor: pointer;}
.default-pointer {cursor: default;}
.text-center    {text-align: center;}
.display-none   {display: none;}
.nowrap         {white-space: nowrap;}
.bold           {font-weight: bold;}
.full-height    {height: 100%;}
.uppercase      {text-transform: uppercase;}
.capitalize     {text-transform: capitalize;}
.disabled       {
    //background-color: #f2f2f2;
    //border-color: #d8d8d8;
    //background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;
    //color: @color_m;
}

.border-radius(@radius) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
}

.border-radius-top-left(@radius) {
    -webkit-border-top-left-radius: @radius;
    -moz-border-radius-topleft: @radius;
    -khtml-border-top-left-radius: @radius;
    border-top-left-radius: @radius;
}

.border-radius-top-right(@radius) {
    -webkit-border-top-right-radius: @radius;
    -moz-border-radius-topright: @radius;
    -khtml-border-top-right-radius: @radius;
    border-top-right-radius: @radius;
}

.border-radius-bottom-left(@radius) {
    -webkit-border-bottom-left-radius: @radius;
    -moz-border-radius-bottomleft: @radius;
    -khtml-border-bottom-left-radius: @radius;
    border-bottom-left-radius: @radius;
}

.border-radius-bottom-right(@radius) {
    -webkit-border-bottom-right-radius: @radius;
    -moz-border-radius-bottomright: @radius;
    -khtml-border-bottom-right-radius: @radius;
    border-bottom-right-radius: @radius;
}

.opacity(@opacity: 0.5) {
    -moz-opacity: @opacity;
    -khtml-opacity: @opacity;
    -webkit-opacity: @opacity;
    opacity: @opacity;
}

.box-shadow(@arguments) {
    -webkit-box-shadow: @arguments;
    -moz-box-shadow: @arguments;
    box-shadow: @arguments;
}

.square(@size) {
    width: @size;
    height: @size;
}

.selfClear:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.selfClear {
    display: inline-block;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
    clear: both;
}

.gradient(@d; @st; @st_o; @ec; @ec_0;){
    background: -webkit-linear-gradient(@d, @st @st_o, @ec @ec_0);
    background: -moz-linear-gradient(@d, @st @st_o, @ec @ec_0);
    background: -o-linear-gradient(@d, @st @st_o, @ec @ec_0);
    background: -ms-linear-gradient(@d, @st @st_o, @ec @ec_0);
    background: linear-gradient(@d, @st @st_o, @ec @ec_0);
}

.hyphenate {
    -ms-word-break: break-all;
    word-break: break-all;

    // Non standard for webkit
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.user-select (@val;) {
    -webkit-touch-callout: none;
    -webkit-user-select: @val;
    -khtml-user-select: @val;
    -moz-user-select: @val;
    -ms-user-select: @val;
    user-select: @val;
}

.flex-fixed (@width) {
    flex-basis: @width;
    flex-grow: 0;
    flex-shrink: 0;
}

.perfect-scrollbar {
    position: relative;
    overflow: hidden;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arrow(@size, @color){
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -@size;
    width: 0;
    height: 0;
    border-right: @size solid @color;
    border-top: @size solid transparent;
    border-bottom: @size solid transparent;
}

.circle(@size, @color){
    background-color: @color;
    .border-radius(50%);
    color: @color_c;
    content: '';
    height: @size;
    width: @size;
    text-align: center;
    display: block;
}

.sdc-ellipsis{
     text-overflow: ellipsis;
     overflow: hidden;
     display: inline-block;
     white-space: nowrap;
 }

// Works with animate.css
.animation-duration(@seconds) {
    animation-duration: @seconds; //3s
    -webkit-animation-duration: @seconds;
    -moz-animation-duration: @seconds;
}

.animation-delay(@seconds) {
    animation-delay: @seconds; //3s
    -webkit-animation-delay: @seconds;
    -moz-animation-delay: @seconds;
}

.animation-iterations(@iterations) {
    animation-iteration-count: @iterations;     // infinite;
    -webkit-animation-iteration-count: @iterations;
    -moz-animation-iteration-count: @iterations;
}