Subversion Repositories SmartDukaan

Rev

Rev 31255 | Rev 32330 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 31255 Rev 32308
Line 3... Line 3...
3
    Theme URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
3
    Theme URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
4
    Author: BootstrapMade
4
    Author: BootstrapMade
5
    Author URL: https://bootstrapmade.com
5
    Author URL: https://bootstrapmade.com
6
*/
6
*/
7
/* Import fonts */
7
/* Import fonts */
8
@import
-
 
9
	url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic)
8
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
10
	;
-
 
11
 
9
 
12
@import url(line-icons.css);
10
@import url(line-icons.css);
13
 
11
 
14
body {
12
body {
15
	color: #797979;
13
    color: #797979;
16
	background: #eeeeee;
14
    background: #eeeeee;
17
	font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
15
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
18
	padding: 0px !important;
16
    padding: 0px !important;
19
	margin: 0px !important;
17
    margin: 0px !important;
20
	font-size: 14px !important;
18
    font-size: 14px !important;
21
}
19
}
22
 
20
 
23
 
21
 
24
 
-
 
25
.wrapper {
22
.wrapper {
26
	background: #F7F7F7;
23
    background: #F7F7F7;
27
}
24
}
28
 
25
 
29
h1, h2, h3, h4, h5 {
26
h1, h2, h3, h4, h5 {
30
	font-weight: 300;
27
    font-weight: 300;
31
}
28
}
32
 
29
 
33
label {
30
label {
34
	font-weight: 300;
31
    font-weight: 300;
35
}
32
}
36
 
33
 
37
ul li {
34
ul li {
38
	list-style: none;
35
    list-style: none;
39
}
36
}
40
 
37
 
41
a, a:hover, a:focus {
38
a, a:hover, a:focus {
42
	text-decoration: none;
39
    text-decoration: none;
43
	outline: none;
40
    outline: none;
44
	outline: 0;
41
    outline: 0;
45
}
42
}
46
 
43
 
47
input:focus, textarea:focus {
44
input:focus, textarea:focus {
48
	outline: none;
45
    outline: none;
49
}
46
}
50
 
47
 
51
table tr th {
48
table tr th {
52
	color: #688a7e;
49
    color: #688a7e;
53
}
50
}
54
 
51
 
55
*:focus {
52
*:focus {
56
	outline: none;
53
    outline: none;
57
}
54
}
58
 
55
 
59
::selection {
56
::selection {
60
	background: #688a7e;
57
    background: #688a7e;
61
	color: #fff;
58
    color: #fff;
62
}
59
}
63
 
60
 
64
::-moz-selection {
61
::-moz-selection {
65
	background: #688a7e;
62
    background: #688a7e;
66
	color: #fff;
63
    color: #fff;
67
}
64
}
68
 
65
 
69
#container {
66
#container {
70
	width: 100%;
67
    width: 100%;
71
	height: 100%;
68
    height: 100%;
72
}
69
}
73
 
70
 
74
.Creative-pro, .Creative-pro h3 {
71
.Creative-pro, .Creative-pro h3 {
75
	display: block;
72
    display: block;
76
	position: fixed;
73
    position: fixed;
77
	bottom: 0;
74
    bottom: 0;
78
	z-index: 100000;
75
    z-index: 100000;
79
	width: 100%;
76
    width: 100%;
80
	overflow: hidden;
77
    overflow: hidden;
81
	height: 50px;
78
    height: 50px;
82
	margin: 0px;
79
    margin: 0px;
83
}
80
}
84
 
81
 
85
.Creative-pro h3 {
82
.Creative-pro h3 {
86
	padding-bottom: 10px;
83
    padding-bottom: 10px;
87
	padding-top: 10px;
84
    padding-top: 10px;
88
}
85
}
89
 
86
 
90
.lite {
87
.lite {
91
	color: #00a0df !important;
88
    color: #00a0df !important;
92
}
89
}
93
 
90
 
94
/*login page*/
91
/*login page*/
95
.login-body {
92
.login-body {
96
	background-color: #f1f2f7;
93
    background-color: #f1f2f7;
97
}
94
}
98
 
95
 
99
.login-img-body {
96
.login-img-body {
100
	background: url('../img/bg-1.jpg') no-repeat center center fixed;
97
    background: url('../img/bg-1.jpg') no-repeat center center fixed;
101
	-webkit-background-size: cover;
98
    -webkit-background-size: cover;
102
	-moz-background-size: cover;
99
    -moz-background-size: cover;
103
	-o-background-size: cover;
100
    -o-background-size: cover;
104
	background-size: cover;
101
    background-size: cover;
105
}
102
}
106
 
103
 
107
.login-img2-body {
104
.login-img2-body {
108
	background: url('../img/bg-1.jpg') no-repeat center center fixed;
105
    background: url('../img/bg-1.jpg') no-repeat center center fixed;
109
	-webkit-background-size: cover;
106
    -webkit-background-size: cover;
110
	-moz-background-size: cover;
107
    -moz-background-size: cover;
111
	-o-background-size: cover;
108
    -o-background-size: cover;
112
	background-size: cover;
109
    background-size: cover;
113
}
110
}
114
 
111
 
115
.login-img3-body {
112
.login-img3-body {
116
	background: url('../img/bg-1.jpg') no-repeat center center fixed;
113
    background: url('../img/bg-1.jpg') no-repeat center center fixed;
117
	-webkit-background-size: cover;
114
    -webkit-background-size: cover;
118
	-moz-background-size: cover;
115
    -moz-background-size: cover;
119
	-o-background-size: cover;
116
    -o-background-size: cover;
120
	background-size: cover;
117
    background-size: cover;
121
}
118
}
122
 
119
 
123
.login-form {
120
.login-form {
124
	max-width: 350px;
121
    max-width: 350px;
125
	margin: 200px auto 0;
122
    margin: 200px auto 0;
126
	background: #d5d7de;
123
    background: #d5d7de;
127
}
124
}
128
 
125
 
129
.login-img-body .login-form {
126
.login-img-body .login-form {
130
	max-width: 350px;
127
    max-width: 350px;
131
	margin: 200px auto 0;
128
    margin: 200px auto 0;
132
	background: rgba(213, 215, 222, 0.4);
129
    background: rgba(213, 215, 222, 0.4);
133
	border: 1px solid #B0B6BE;
130
    border: 1px solid #B0B6BE;
134
}
131
}
135
 
132
 
136
.login-img2-body .login-form {
133
.login-img2-body .login-form {
137
	border: 1px solid #B0B6BE;
134
    border: 1px solid #B0B6BE;
138
	background: rgba(213, 215, 222, 0.7);
135
    background: rgba(213, 215, 222, 0.7);
139
}
136
}
140
 
137
 
141
.login-img3-body .login-form {
138
.login-img3-body .login-form {
142
	border: 1px solid #B0B6BE;
139
    border: 1px solid #B0B6BE;
143
	background: rgba(213, 215, 222, 0.9);
140
    background: rgba(213, 215, 222, 0.9);
144
}
141
}
145
 
142
 
146
.login-form a {
143
.login-form a {
147
	color: #688a7e !important;
144
    color: #688a7e !important;
148
}
145
}
149
 
146
 
150
.login-form h2.login-form-heading {
147
.login-form h2.login-form-heading {
151
	margin: 0;
148
    margin: 0;
152
	padding: 20px 15px;
149
    padding: 20px 15px;
153
	text-align: center;
150
    text-align: center;
154
	background: #34aadc;
151
    background: #34aadc;
155
	border-radius: 5px 5px 0 0;
152
    border-radius: 5px 5px 0 0;
156
	-webkit-border-radius: 5px 5px 0 0;
153
    -webkit-border-radius: 5px 5px 0 0;
157
	color: #fff;
154
    color: #fff;
158
	font-size: 18px;
155
    font-size: 18px;
159
	text-transform: uppercase;
156
    text-transform: uppercase;
160
	font-weight: 300;
157
    font-weight: 300;
161
	font-family: 'Lato', sans-serif;
158
    font-family: 'Lato', sans-serif;
162
}
159
}
163
 
160
 
164
.login-form .checkbox {
161
.login-form .checkbox {
165
	margin-bottom: 14px;
162
    margin-bottom: 14px;
166
}
163
}
167
 
164
 
168
.login-form .checkbox {
165
.login-form .checkbox {
169
	font-weight: normal;
166
    font-weight: normal;
170
	font-weight: 300;
167
    font-weight: 300;
171
	font-family: 'Lato', sans-serif;
168
    font-family: 'Lato', sans-serif;
172
}
169
}
173
 
170
 
174
.login-form .form-control {
171
.login-form .form-control {
175
	position: relative;
172
    position: relative;
176
	font-size: 16px;
173
    font-size: 16px;
177
	height: auto;
174
    height: auto;
178
	padding: 10px;
175
    padding: 10px;
179
	-webkit-box-sizing: border-box;
176
    -webkit-box-sizing: border-box;
180
	-moz-box-sizing: border-box;
177
    -moz-box-sizing: border-box;
181
	box-sizing: border-box;
178
    box-sizing: border-box;
182
}
179
}
183
 
180
 
184
.login-form .form-control:focus {
181
.login-form .form-control:focus {
185
	z-index: 2;
182
    z-index: 2;
186
}
183
}
187
 
184
 
188
.login-form .login-img {
185
.login-form .login-img {
189
	font-size: 50px;
186
    font-size: 50px;
190
	font-weight: 300;
187
    font-weight: 300;
191
}
188
}
192
 
189
 
193
.login-form .input-group {
190
.login-form .input-group {
194
	padding-bottom: 15px;
191
    padding-bottom: 15px;
195
}
192
}
196
 
193
 
197
.login-form .input-group-addon {
194
.login-form .input-group-addon {
198
	padding: 6px 12px;
195
    padding: 6px 12px;
199
	font-size: 16px;
196
    font-size: 16px;
200
	color: #8b9199;
197
    color: #8b9199;
201
	font-weight: normal;
198
    font-weight: normal;
202
	line-height: 1;
199
    line-height: 1;
203
	text-align: center;
200
    text-align: center;
204
	background-color: #ffffff;
201
    background-color: #ffffff;
205
	border: none;
202
    border: none;
206
	border-radius: 0;
203
    border-radius: 0;
207
}
204
}
208
 
205
 
209
.login-form input[type="text"], .login-form input[type="password"] {
206
.login-form input[type="text"], .login-form input[type="password"] {
210
	border: none;
207
    border: none;
211
	box-shadow: none;
208
    box-shadow: none;
212
	font-size: 16px;
209
    font-size: 16px;
213
	border-radius: 0;
210
    border-radius: 0;
214
}
211
}
215
 
212
 
216
.login-form .btn {
213
.login-form .btn {
217
	border-radius: 0;
214
    border-radius: 0;
218
}
215
}
219
 
216
 
220
.login-form .btn-login {
217
.login-form .btn-login {
221
	background: #f67a6e;
218
    background: #f67a6e;
222
	color: #fff;
219
    color: #fff;
223
	text-transform: uppercase;
220
    text-transform: uppercase;
224
	font-weight: 300;
221
    font-weight: 300;
225
	font-family: 'Lato', sans-serif;
222
    font-family: 'Lato', sans-serif;
226
	box-shadow: 0 4px #e56b60;
223
    box-shadow: 0 4px #e56b60;
227
	margin-bottom: 20px;
224
    margin-bottom: 20px;
228
}
225
}
229
 
226
 
230
.login-form p {
227
.login-form p {
231
	text-align: center;
228
    text-align: center;
232
	color: #b6b6b6;
229
    color: #b6b6b6;
233
	font-size: 16px;
230
    font-size: 16px;
234
	font-weight: 300;
231
    font-weight: 300;
235
}
232
}
236
 
233
 
237
.login-img3-body .login-form p, .login-img2-body .login-form p {
234
.login-img3-body .login-form p, .login-img2-body .login-form p {
238
	color: #34aadc;
235
    color: #34aadc;
239
}
236
}
240
 
237
 
241
.login-form a {
238
.login-form a {
242
	color: #b6b6b6;
239
    color: #b6b6b6;
243
}
240
}
244
 
241
 
245
.login-form a:hover {
242
.login-form a:hover {
246
	color: #34aadc;
243
    color: #34aadc;
247
}
244
}
248
 
245
 
249
.form .required {
246
.form .required {
250
	font-size: 16px;
247
    font-size: 16px;
251
	color: #00a0df;
248
    color: #00a0df;
252
}
249
}
253
 
250
 
254
.login-wrap {
251
.login-wrap {
255
	padding: 20px;
252
    padding: 20px;
256
}
253
}
257
 
254
 
258
.login-social-link {
255
.login-social-link {
259
	display: inline-block;
256
    display: inline-block;
260
	margin-top: 20px;
257
    margin-top: 20px;
261
	margin-bottom: 15px;
258
    margin-bottom: 15px;
262
}
259
}
263
 
260
 
264
.login-social-link a {
261
.login-social-link a {
265
	color: #fff;
262
    color: #fff;
266
	padding: 15px 28px;
263
    padding: 15px 28px;
267
	border-radius: 4px;
264
    border-radius: 4px;
268
}
265
}
269
 
266
 
270
.login-social-link a:hover {
267
.login-social-link a:hover {
271
	color: #fff;
268
    color: #fff;
272
}
269
}
273
 
270
 
274
.login-social-link a i {
271
.login-social-link a i {
275
	font-size: 20px;
272
    font-size: 20px;
276
	padding-right: 10px;
273
    padding-right: 10px;
277
}
274
}
278
 
275
 
279
.login-social-link a.facebook {
276
.login-social-link a.facebook {
280
	background: #5193ea;
277
    background: #5193ea;
281
	margin-right: 22px;
278
    margin-right: 22px;
282
	box-shadow: 0 4px #2775e2;
279
    box-shadow: 0 4px #2775e2;
283
	float: left;
280
    float: left;
284
}
281
}
285
 
282
 
286
.login-social-link a.twitter {
283
.login-social-link a.twitter {
287
	background: #44ccfe;
284
    background: #44ccfe;
288
	box-shadow: 0 4px #2bb4e8;
285
    box-shadow: 0 4px #2bb4e8;
289
	float: left;
286
    float: left;
290
}
287
}
291
 
288
 
292
/*Modal Content*/
289
/*Modal Content*/
293
.modal-content {
290
.modal-content {
294
	border-radius: 0px;
291
    border-radius: 0px;
295
	background: rgba(255, 255, 255, 0.9);
292
    background: rgba(255, 255, 255, 0.9);
296
}
293
}
297
 
294
 
298
.modal-header .close {
295
.modal-header .close {
299
	font-weight: 300;
296
    font-weight: 300;
300
	font-size: 30px;
297
    font-size: 30px;
301
}
298
}
302
 
299
 
303
/*sidebar navigation*/
300
/*sidebar navigation*/
304
#sidebar {
301
#sidebar {
305
	width: 180px;
302
    width: 180px;
306
	height: 100%;
303
    height: 100%;
307
	position: fixed;
304
    position: fixed;
308
	background: #2A3F54;
305
    background: #2A3F54;
309
}
306
}
310
 
307
 
311
.nav-collapse.collapse {
308
.nav-collapse.collapse {
312
	display: inline;
309
    display: inline;
313
}
310
}
314
 
311
 
315
ul.sidebar-menu, ul.sidebar-menu li ul.sub {
312
ul.sidebar-menu, ul.sidebar-menu li ul.sub {
316
	margin: -2px 0 0;
313
    margin: -2px 0 0;
317
	padding: 0;
314
    padding: 0;
318
}
315
}
319
 
316
 
320
ul.sidebar-menu {
317
ul.sidebar-menu {
321
	margin-top: 60px;
318
    margin-top: 60px;
322
}
319
}
323
 
320
 
324
@media screen and (max-width: 992px) {
321
@media screen and (max-width: 992px) {
325
	ul.sidebar-menu {
322
    ul.sidebar-menu {
326
		margin-top: 120px;
323
        margin-top: 120px;
327
	}
324
    }
328
}
325
}
329
 
326
 
330
 
327
 
331
 
-
 
332
/* On screens that are 600px or less, set the background color to olive */
328
/* On screens that are 600px or less, set the background color to olive */
333
@media screen and (max-width: 600px) {
329
@media screen and (max-width: 600px) {
334
	ul.sidebar-menu {
330
    ul.sidebar-menu {
335
		margin-top: 180px;
331
        margin-top: 180px;
336
	}
332
    }
337
}
333
}
338
 
334
 
339
@media screen and (max-width: 300px) {
335
@media screen and (max-width: 300px) {
340
	ul.sidebar-menu {
336
    ul.sidebar-menu {
341
		margin-top: 180px;
337
        margin-top: 180px;
342
	}
338
    }
343
}
339
}
344
 
340
 
345
 
341
 
346
 
-
 
347
@media screen and (max-width: 1024px) {
342
@media screen and (max-width: 1024px) {
348
	ul.sidebar-menu {
343
    ul.sidebar-menu {
349
		margin-top: 180px;
344
        margin-top: 180px;
350
	}
345
    }
351
}
346
}
352
 
347
 
353
 
348
 
354
#sidebar>ul>li>ul.sub {
349
#sidebar > ul > li > ul.sub {
355
	display: none;
350
    display: none;
356
}
351
}
357
 
352
 
358
#sidebar>ul>li.active>ul.sub, #sidebar>ul>li>ul.sub>li>a {
353
#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
359
	display: block;
354
    display: block;
360
}
355
}
361
 
356
 
362
ul.sidebar-menu li ul.sub li {
357
ul.sidebar-menu li ul.sub li {
363
	background: #394a59;
358
    background: #394a59;
364
	margin-bottom: 0;
359
    margin-bottom: 0;
365
	margin-left: 0;
360
    margin-left: 0;
366
	margin-right: 0;
361
    margin-right: 0;
367
}
362
}
368
 
363
 
369
ul.sidebar-menu li ul.sub li:last-child {
364
ul.sidebar-menu li ul.sub li:last-child {
370
	border-radius: 0 0 4px 4px;
365
    border-radius: 0 0 4px 4px;
371
	-webkit-border-radius: 0 0 4px 4px;
366
    -webkit-border-radius: 0 0 4px 4px;
372
}
367
}
373
 
368
 
374
ul.sidebar-menu li ul.sub li a {
369
ul.sidebar-menu li ul.sub li a {
375
	font-size: 12px;
370
    font-size: 12px;
376
	padding: 0 0 0 32px;
371
    padding: 0 0 0 32px;
377
	line-height: 35px;
372
    line-height: 35px;
378
	height: 35px;
373
    height: 35px;
379
	-webkit-transition: all 0.3s ease;
374
    -webkit-transition: all 0.3s ease;
380
	-moz-transition: all 0.3s ease;
375
    -moz-transition: all 0.3s ease;
381
	-o-transition: all 0.3s ease;
376
    -o-transition: all 0.3s ease;
382
	-ms-transition: all 0.3s ease;
377
    -ms-transition: all 0.3s ease;
383
	transition: all 0.3s ease;
378
    transition: all 0.3s ease;
384
	color: #d0d8df;
379
    color: #d0d8df;
385
	font-size: 14px;
380
    font-size: 14px;
386
}
381
}
387
 
382
 
388
ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a
383
ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
389
	{
-
 
390
	color: #fff;
384
    color: #fff;
391
	-webkit-transition: all 0.3s ease;
385
    -webkit-transition: all 0.3s ease;
392
	-moz-transition: all 0.3s ease;
386
    -moz-transition: all 0.3s ease;
393
	-o-transition: all 0.3s ease;
387
    -o-transition: all 0.3s ease;
394
	-ms-transition: all 0.3s ease;
388
    -ms-transition: all 0.3s ease;
395
	transition: all 0.3s ease;
389
    transition: all 0.3s ease;
396
	display: block;
390
    display: block;
397
}
391
}
398
 
392
 
399
ul.sidebar-menu li {
393
ul.sidebar-menu li {
400
	line-height: 20px !important;
394
    line-height: 20px !important;
401
 
395
 
402
	/*margin-bottom: 5px;
396
    /*margin-bottom: 5px;
403
 
397
 
404
    margin-left:10px;
398
    margin-left:10px;
405
 
399
 
406
    margin-right:10px;*/
400
    margin-right:10px;*/
407
}
401
}
Line 410... Line 404...
410
 
404
 
411
    border-bottom: 1px solid #688a7e;
405
    border-bottom: 1px solid #688a7e;
412
 
406
 
413
}*/
407
}*/
414
ul.sidebar-menu li.sub-menu {
408
ul.sidebar-menu li.sub-menu {
415
	line-height: 15px;
409
    line-height: 15px;
416
	font-size: 16px;
410
    font-size: 16px;
417
}
411
}
418
 
412
 
419
ul.sidebar-menu li a span {
413
ul.sidebar-menu li a span {
420
	display: inline-block;
414
    display: inline-block;
421
}
415
}
422
 
416
 
423
ul.sidebar-menu li a {
417
ul.sidebar-menu li a {
424
	color: #d0d8df;
418
    color: #d0d8df;
425
	text-decoration: none;
419
    text-decoration: none;
426
	display: block;
420
    display: block;
427
	padding: 15px 0 15px 10px;
421
    padding: 15px 0 15px 10px;
428
	font-size: 16px;
422
    font-size: 16px;
429
	font-weight: 300;
423
    font-weight: 300;
430
	outline: none;
424
    outline: none;
431
	-webkit-transition: all 0.3s ease;
425
    -webkit-transition: all 0.3s ease;
432
	-moz-transition: all 0.3s ease;
426
    -moz-transition: all 0.3s ease;
433
	-o-transition: all 0.3s ease;
427
    -o-transition: all 0.3s ease;
434
	-ms-transition: all 0.3s ease;
428
    -ms-transition: all 0.3s ease;
435
	transition: all 0.3s ease;
429
    transition: all 0.3s ease;
436
	border-right: 1px solid #D7D7D7;
430
    border-right: 1px solid #D7D7D7;
437
	border-bottom: 1px solid #D7D7D7;
431
    border-bottom: 1px solid #D7D7D7;
438
}
432
}
439
 
433
 
440
/*ul.sidebar-menu li a i{
434
/*ul.sidebar-menu li a i{
441
 
435
 
442
    position: relative;
436
    position: relative;
443
 
437
 
444
    top: 2px;
438
    top: 2px;
445
 
439
 
446
}*/
440
}*/
447
ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus
441
ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
448
	{
-
 
449
	background: #D3181F;
442
    background: #D3181F;
450
	color: #fff;
443
    color: #fff;
451
	display: block;
444
    display: block;
452
	/*border-radius: 4px;
445
    /*border-radius: 4px;
453
 
446
 
454
    -webkit-border-radius: 4px;*/
447
    -webkit-border-radius: 4px;*/
455
	-webkit-transition: all 0.3s ease;
448
    -webkit-transition: all 0.3s ease;
456
	-moz-transition: all 0.3s ease;
449
    -moz-transition: all 0.3s ease;
457
	-o-transition: all 0.3s ease;
450
    -o-transition: all 0.3s ease;
458
	-ms-transition: all 0.3s ease;
451
    -ms-transition: all 0.3s ease;
459
	transition: all 0.3s ease;
452
    transition: all 0.3s ease;
460
}
453
}
461
 
454
 
462
ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
455
ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
463
	/*border-bottom: 1px solid #d0d8df;*/
456
    /*border-bottom: 1px solid #d0d8df;*/
464
	border-bottom: none;
457
    border-bottom: none;
465
}
458
}
466
 
459
 
467
/*ul.sidebar-menu li.active a,*/
460
/*ul.sidebar-menu li.active a,*/
468
ul.sidebar-menu .sub-menu li.active a {
461
ul.sidebar-menu .sub-menu li.active a {
469
	border-bottom: 1px solid #d0d8df;
462
    border-bottom: 1px solid #d0d8df;
470
}
463
}
471
 
464
 
472
ul.sidebar-menu li a i {
465
ul.sidebar-menu li a i {
473
	font-size: 18px;
466
    font-size: 18px;
474
	padding-right: 6px;
467
    padding-right: 6px;
475
 
468
 
476
	/*color: #688a7e;*/
469
    /*color: #688a7e;*/
477
}
470
}
478
 
471
 
479
ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
472
ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
480
	color: #fff;
473
    color: #fff;
481
}
474
}
482
 
475
 
483
ul.sidebar-menu li.active a i {
476
ul.sidebar-menu li.active a i {
484
	color: #fff;
477
    color: #fff;
485
}
478
}
486
 
479
 
487
#sidebar ul>li>a .arrow {
480
#sidebar ul > li > a .arrow {
488
	border-bottom: 4px solid transparent;
481
    border-bottom: 4px solid transparent;
489
	border-left: 4px solid #A0A0A0;
482
    border-left: 4px solid #A0A0A0;
490
	border-top: 4px solid transparent;
483
    border-top: 4px solid transparent;
491
	float: right;
484
    float: right;
492
	height: 0;
485
    height: 0;
493
	margin-right: 10px;
486
    margin-right: 10px;
494
	margin-top: 6px;
487
    margin-top: 6px;
495
	width: 0;
488
    width: 0;
496
}
489
}
497
 
490
 
498
#sidebar ul>li>a .menu-arrow {
491
#sidebar ul > li > a .menu-arrow {
499
	float: right;
492
    float: right;
500
	margin-right: 8px;
493
    margin-right: 8px;
501
	margin-top: 6px;
494
    margin-top: 6px;
502
}
495
}
503
 
496
 
504
#sidebar>ul>li>a .arrow.open {
497
#sidebar > ul > li > a .arrow.open {
505
	border-left: 4px solid transparent;
498
    border-left: 4px solid transparent;
506
	border-right: 4px solid transparent;
499
    border-right: 4px solid transparent;
507
	border-top: 5px solid #A0A0A0;
500
    border-top: 5px solid #A0A0A0;
508
	float: right;
501
    float: right;
509
	height: 0;
502
    height: 0;
510
	margin-right: 10px;
503
    margin-right: 10px;
511
	margin-top: 8px;
504
    margin-top: 8px;
512
	width: 0;
505
    width: 0;
513
}
506
}
514
 
507
 
515
#sidebar ul>li.active>a .arrow, #sidebar ul>li>a:hover .arrow, #sidebar ul>li>a:focus .arrow
508
#sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow {
516
	{
-
 
517
	float: right;
509
    float: right;
518
	margin-top: 6px;
510
    margin-top: 6px;
519
	margin-right: 10px;
511
    margin-right: 10px;
520
	width: 0;
512
    width: 0;
521
	height: 0;
513
    height: 0;
522
	border-left: 4px solid #d0d8df;
514
    border-left: 4px solid #d0d8df;
523
	border-top: 4px solid transparent;
515
    border-top: 4px solid transparent;
524
	border-bottom: 4px solid transparent;
516
    border-bottom: 4px solid transparent;
525
}
517
}
526
 
518
 
527
#sidebar>ul>li.active>a .arrow.open, #sidebar>ul>li>a:hover .arrow.open,
519
#sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open,
528
	#sidebar>ul>li>a:focus .arrow.open {
520
#sidebar > ul > li > a:focus .arrow.open {
529
	float: right;
521
    float: right;
530
	margin-top: 8px;
522
    margin-top: 8px;
531
	margin-right: 10px;
523
    margin-right: 10px;
532
	width: 0;
524
    width: 0;
533
	height: 0;
525
    height: 0;
534
	border-top: 5px solid #d0d8df;
526
    border-top: 5px solid #d0d8df;
535
	border-left: 4px solid transparent;
527
    border-left: 4px solid transparent;
536
	border-right: 4px solid transparent;
528
    border-right: 4px solid transparent;
537
}
529
}
538
 
530
 
539
.mail-info, .mail-info:hover {
531
.mail-info, .mail-info:hover {
540
	margin: 3px 6px 0 0;
532
    margin: 3px 6px 0 0;
541
	font-size: 11px;
533
    font-size: 11px;
542
}
534
}
543
 
535
 
544
/*profile status bubbly*/
536
/*profile status bubbly*/
545
.online-profile li a i {
537
.online-profile li a i {
546
	position: relative;
538
    position: relative;
547
	left: -12px;
539
    left: -12px;
548
	top: -10px;
540
    top: -10px;
549
}
541
}
550
 
542
 
551
.online-profile li a span i {
543
.online-profile li a span i {
552
	position: relative;
544
    position: relative;
553
	top: 10px;
545
    top: 10px;
554
}
546
}
555
 
547
 
556
/*chat-*/
548
/*chat-*/
557
.chat-online-profile li a i {
549
.chat-online-profile li a i {
558
	position: relative;
550
    position: relative;
559
	left: -12px;
551
    left: -12px;
560
	top: -10px;
552
    top: -10px;
561
}
553
}
562
 
554
 
563
.chat-online-profile li a span i {
555
.chat-online-profile li a span i {
564
	position: relative;
556
    position: relative;
565
	top: 10px;
557
    top: 10px;
566
}
558
}
567
 
559
 
568
.chat-online-profile li a {
560
.chat-online-profile li a {
569
	border-bottom: 1px solid #D7D7D7;
561
    border-bottom: 1px solid #D7D7D7;
570
}
562
}
571
 
563
 
572
.chat-online-profile li a:hover, .chat-online-profile li a:focus,
564
.chat-online-profile li a:hover, .chat-online-profile li a:focus,
573
	.chat-online-profile li a:active {
565
.chat-online-profile li a:active {
574
	background: #eeeeee !important;
566
    background: #eeeeee !important;
575
	border-bottom: 1px solid #688a7e !important;
567
    border-bottom: 1px solid #688a7e !important;
576
}
568
}
577
 
569
 
578
.chat-online-profile li a:hover span i, .chat-online-profile li a:focus span i,
570
.chat-online-profile li a:hover span i, .chat-online-profile li a:focus span i,
579
	.chat-online-profile li a:active span i {
571
.chat-online-profile li a:active span i {
580
	color: #688a7e;
572
    color: #688a7e;
581
}
573
}
582
 
574
 
583
.right-chat-panel {
575
.right-chat-panel {
584
	max-height: 600px;
576
    max-height: 600px;
585
}
577
}
586
 
578
 
587
.compose-mail {
579
.compose-mail {
588
	width: 95%;
580
    width: 95%;
589
	font-size: 16px;
581
    font-size: 16px;
590
	border-radius: 0;
582
    border-radius: 0;
591
}
583
}
592
 
584
 
593
/*main content*/
585
/*main content*/
594
#main-content {
586
#main-content {
595
	margin-left: 180px;
587
    margin-left: 180px;
596
}
588
}
597
 
589
 
598
.header, .footer {
590
.header, .footer {
599
	min-height: 60px;
591
    min-height: 60px;
600
	padding: 0 15px;
592
    padding: 0 15px;
601
}
593
}
602
 
594
 
603
.box1 {
595
.box1 {
604
	font-size: 16px;
596
    font-size: 16px;
605
	display: inline-block;
597
    display: inline-block;
606
	width: 25%;
598
    width: 25%;
607
	padding: .25em .5em;
599
    padding: .25em .5em;
608
	margin: 20px 10px 0 0;
600
    margin: 20px 10px 0 0;
609
}
601
}
610
 
602
 
611
.header {
603
.header {
612
	position: fixed;
604
    position: fixed;
613
	left: 0;
605
    left: 0;
614
	right: 0;
606
    right: 0;
615
	z-index: 1002;
607
    z-index: 1002;
616
}
608
}
617
 
609
 
618
.white-bg {
610
.white-bg {
619
	background: rgba(255, 255, 255, 0.9);
611
    background: rgba(255, 255, 255, 0.9);
620
	border-bottom: 1px solid #f1f2f7;
612
    border-bottom: 1px solid #f1f2f7;
621
}
613
}
622
 
614
 
623
.dark-bg {
615
.dark-bg {
624
	background: rgba(54, 66, 74, 1);
616
    background: rgba(54, 66, 74, 1);
625
	border-bottom: 1px solid #f1f2f7;
617
    border-bottom: 1px solid #f1f2f7;
626
}
618
}
627
 
619
 
628
.panel-content {
620
.panel-content {
629
	padding: 10px;
621
    padding: 10px;
630
}
622
}
631
 
623
 
632
.wrapper {
624
.wrapper {
633
	display: inline-block;
625
    display: inline-block;
634
	margin-top: 60px;
626
    margin-top: 60px;
635
	padding: 15px;
627
    padding: 15px;
636
	width: 100%;
628
    width: 100%;
637
}
629
}
638
 
630
 
639
a.logo {
631
a.logo {
640
	font-size: 25px;
632
    font-size: 25px;
641
	font-weight: 400;
633
    font-weight: 400;
642
	color: #D3181F;
634
    color: #D3181F;
643
	float: left;
635
    float: left;
644
	margin-top: 15px;
636
    margin-top: 15px;
645
	text-transform: uppercase;
637
    text-transform: uppercase;
646
	letter-spacing: 1px;
638
    letter-spacing: 1px;
647
}
639
}
648
 
640
 
649
.samsung-bg {
641
.samsung-bg {
650
	background-color: "#1427a0"
642
    background-color: "#1427a0"
651
}
643
}
652
 
644
 
653
.nokia-bg {
645
.nokia-bg {
654
	background-color: "#124191"
646
    background-color: "#124191"
655
}
647
}
656
 
648
 
657
.vivo-bg {
649
.vivo-bg {
658
	background-color: "#0095da"
650
    background-color: "#0095da"
659
}
651
}
660
 
652
 
661
.oppo-bg {
653
.oppo-bg {
662
	background-color: "#00925f"
654
    background-color: "#00925f"
663
}
655
}
664
 
656
 
665
.realme-bg {
657
.realme-bg {
666
	background-color: "#ffc915"
658
    background-color: "#ffc915"
667
}
659
}
668
 
660
 
669
.xiaomi-bg {
661
.xiaomi-bg {
670
	background-color: "#ff6700"
662
    background-color: "#ff6700"
671
}
663
}
672
 
664
 
673
.apple-bg {
665
.apple-bg {
674
	background-color: "#4c4b4b"
666
    background-color: "#4c4b4b"
675
}
667
}
676
 
668
 
677
span.logo {
669
span.logo {
678
	font-size: 16px;
670
    font-size: 16px;
679
	font-weight: 300;
671
    font-weight: 300;
680
	color: #D3181F;
672
    color: #D3181F;
681
	float: left;
673
    float: left;
682
	margin-top: 15px;
674
    margin-top: 15px;
683
	text-transform: uppercase;
675
    text-transform: uppercase;
684
	letter-spacing: 1px;
676
    letter-spacing: 1px;
685
}
677
}
686
 
678
 
687
a.logo:hover, a.logo:focus {
679
a.logo:hover, a.logo:focus {
688
	text-decoration: none;
680
    text-decoration: none;
689
	outline: none;
681
    outline: none;
690
}
682
}
691
 
683
 
692
a.logo span {
684
a.logo span {
693
	color: #688a7e;
685
    color: #688a7e;
694
}
686
}
695
 
687
 
696
/*notification*/
688
/*notification*/
697
#top_menu .nav>li, ul.top-menu>li {
689
#top_menu .nav > li, ul.top-menu > li {
698
	float: left;
690
    float: left;
699
}
691
}
700
 
692
 
701
.search-row {
693
.search-row {
702
	float: left;
694
    float: left;
703
	margin-top: 15px;
695
    margin-top: 15px;
704
	margin-left: 16px;
696
    margin-left: 16px;
705
}
697
}
706
 
698
 
707
.notification-row {
699
.notification-row {
708
	float: right;
700
    float: right;
709
	margin-top: 15px;
701
    margin-top: 15px;
710
	margin-left: 65px;
702
    margin-left: 65px;
711
}
703
}
712
 
704
 
713
#task_notificatoin_bar, #mail_notificatoin_bar, #alert_notificatoin_bar,
705
#task_notificatoin_bar, #mail_notificatoin_bar, #alert_notificatoin_bar,
714
	#cart_bar, #wallet_bar {
706
#cart_bar, #wallet_bar {
715
	margin-top: 7px;
707
    margin-top: 7px;
716
}
708
}
717
 
709
 
718
ul.top-menu>li>a {
710
ul.top-menu > li > a {
719
	color: #D3181F;
711
    color: #D3181F;
720
	font-size: 18px;
712
    font-size: 18px;
721
	padding: 2px 6px;
713
    padding: 2px 6px;
722
	margin-right: 15px;
714
    margin-right: 15px;
723
}
715
}
724
 
716
 
725
ul.top-menu>li>a:hover, ul.top-menu>li>a:focus {
717
ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {
726
	background: transparent !important;
718
    background: transparent !important;
727
	color: #D7D7D7 !important;
719
    color: #D7D7D7 !important;
728
}
720
}
729
 
721
 
730
.notification-row .badge {
722
.notification-row .badge {
731
	position: absolute;
723
    position: absolute;
732
	right: -4px;
724
    right: -4px;
733
	top: 0px;
725
    top: 0px;
734
	z-index: 100;
726
    z-index: 100;
735
	border-radius: 9px;
727
    border-radius: 9px;
736
	min-width: 18px;
728
    min-width: 18px;
737
	height: 18px;
729
    height: 18px;
738
	text-align: center;
730
    text-align: center;
739
	padding: 3px 5px;
731
    padding: 3px 5px;
740
	background: #00a0df;
732
    background: #00a0df;
741
	font-weight: 400;
733
    font-weight: 400;
742
}
734
}
743
 
735
 
744
.badge {
736
.badge {
745
	border-radius: 9px;
737
    border-radius: 9px;
746
	min-width: 18px;
738
    min-width: 18px;
747
	height: 18px;
739
    height: 18px;
748
	text-align: center;
740
    text-align: center;
749
	padding: 3px 5px;
741
    padding: 3px 5px;
750
	background: #00a0df;
742
    background: #00a0df;
751
}
743
}
752
 
744
 
753
.dropdown-menu.extended {
745
.dropdown-menu.extended {
754
	max-width: 300px !important;
746
    max-width: 300px !important;
755
	min-width: 160px !important;
747
    min-width: 160px !important;
756
	top: 42px;
748
    top: 42px;
757
	width: 235px !important;
749
    width: 235px !important;
758
	padding: 0;
750
    padding: 0;
759
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
751
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
760
	border: none !important;
752
    border: none !important;
761
	border-radius: 4px;
753
    border-radius: 4px;
762
	-webkit-border-radius: 4px;
754
    -webkit-border-radius: 4px;
763
}
755
}
764
 
756
 
765
.navbar-form {
757
.navbar-form {
766
	padding: 0px;
758
    padding: 0px;
767
	margin: 0 0 0 10px;
759
    margin: 0 0 0 10px;
768
}
760
}
769
 
761
 
770
.navbar-form .form-control {
762
.navbar-form .form-control {
771
	width: 200px;
763
    width: 200px;
772
	height: 30px;
764
    height: 30px;
773
	background: white url('../images/icons/search-line-icon.png') no-repeat
765
    background: white url('../images/icons/search-line-icon.png') no-repeat 3px;
774
		3px;
-
 
775
	padding-left: 24px;
766
    padding-left: 24px;
776
	margin-top: 1px;
767
    margin-top: 1px;
777
}
768
}
778
 
769
 
779
@media screen and (-webkit-min-device-pixel-ratio:0) {
770
@media screen and (-webkit-min-device-pixel-ratio: 0) {
780
	/* Safari and Chrome */
771
    /* Safari and Chrome */
781
	.dropdown-menu.extended {
772
    .dropdown-menu.extended {
782
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
773
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
-
 
774
    }
783
	}
775
 
784
	;
776
;
785
}
777
}
786
 
778
 
787
/* bootstrape editor*/
779
/* bootstrape editor*/
788
#editor {
780
#editor {
789
	max-height: 250px;
781
    max-height: 250px;
790
	height: 250px;
782
    height: 250px;
791
	background-color: white;
783
    background-color: white;
792
	border-collapse: separate;
784
    border-collapse: separate;
793
	border: 1px solid rgb(204, 204, 204);
785
    border: 1px solid rgb(204, 204, 204);
794
	padding: 4px;
786
    padding: 4px;
795
	box-sizing: content-box;
787
    box-sizing: content-box;
796
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
788
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
797
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
789
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
798
	border-top-right-radius: 3px;
790
    border-top-right-radius: 3px;
799
	border-bottom-right-radius: 3px;
791
    border-bottom-right-radius: 3px;
800
	border-bottom-left-radius: 3px;
792
    border-bottom-left-radius: 3px;
801
	border-top-left-radius: 3px;
793
    border-top-left-radius: 3px;
802
	overflow: scroll;
794
    overflow: scroll;
803
	outline: none;
795
    outline: none;
804
}
796
}
805
 
797
 
806
#voiceBtn {
798
#voiceBtn {
807
	width: 20px;
799
    width: 20px;
808
	color: transparent;
800
    color: transparent;
809
	background-color: transparent;
801
    background-color: transparent;
810
	transform: scale(2.0, 2.0);
802
    transform: scale(2.0, 2.0);
811
	-webkit-transform: scale(2.0, 2.0);
803
    -webkit-transform: scale(2.0, 2.0);
812
	-moz-transform: scale(2.0, 2.0);
804
    -moz-transform: scale(2.0, 2.0);
813
	border: transparent;
805
    border: transparent;
814
	cursor: pointer;
806
    cursor: pointer;
815
	box-shadow: none;
807
    box-shadow: none;
816
	-webkit-box-shadow: none;
808
    -webkit-box-shadow: none;
817
}
809
}
818
 
810
 
819
div[data-role="editor-toolbar"] {
811
div[data-role="editor-toolbar"] {
820
	-webkit-user-select: none;
812
    -webkit-user-select: none;
821
	-moz-user-select: none;
813
    -moz-user-select: none;
822
	-ms-user-select: none;
814
    -ms-user-select: none;
823
	user-select: none;
815
    user-select: none;
824
}
816
}
825
 
817
 
826
.dropdown-menu.extended li p {
818
.dropdown-menu.extended li p {
827
	background-color: #F1F2F7;
819
    background-color: #F1F2F7;
828
	color: #666666;
820
    color: #666666;
829
	margin: 0;
821
    margin: 0;
830
	padding: 10px;
822
    padding: 10px;
831
}
823
}
832
 
824
 
833
.dropdown-menu.extended li p.green {
825
.dropdown-menu.extended li p.green {
834
	background-color: #4cd964;
826
    background-color: #4cd964;
835
	color: #fff;
827
    color: #fff;
836
}
828
}
837
 
829
 
838
.dropdown-menu.extended li p.red {
830
.dropdown-menu.extended li p.red {
839
	background-color: #00a0df;
831
    background-color: #00a0df;
840
	color: #fff;
832
    color: #fff;
841
}
833
}
842
 
834
 
843
.dropdown-menu.extended li p.blue {
835
.dropdown-menu.extended li p.blue {
844
	background-color: #D3181F;
836
    background-color: #D3181F;
845
	color: #fff;
837
    color: #fff;
846
}
838
}
847
 
839
 
848
.dropdown-menu.extended li p.yellow {
840
.dropdown-menu.extended li p.yellow {
849
	background-color: #fcb322;
841
    background-color: #fcb322;
850
	color: #fff;
842
    color: #fff;
851
}
843
}
852
 
844
 
853
.dropdown-menu.extended li a {
845
.dropdown-menu.extended li a {
854
	border-bottom: 1px solid #EBEBEB !important;
846
    border-bottom: 1px solid #EBEBEB !important;
855
	font-size: 12px;
847
    font-size: 12px;
856
	list-style: none;
848
    list-style: none;
857
}
849
}
858
 
850
 
859
.dropdown-menu.extended li a {
851
.dropdown-menu.extended li a {
860
	padding: 15px 10px !important;
852
    padding: 15px 10px !important;
861
	width: 100%;
853
    width: 100%;
862
	display: inline-block;
854
    display: inline-block;
863
}
855
}
864
 
856
 
865
.dropdown-menu.extended li a:hover {
857
.dropdown-menu.extended li a:hover {
866
	background-color: #F7F8F9 !important;
858
    background-color: #F7F8F9 !important;
867
	color: #2E2E2E;
859
    color: #2E2E2E;
868
	border-bottom: 1px solid #688a7e !important;
860
    border-bottom: 1px solid #688a7e !important;
869
}
861
}
870
 
862
 
871
.dropdown-menu.tasks-bar .task-info .desc {
863
.dropdown-menu.tasks-bar .task-info .desc {
872
	font-size: 13px;
864
    font-size: 13px;
873
	font-weight: normal;
865
    font-weight: normal;
874
}
866
}
875
 
867
 
876
.dropdown-menu.tasks-bar .task-info .percent {
868
.dropdown-menu.tasks-bar .task-info .percent {
877
	display: inline-block;
869
    display: inline-block;
878
	float: right;
870
    float: right;
879
	font-size: 13px;
871
    font-size: 13px;
880
	font-weight: 600;
872
    font-weight: 600;
881
	padding-left: 10px;
873
    padding-left: 10px;
882
	margin-top: -4px;
874
    margin-top: -4px;
883
}
875
}
884
 
876
 
885
.dropdown-menu.extended .progress {
877
.dropdown-menu.extended .progress {
886
	margin-bottom: 0 !important;
878
    margin-bottom: 0 !important;
887
	height: 10px;
879
    height: 10px;
888
}
880
}
889
 
881
 
890
.dropdown-menu.inbox li a .photo img {
882
.dropdown-menu.inbox li a .photo img {
891
	border-radius: 2px 2px 2px 2px;
883
    border-radius: 2px 2px 2px 2px;
892
	float: left;
884
    float: left;
893
	height: 40px;
885
    height: 40px;
894
	margin-right: 4px;
886
    margin-right: 4px;
895
	width: 40px;
887
    width: 40px;
896
}
888
}
897
 
889
 
898
.dropdown-menu.inbox li a .subject {
890
.dropdown-menu.inbox li a .subject {
899
	display: block;
891
    display: block;
900
}
892
}
901
 
893
 
902
.dropdown-menu.inbox li a .subject .from {
894
.dropdown-menu.inbox li a .subject .from {
903
	font-size: 12px;
895
    font-size: 12px;
904
	font-weight: 600;
896
    font-weight: 600;
905
}
897
}
906
 
898
 
907
.dropdown-menu.inbox li a .subject .time {
899
.dropdown-menu.inbox li a .subject .time {
908
	font-size: 11px;
900
    font-size: 11px;
909
	font-style: italic;
901
    font-style: italic;
910
	font-weight: bold;
902
    font-weight: bold;
911
	position: absolute;
903
    position: absolute;
912
	right: 5px;
904
    right: 5px;
913
}
905
}
914
 
906
 
915
.dropdown-menu.inbox li a .message {
907
.dropdown-menu.inbox li a .message {
916
	display: block !important;
908
    display: block !important;
917
	font-size: 11px;
909
    font-size: 11px;
918
}
910
}
919
 
911
 
920
.top-nav {
912
.top-nav {
921
	margin-top: 7px;
913
    margin-top: 7px;
922
}
914
}
923
 
915
 
924
.top-nav ul.top-menu>li .dropdown-menu.logout {
916
.top-nav ul.top-menu > li .dropdown-menu.logout {
925
	width: 200px !important;
917
    width: 200px !important;
926
}
918
}
927
 
919
 
928
.top-nav li.dropdown .dropdown-menu {
920
.top-nav li.dropdown .dropdown-menu {
929
	float: right;
921
    float: right;
930
	right: 0;
922
    right: 0;
931
	left: auto;
923
    left: auto;
932
}
924
}
933
 
925
 
934
.dropdown-menu.extended.logout>li {
926
.dropdown-menu.extended.logout > li {
935
	float: left;
927
    float: left;
936
	text-align: left;
928
    text-align: left;
937
	width: 100%;
929
    width: 100%;
938
}
930
}
939
 
931
 
940
.dropdown-menu.extended.logout>li.eborder-top {
932
.dropdown-menu.extended.logout > li.eborder-top {
941
	border-top: 2px solid #688a7e !important;
933
    border-top: 2px solid #688a7e !important;
942
}
934
}
943
 
935
 
944
.dropdown-menu.extended.logout>li:last-child {
936
.dropdown-menu.extended.logout > li:last-child {
945
	float: left;
937
    float: left;
946
	text-align: left;
938
    text-align: left;
947
	width: 100%;
939
    width: 100%;
948
	background: #688a7e;
940
    background: #688a7e;
949
}
941
}
950
 
942
 
951
.dropdown-menu.extended.logout>li:last-child>a, .dropdown-menu.extended.logout>li:last-child>a:hover
943
.dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover {
952
	{
-
 
953
	color: #fff;
944
    color: #fff;
954
	border-bottom: none !important;
945
    border-bottom: none !important;
955
	text-transform: uppercase;
946
    text-transform: uppercase;
956
	background-color: #D3181F !important;
947
    background-color: #D3181F !important;
957
}
948
}
958
 
949
 
959
.dropdown-menu.extended.logout>li:last-child>a:hover>i {
950
.dropdown-menu.extended.logout > li:last-child > a:hover > i {
960
	color: #fff;
951
    color: #fff;
961
}
952
}
962
 
953
 
963
.dropdown-menu>li>a {
954
.dropdown-menu > li > a {
964
	color: #797979;
955
    color: #797979;
965
}
956
}
966
 
957
 
967
.dropdown-menu.extended.logout>li>a {
958
.dropdown-menu.extended.logout > li > a {
968
	border-bottom: 1px solid #EBEBEB !important;
959
    border-bottom: 1px solid #EBEBEB !important;
969
	font-size: 14px;
960
    font-size: 14px;
970
	list-style: none;
961
    list-style: none;
971
	padding: 15px 10px !important;
962
    padding: 15px 10px !important;
972
	width: 100%;
963
    width: 100%;
973
	display: inline-block;
964
    display: inline-block;
974
}
965
}
975
 
966
 
976
.dropdown-menu.extended.logout>li>a:hover {
967
.dropdown-menu.extended.logout > li > a:hover {
977
	background-color: #F7F8F9 !important;
968
    background-color: #F7F8F9 !important;
978
	color: #2E2E2E;
969
    color: #2E2E2E;
979
	border-bottom: 1px solid #688a7e !important;
970
    border-bottom: 1px solid #688a7e !important;
980
}
971
}
981
 
972
 
982
.dropdown-menu.extended.logout>li>a:hover i {
973
.dropdown-menu.extended.logout > li > a:hover i {
983
	color: #688a7e;
974
    color: #688a7e;
984
}
975
}
985
 
976
 
986
.dropdown-menu.extended.logout>li>a i {
977
.dropdown-menu.extended.logout > li > a i {
987
	font-size: 17px;
978
    font-size: 17px;
988
}
979
}
989
 
980
 
990
.dropdown-menu.extended.logout>li>a>i {
981
.dropdown-menu.extended.logout > li > a > i {
991
	display: inline-block;
982
    display: inline-block;
992
	padding-right: 10px
983
    padding-right: 10px
993
}
984
}
994
 
985
 
995
.top-nav .username {
986
.top-nav .username {
996
	font-size: 13px;
987
    font-size: 13px;
997
	color: #d43d31;
988
    color: #d43d31;
998
}
989
}
999
 
990
 
1000
.top-nav ul.top-menu>li>a {
991
.top-nav ul.top-menu > li > a {
1001
	padding: 8px;
992
    padding: 8px;
1002
	background: none;
993
    background: none;
1003
	margin-right: 0;
994
    margin-right: 0;
1004
}
995
}
1005
 
996
 
1006
.top-nav ul.top-menu>li {
997
.top-nav ul.top-menu > li {
1007
	margin-left: 10px;
998
    margin-left: 10px;
1008
}
999
}
1009
 
1000
 
1010
.top-nav ul.top-menu>li>a:hover, .top-nav ul.top-menu>li>a:focus {
1001
.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus {
1011
	background: #F1F2F7;
1002
    background: #F1F2F7;
1012
}
1003
}
1013
 
1004
 
1014
.top-nav .dropdown-menu.extended.logout {
1005
.top-nav .dropdown-menu.extended.logout {
1015
	top: 50px;
1006
    top: 50px;
1016
}
1007
}
1017
 
1008
 
1018
.top-nav .nav .caret {
1009
.top-nav .nav .caret {
1019
	border-bottom-color: #A4AABA;
1010
    border-bottom-color: #A4AABA;
1020
	border-top-color: #A4AABA;
1011
    border-top-color: #A4AABA;
1021
}
1012
}
1022
 
1013
 
1023
.top-nav ul.top-menu>li>a:hover .caret {
1014
.top-nav ul.top-menu > li > a:hover .caret {
1024
	border-bottom-color: #7498f1;
1015
    border-bottom-color: #7498f1;
1025
	border-top-color: #7498f1;
1016
    border-top-color: #7498f1;
1026
}
1017
}
1027
 
1018
 
1028
.log-arrow-up {
1019
.log-arrow-up {
1029
	background: url("../images/arrow-up.png") no-repeat;
1020
    background: url("../images/arrow-up.png") no-repeat;
1030
	width: 20px;
1021
    width: 20px;
1031
	height: 11px;
1022
    height: 11px;
1032
	position: absolute;
1023
    position: absolute;
1033
	right: 20px;
1024
    right: 20px;
1034
	top: -10px;
1025
    top: -10px;
1035
}
1026
}
1036
 
1027
 
1037
/*----*/
1028
/*----*/
1038
.page-header {
1029
.page-header {
1039
	margin: 12px 0 20px;
1030
    margin: 12px 0 20px;
1040
	border-bottom: none;
1031
    border-bottom: none;
1041
	opacity: 0.7;
1032
    opacity: 0.7;
1042
	text-transform: uppercase;
1033
    text-transform: uppercase;
1043
}
1034
}
1044
 
1035
 
1045
.page-header i {
1036
.page-header i {
1046
	color: #acb1b8;
1037
    color: #acb1b8;
1047
	margin-right: 10px;
1038
    margin-right: 10px;
1048
	float: left;
1039
    float: left;
1049
	font-size: 30px;
1040
    font-size: 30px;
1050
	line-height: 22px;
1041
    line-height: 22px;
1051
	opacity: 0.8;
1042
    opacity: 0.8;
1052
}
1043
}
1053
 
1044
 
1054
.breadcrumb {
1045
.breadcrumb {
1055
	-webkit-border-radius: 0px;
1046
    -webkit-border-radius: 0px;
1056
	-moz-border-radius: 0px;
1047
    -moz-border-radius: 0px;
1057
	border-radius: 0px;
1048
    border-radius: 0px;
1058
	height: 34px;
1049
    height: 34px;
1059
	position: relative;
1050
    position: relative;
1060
	margin: 0 0 19px 0;
1051
    margin: 0 0 19px 0;
1061
	overflow: hidden;
1052
    overflow: hidden;
1062
}
1053
}
1063
 
1054
 
1064
.breadcrumb li {
1055
.breadcrumb li {
1065
	position: relative;
1056
    position: relative;
1066
	margin-right: 0;
1057
    margin-right: 0;
1067
}
1058
}
1068
 
1059
 
1069
.breadcrumb li i {
1060
.breadcrumb li i {
1070
	Font-size: 15px;
1061
    Font-size: 15px;
1071
	margin-right: 5px;
1062
    margin-right: 5px;
1072
}
1063
}
1073
 
1064
 
1074
.breadcrumb>.active {
1065
.breadcrumb > .active {
1075
	color: #d4d4d4;
1066
    color: #d4d4d4;
1076
}
1067
}
1077
 
1068
 
1078
/* .info-box
1069
/* .info-box
1079
 
1070
 
1080
=================================================================== */
1071
=================================================================== */
1081
.info-box {
1072
.info-box {
1082
	min-height: 120px;
1073
    min-height: 120px;
1083
	margin-bottom: 25px;
1074
    margin-bottom: 25px;
1084
	padding: 16px 0px 0px 8px;
1075
    padding: 16px 0px 0px 8px;
1085
	color: white;
1076
    color: white;
1086
	-webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px
1077
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
1087
		1px -1px rgba(0, 0, 0, 0.1);
-
 
1088
	-moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px
1078
    -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
1089
		-1px rgba(0, 0, 0, 0.1);
-
 
1090
	box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px
1079
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
1091
		rgba(0, 0, 0, 0.1);
-
 
1092
}
1080
}
1093
 
1081
 
1094
.info-box i {
1082
.info-box i {
1095
	display: block;
1083
    display: block;
1096
	margin-top: 15px;
1084
    margin-top: 15px;
1097
	height: 75px;
1085
    height: 75px;
1098
	font-size: 50px;
1086
    font-size: 50px;
1099
	line-height: 75px;
1087
    line-height: 75px;
1100
	width: 75px;
1088
    width: 75px;
1101
	float: left;
1089
    float: left;
1102
	text-align: center;
1090
    text-align: center;
1103
	padding-right: 10px;
1091
    padding-right: 10px;
1104
	color: rgba(255, 255, 255, 0.75);
1092
    color: rgba(255, 255, 255, 0.75);
1105
}
1093
}
1106
 
1094
 
1107
.info-box .count {
1095
.info-box .count {
1108
	margin-top: 20px;
1096
    margin-top: 20px;
1109
	font-size: 20px;
1097
    font-size: 20px;
1110
	font-weight: 700;
1098
    font-weight: 700;
1111
}
1099
}
1112
 
1100
 
1113
.info-box .title {
1101
.info-box .title {
1114
	font-size: 12px;
1102
    font-size: 12px;
1115
	text-transform: uppercase;
1103
    text-transform: uppercase;
1116
	font-weight: 600;
1104
    font-weight: 600;
1117
}
1105
}
1118
 
1106
 
1119
.info-box .desc {
1107
.info-box .desc {
1120
	margin-top: 10px;
1108
    margin-top: 10px;
1121
	font-size: 12px;
1109
    font-size: 12px;
1122
}
1110
}
1123
 
1111
 
1124
.info-box.danger {
1112
.info-box.danger {
1125
	background: #ff5454;
1113
    background: #ff5454;
1126
	border: 1px solid #ff2121;
1114
    border: 1px solid #ff2121;
1127
}
1115
}
1128
 
1116
 
1129
.info-box.warning {
1117
.info-box.warning {
1130
	background: #fabb3d;
1118
    background: #fabb3d;
1131
	border: 1px solid #f9aa0b;
1119
    border: 1px solid #f9aa0b;
1132
}
1120
}
1133
 
1121
 
1134
.info-box.primary {
1122
.info-box.primary {
1135
	background: #20a8d8;
1123
    background: #20a8d8;
1136
	border: 1px solid #1985ac;
1124
    border: 1px solid #1985ac;
1137
}
1125
}
1138
 
1126
 
1139
.info-box.info {
1127
.info-box.info {
1140
	background: #67c2ef;
1128
    background: #67c2ef;
1141
	border: 1px solid #39afea;
1129
    border: 1px solid #39afea;
1142
}
1130
}
1143
 
1131
 
1144
.info-box.success {
1132
.info-box.success {
1145
	background: #79c447;
1133
    background: #79c447;
1146
	border: 1px solid #61a434;
1134
    border: 1px solid #61a434;
1147
}
1135
}
1148
 
1136
 
1149
/*----------------	color------------------------*/
1137
/*----------------	color------------------------*/
1150
.dark-heading-bg {
1138
.dark-heading-bg {
1151
	background: #4c4f53;
1139
    background: #4c4f53;
1152
	border: 1px solid #4c4f53;
1140
    border: 1px solid #4c4f53;
1153
}
1141
}
1154
 
1142
 
1155
.main-bg {
1143
.main-bg {
1156
	background: #e6e8ea;
1144
    background: #e6e8ea;
1157
}
1145
}
1158
 
1146
 
1159
.white-bg {
1147
.white-bg {
1160
	color: #768399;
1148
    color: #768399;
1161
	background: #fff;
1149
    background: #fff;
1162
	background-color: #fff;
1150
    background-color: #fff;
1163
}
1151
}
1164
 
1152
 
1165
.red-bg {
1153
.red-bg {
1166
	color: #fff;
1154
    color: #fff;
1167
	background: #d95043;
1155
    background: #d95043;
1168
	background-color: #d95043;
1156
    background-color: #d95043;
1169
}
1157
}
1170
 
1158
 
1171
.blue-bg {
1159
.blue-bg {
1172
	color: #fff;
1160
    color: #fff;
1173
	background: #57889c;
1161
    background: #57889c;
1174
	background-color: #57889c;
1162
    background-color: #57889c;
1175
}
1163
}
1176
 
1164
 
1177
.green-bg {
1165
.green-bg {
1178
	color: #fff;
1166
    color: #fff;
1179
	background: #26c281;
1167
    background: #26c281;
1180
	background-color: #26c281;
1168
    background-color: #26c281;
1181
}
1169
}
1182
 
1170
 
1183
.greenLight-bg {
1171
.greenLight-bg {
1184
	color: #71843f;
1172
    color: #71843f;
1185
	background: #71843f;
1173
    background: #71843f;
1186
	background-color: #71843f;
1174
    background-color: #71843f;
1187
}
1175
}
1188
 
1176
 
1189
.yellow-bg {
1177
.yellow-bg {
1190
	color: #fff;
1178
    color: #fff;
1191
	background: #fc6;
1179
    background: #fc6;
1192
	background-color: #fc6;
1180
    background-color: #fc6;
1193
}
1181
}
1194
 
1182
 
1195
.orange-bg {
1183
.orange-bg {
1196
	color: #fff;
1184
    color: #fff;
1197
	background: #f4b162;
1185
    background: #f4b162;
1198
	background-color: #f4b162;
1186
    background-color: #f4b162;
1199
}
1187
}
1200
 
1188
 
1201
.purple-bg {
1189
.purple-bg {
1202
	color: #fff;
1190
    color: #fff;
1203
	background: #af91e1;
1191
    background: #af91e1;
1204
	background-color: #af91e1;
1192
    background-color: #af91e1;
1205
}
1193
}
1206
 
1194
 
1207
.pink-bg {
1195
.pink-bg {
1208
	color: #fff;
1196
    color: #fff;
1209
	background: #f78db8;
1197
    background: #f78db8;
1210
	background-color: #f78db8;
1198
    background-color: #f78db8;
1211
}
1199
}
1212
 
1200
 
1213
.light-salmon-bg {
1201
.light-salmon-bg {
1214
	color: #fff;
1202
    color: #fff;
1215
	background: #4682B4;
1203
    background: #4682B4;
1216
	background-color: #4682B4;
1204
    background-color: #4682B4;
1217
}
1205
}
1218
 
1206
 
1219
.lime-bg {
1207
.lime-bg {
1220
	color: #fff;
1208
    color: #fff;
1221
	background: #a8db43;
1209
    background: #a8db43;
1222
	background-color: #a8db43;
1210
    background-color: #a8db43;
1223
}
1211
}
1224
 
1212
 
1225
.magenta-bg {
1213
.magenta-bg {
1226
	color: #fff;
1214
    color: #fff;
1227
	background: #e65097;
1215
    background: #e65097;
1228
	background-color: #e65097;
1216
    background-color: #e65097;
1229
}
1217
}
1230
 
1218
 
1231
.teal-bg {
1219
.teal-bg {
1232
	color: #fff;
1220
    color: #fff;
1233
	background: #97d3c5;
1221
    background: #97d3c5;
1234
	background-color: #97d3c5;
1222
    background-color: #97d3c5;
1235
}
1223
}
1236
 
1224
 
1237
.brown-bg {
1225
.brown-bg {
1238
	color: #fff;
1226
    color: #fff;
1239
	background: #d1b993;
1227
    background: #d1b993;
1240
	background-color: #d1b993;
1228
    background-color: #d1b993;
1241
}
1229
}
1242
 
1230
 
1243
.gray-bg {
1231
.gray-bg {
1244
	color: #768399;
1232
    color: #768399;
1245
	background: #e4e9eb;
1233
    background: #e4e9eb;
1246
	background-color: #e4e9eb;
1234
    background-color: #e4e9eb;
1247
}
1235
}
1248
 
1236
 
1249
.dark-bg {
1237
.dark-bg {
1250
	color: #fff;
1238
    color: #fff;
1251
	background: #EDEDED;
1239
    background: #EDEDED;
1252
	background-color: #EDEDED;
1240
    background-color: #EDEDED;
1253
	border-bottom: 1px solid #D9DEE4;
1241
    border-bottom: 1px solid #D9DEE4;
1254
}
1242
}
1255
 
1243
 
1256
.facebook-bg {
1244
.facebook-bg {
1257
	color: #fff;
1245
    color: #fff;
1258
	background: #3b5998;
1246
    background: #3b5998;
1259
	background-color: #3b5998;
1247
    background-color: #3b5998;
1260
}
1248
}
1261
 
1249
 
1262
.twitter-bg {
1250
.twitter-bg {
1263
	color: #fff;
1251
    color: #fff;
1264
	background: #00aced;
1252
    background: #00aced;
1265
	background-color: #00aced;
1253
    background-color: #00aced;
1266
}
1254
}
1267
 
1255
 
1268
.linkedin-bg {
1256
.linkedin-bg {
1269
	color: #fff;
1257
    color: #fff;
1270
	background: #4875b4;
1258
    background: #4875b4;
1271
	background-color: #4875b4;
1259
    background-color: #4875b4;
1272
}
1260
}
1273
 
1261
 
1274
/*----------------------	panel-----------------*/
1262
/*----------------------	panel-----------------*/
1275
.panel {
1263
.panel {
1276
	border: none;
1264
    border: none;
1277
	-webkit-border-radius: 0px;
1265
    -webkit-border-radius: 0px;
1278
	-moz-border-radius: 0px;
1266
    -moz-border-radius: 0px;
1279
	border-radius: 0px;
1267
    border-radius: 0px;
1280
	-webkit-box-shadow: none;
1268
    -webkit-box-shadow: none;
1281
	-moz-box-shadow: none;
1269
    -moz-box-shadow: none;
1282
	box-shadow: none;
1270
    box-shadow: none;
1283
	margin-bottom: 30px;
1271
    margin-bottom: 30px;
1284
}
1272
}
1285
 
1273
 
1286
.panel .panel-heading {
1274
.panel .panel-heading {
1287
	line-height: 34px;
1275
    line-height: 34px;
1288
	padding: 0 15px;
1276
    padding: 0 15px;
1289
	min-height: 34px;
1277
    min-height: 34px;
1290
	border-left: 1px solid #ccc;
1278
    border-left: 1px solid #ccc;
1291
	border-right: 1px solid #ccc;
1279
    border-right: 1px solid #ccc;
1292
	-webkit-border-radius: 0px;
1280
    -webkit-border-radius: 0px;
1293
	-moz-border-radius: 0px;
1281
    -moz-border-radius: 0px;
1294
	border-radius: 0px;
1282
    border-radius: 0px;
1295
	position: relative;
1283
    position: relative;
1296
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
1284
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
1297
	-moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
1285
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
1298
	-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
1286
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
1299
}
1287
}
1300
 
1288
 
1301
.panel .panel-heading .panel-title {
1289
.panel .panel-heading .panel-title {
1302
	line-height: 40px;
1290
    line-height: 40px;
1303
}
1291
}
1304
 
1292
 
1305
.panel .panel-heading i {
1293
.panel .panel-heading i {
1306
	width: 30px;
1294
    width: 30px;
1307
	display: inline-block;
1295
    display: inline-block;
1308
	font-size: 14px;
1296
    font-size: 14px;
1309
	border-right: 1px solid #e6e6e6;
1297
    border-right: 1px solid #e6e6e6;
1310
}
1298
}
1311
 
1299
 
1312
.panel .panel-heading ul li {
1300
.panel .panel-heading ul li {
1313
	border-top: 1px solid #e6e6e6;
1301
    border-top: 1px solid #e6e6e6;
1314
	border-left: 1px solid #e6e6e6;
1302
    border-left: 1px solid #e6e6e6;
1315
	border-right: 1px solid #e6e6e6;
1303
    border-right: 1px solid #e6e6e6;
1316
}
1304
}
1317
 
1305
 
1318
.panel .panel-heading h2 {
1306
.panel .panel-heading h2 {
1319
	height: 100%;
1307
    height: 100%;
1320
	width: auto;
1308
    width: auto;
1321
	display: inline-block;
1309
    display: inline-block;
1322
	font-size: 14px;
1310
    font-size: 14px;
1323
	position: relative;
1311
    position: relative;
1324
	margin: 0;
1312
    margin: 0;
1325
	line-height: 34px;
1313
    line-height: 34px;
1326
	font-weight: 400;
1314
    font-weight: 400;
1327
	letter-spacing: 0;
1315
    letter-spacing: 0;
1328
}
1316
}
1329
 
1317
 
1330
.panel .panel-heading .panel-actions {
1318
.panel .panel-heading .panel-actions {
1331
	float: right;
1319
    float: right;
1332
	margin-right: -15px;
1320
    margin-right: -15px;
1333
	height: 40px;
1321
    height: 40px;
1334
	font-size: 0;
1322
    font-size: 0;
1335
}
1323
}
1336
 
1324
 
1337
.panel .panel-heading .panel-actions i {
1325
.panel .panel-heading .panel-actions i {
1338
	display: inline-block;
1326
    display: inline-block;
1339
	text-align: center;
1327
    text-align: center;
1340
	width: 34px;
1328
    width: 34px;
1341
	-webkit-transition: all 0.1s ease-in-out;
1329
    -webkit-transition: all 0.1s ease-in-out;
1342
	-moz-transition: all 0.1s ease-in-out;
1330
    -moz-transition: all 0.1s ease-in-out;
1343
	-ms-transition: all 0.1s ease-in-out;
1331
    -ms-transition: all 0.1s ease-in-out;
1344
	-o-transition: all 0.1s ease-in-out;
1332
    -o-transition: all 0.1s ease-in-out;
1345
	transition: all 0.1s ease-in-out;
1333
    transition: all 0.1s ease-in-out;
1346
	text-decoration: none;
1334
    text-decoration: none;
1347
	font-size: 14px;
1335
    font-size: 14px;
1348
}
1336
}
1349
 
1337
 
1350
.panel .panel-heading .panel-actions a {
1338
.panel .panel-heading .panel-actions a {
1351
	text-decoration: none;
1339
    text-decoration: none;
1352
	font-size: 14px;
1340
    font-size: 14px;
1353
	text-align: center;
1341
    text-align: center;
1354
	display: inline-block;
1342
    display: inline-block;
1355
	line-height: 32px;
1343
    line-height: 32px;
1356
	padding: 0;
1344
    padding: 0;
1357
	margin: 0;
1345
    margin: 0;
1358
	color: #333;
1346
    color: #333;
1359
	border-left: 1px solid rgba(0, 0, 0, .09);
1347
    border-left: 1px solid rgba(0, 0, 0, .09);
1360
}
1348
}
1361
 
1349
 
1362
.panel-actions .btn-setting:hover, .panel-actions .btn-minimize:hover,
1350
.panel-actions .btn-setting:hover, .panel-actions .btn-minimize:hover,
1363
	.panel-actions .btn-close:hover {
1351
.panel-actions .btn-close:hover {
1364
	background-color: rgba(0, 0, 0, .05);
1352
    background-color: rgba(0, 0, 0, .05);
1365
}
1353
}
1366
 
1354
 
1367
.panel .panel-heading .switch {
1355
.panel .panel-heading .switch {
1368
	margin: 10px;
1356
    margin: 10px;
1369
}
1357
}
1370
 
1358
 
1371
.panel .panel-body {
1359
.panel .panel-body {
1372
	border-width: 1px 1px 2px;
1360
    border-width: 1px 1px 2px;
1373
	border-style: solid;
1361
    border-style: solid;
1374
	border-top: none;
1362
    border-top: none;
1375
	border-right-color: #ccc !important;
1363
    border-right-color: #ccc !important;
1376
	border-bottom-color: #ccc !important;
1364
    border-bottom-color: #ccc !important;
1377
	border-left-color: #ccc !important;
1365
    border-left-color: #ccc !important;
1378
}
1366
}
1379
 
1367
 
1380
.panel .panel-body-map {
1368
.panel .panel-body-map {
1381
	border-width: 1px 1px 2px;
1369
    border-width: 1px 1px 2px;
1382
	border-style: solid;
1370
    border-style: solid;
1383
	background: #eef3f7;
1371
    background: #eef3f7;
1384
	height: 380px;
1372
    height: 380px;
1385
	border-top: none;
1373
    border-top: none;
1386
	border-right-color: #ccc !important;
1374
    border-right-color: #ccc !important;
1387
	border-bottom-color: #ccc !important;
1375
    border-bottom-color: #ccc !important;
1388
	border-left-color: #ccc !important;
1376
    border-left-color: #ccc !important;
1389
}
1377
}
1390
 
1378
 
1391
.panel .panel-body.no-padding {
1379
.panel .panel-body.no-padding {
1392
	padding: 0;
1380
    padding: 0;
1393
}
1381
}
1394
 
1382
 
1395
.panel .panel-body.padding-horizontal {
1383
.panel .panel-body.padding-horizontal {
1396
	padding: 0 15px;
1384
    padding: 0 15px;
1397
}
1385
}
1398
 
1386
 
1399
.panel .panel-body.no-padding-bottom {
1387
.panel .panel-body.no-padding-bottom {
1400
	padding-bottom: 0;
1388
    padding-bottom: 0;
1401
}
1389
}
1402
 
1390
 
1403
.panel-footer {
1391
.panel-footer {
1404
	padding: 10px 15px;
1392
    padding: 10px 15px;
1405
	background-color: #f5f5f5;
1393
    background-color: #f5f5f5;
1406
	border-top: 1px solid #ddd;
1394
    border-top: 1px solid #ddd;
1407
	border-bottom-right-radius: 0;
1395
    border-bottom-right-radius: 0;
1408
	border-bottom-left-radius: 0;
1396
    border-bottom-left-radius: 0;
1409
}
1397
}
1410
 
1398
 
1411
.panel .panel-footer {
1399
.panel .panel-footer {
1412
	border-width: 0 1px 2px 1px;
1400
    border-width: 0 1px 2px 1px;
1413
	border-style: solid;
1401
    border-style: solid;
1414
	border-top: none;
1402
    border-top: none;
1415
	border-right-color: #ccc !important;
1403
    border-right-color: #ccc !important;
1416
	border-bottom-color: #ccc !important;
1404
    border-bottom-color: #ccc !important;
1417
	border-left-color: #ccc !important;
1405
    border-left-color: #ccc !important;
1418
	position: relative;
1406
    position: relative;
1419
}
1407
}
1420
 
1408
 
1421
.panel.panel-default {
1409
.panel.panel-default {
1422
	border-radius: 0px;
1410
    border-radius: 0px;
1423
	border-top: 1px solid #d4d4d4;
1411
    border-top: 1px solid #d4d4d4;
1424
	-webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
1412
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
1425
	-moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
1413
    -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
1426
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
1414
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
1427
}
1415
}
1428
 
1416
 
1429
.panel.panel-default.panel-heading {
1417
.panel.panel-default.panel-heading {
1430
	background: #97d3c5;
1418
    background: #97d3c5;
1431
}
1419
}
1432
 
1420
 
1433
.panel.panel-default .panel-footer {
1421
.panel.panel-default .panel-footer {
1434
	background: #f5f5f5;
1422
    background: #f5f5f5;
1435
}
1423
}
1436
 
1424
 
1437
.panel.panel-primary {
1425
.panel.panel-primary {
1438
	border-color: #20a8d8;
1426
    border-color: #20a8d8;
1439
}
1427
}
1440
 
1428
 
1441
.panel.panel-primary .panel-heading, .panel.panel-primary .panel-footer
1429
.panel.panel-primary .panel-heading, .panel.panel-primary .panel-footer {
1442
	{
-
 
1443
	background: #5dc3e7;
1430
    background: #5dc3e7;
1444
	color: #092f3d;
1431
    color: #092f3d;
1445
	border-color: #20a8d8;
1432
    border-color: #20a8d8;
1446
}
1433
}
1447
 
1434
 
1448
.panel.panel-success {
1435
.panel.panel-success {
1449
	border-color: #79c447;
1436
    border-color: #79c447;
1450
}
1437
}
1451
 
1438
 
1452
.panel.panel-success .panel-heading, .panel.panel-success .panel-footer
1439
.panel.panel-success .panel-heading, .panel.panel-success .panel-footer {
1453
	{
-
 
1454
	background: #a3d781;
1440
    background: #a3d781;
1455
	color: #284315;
1441
    color: #284315;
1456
	border-color: #79c447;
1442
    border-color: #79c447;
1457
}
1443
}
1458
 
1444
 
1459
.panel.panel-info {
1445
.panel.panel-info {
1460
	border-color: #67c2ef;
1446
    border-color: #67c2ef;
1461
}
1447
}
1462
 
1448
 
1463
.panel.panel-info .panel-heading, .panel.panel-info .panel-footer {
1449
.panel.panel-info .panel-heading, .panel.panel-info .panel-footer {
1464
	background: #acdef6;
1450
    background: #acdef6;
1465
	color: #106894;
1451
    color: #106894;
1466
	border-color: #67c2ef;
1452
    border-color: #67c2ef;
1467
}
1453
}
1468
 
1454
 
1469
.panel.panel-warning {
1455
.panel.panel-warning {
1470
	border-color: #fabb3d;
1456
    border-color: #fabb3d;
1471
}
1457
}
1472
 
1458
 
1473
.panel.panel-warning .panel-heading, .panel.panel-warning .panel-footer
1459
.panel.panel-warning .panel-heading, .panel.panel-warning .panel-footer {
1474
	{
-
 
1475
	background: #fcd588;
1460
    background: #fcd588;
1476
	color: #815703;
1461
    color: #815703;
1477
	border-color: #fabb3d;
1462
    border-color: #fabb3d;
1478
}
1463
}
1479
 
1464
 
1480
.panel.panel-danger {
1465
.panel.panel-danger {
1481
	border-color: #ff5454;
1466
    border-color: #ff5454;
1482
}
1467
}
1483
 
1468
 
1484
.panel.panel-danger .panel-heading, .panel.panel-danger .panel-footer {
1469
.panel.panel-danger .panel-heading, .panel.panel-danger .panel-footer {
1485
	background: #ffa1a1;
1470
    background: #ffa1a1;
1486
	color: #a10000;
1471
    color: #a10000;
1487
	border-color: #ff5454;
1472
    border-color: #ff5454;
1488
}
1473
}
1489
 
1474
 
1490
/* Chat Widget starts */
1475
/* Chat Widget starts */
1491
.chats {
1476
.chats {
1492
	list-style-type: none;
1477
    list-style-type: none;
1493
	margin: 0px;
1478
    margin: 0px;
1494
}
1479
}
1495
 
1480
 
1496
.chats li {
1481
.chats li {
1497
	margin-bottom: 8px;
1482
    margin-bottom: 8px;
1498
	padding-bottom: 8px;
1483
    padding-bottom: 8px;
1499
}
1484
}
1500
 
1485
 
1501
.chats .by-me img {
1486
.chats .by-me img {
1502
	margin-top: 5px;
1487
    margin-top: 5px;
1503
	margin-right: 10px;
1488
    margin-right: 10px;
1504
	padding: 1px;
1489
    padding: 1px;
1505
	background: #fff;
1490
    background: #fff;
1506
	border: 1px solid #ccc;
1491
    border: 1px solid #ccc;
1507
}
1492
}
1508
 
1493
 
1509
.chats .by-me .chat-meta {
1494
.chats .by-me .chat-meta {
1510
	font-size: 11px;
1495
    font-size: 11px;
1511
	color: #999;
1496
    color: #999;
1512
}
1497
}
1513
 
1498
 
1514
.chats .by-me .chat-content {
1499
.chats .by-me .chat-content {
1515
	margin-left: 60px;
1500
    margin-left: 60px;
1516
	position: relative;
1501
    position: relative;
1517
	background: #fff;
1502
    background: #fff;
1518
	border: 1px solid #ddd;
1503
    border: 1px solid #ddd;
1519
	padding: 7px 10px;
1504
    padding: 7px 10px;
1520
	border-radius: 5px;
1505
    border-radius: 5px;
1521
	font-size: 13px;
1506
    font-size: 13px;
1522
}
1507
}
1523
 
1508
 
1524
.chats .by-me .chat-content:after, .chats .by-me .chat-content:before {
1509
.chats .by-me .chat-content:after, .chats .by-me .chat-content:before {
1525
	right: 100%;
1510
    right: 100%;
1526
	border: solid transparent;
1511
    border: solid transparent;
1527
	content: " ";
1512
    content: " ";
1528
	height: 0;
1513
    height: 0;
1529
	width: 0;
1514
    width: 0;
1530
	position: absolute;
1515
    position: absolute;
1531
	pointer-events: none;
1516
    pointer-events: none;
1532
}
1517
}
1533
 
1518
 
1534
.chats .by-me .chat-content:after {
1519
.chats .by-me .chat-content:after {
1535
	border-color: rgba(255, 255, 255, 0);
1520
    border-color: rgba(255, 255, 255, 0);
1536
	border-right-color: #fff;
1521
    border-right-color: #fff;
1537
	border-width: 10px;
1522
    border-width: 10px;
1538
	top: 30%;
1523
    top: 30%;
1539
	margin-top: -10px;
1524
    margin-top: -10px;
1540
}
1525
}
1541
 
1526
 
1542
.chats .by-me .chat-content:before {
1527
.chats .by-me .chat-content:before {
1543
	border-color: rgba(238, 238, 238, 0);
1528
    border-color: rgba(238, 238, 238, 0);
1544
	border-right-color: #ccc;
1529
    border-right-color: #ccc;
1545
	border-width: 11px;
1530
    border-width: 11px;
1546
	top: 30%;
1531
    top: 30%;
1547
	margin-top: -11px;
1532
    margin-top: -11px;
1548
}
1533
}
1549
 
1534
 
1550
.chats .by-other img {
1535
.chats .by-other img {
1551
	margin-top: 5px;
1536
    margin-top: 5px;
1552
	margin-left: 10px;
1537
    margin-left: 10px;
1553
	padding: 1px;
1538
    padding: 1px;
1554
	background: #fff;
1539
    background: #fff;
1555
	border: 1px solid #ccc;
1540
    border: 1px solid #ccc;
1556
}
1541
}
1557
 
1542
 
1558
.chats .by-other .chat-meta {
1543
.chats .by-other .chat-meta {
1559
	font-size: 11px;
1544
    font-size: 11px;
1560
	color: #999;
1545
    color: #999;
1561
}
1546
}
1562
 
1547
 
1563
.chats .by-other .chat-content {
1548
.chats .by-other .chat-content {
1564
	margin-right: 60px;
1549
    margin-right: 60px;
1565
	position: relative;
1550
    position: relative;
1566
	background: #fff;
1551
    background: #fff;
1567
	border: 1px solid #ddd;
1552
    border: 1px solid #ddd;
1568
	padding: 7px 10px;
1553
    padding: 7px 10px;
1569
	border-radius: 5px;
1554
    border-radius: 5px;
1570
	font-size: 13px;
1555
    font-size: 13px;
1571
}
1556
}
1572
 
1557
 
1573
.chats .by-other .chat-content:after, .chats .by-other .chat-content:before
1558
.chats .by-other .chat-content:after, .chats .by-other .chat-content:before {
1574
	{
-
 
1575
	left: 100%;
1559
    left: 100%;
1576
	border: solid transparent;
1560
    border: solid transparent;
1577
	content: " ";
1561
    content: " ";
1578
	height: 0;
1562
    height: 0;
1579
	width: 0;
1563
    width: 0;
1580
	position: absolute;
1564
    position: absolute;
1581
	pointer-events: none;
1565
    pointer-events: none;
1582
}
1566
}
1583
 
1567
 
1584
.chats .by-other .chat-content:after {
1568
.chats .by-other .chat-content:after {
1585
	border-color: rgba(255, 255, 255, 0);
1569
    border-color: rgba(255, 255, 255, 0);
1586
	border-left-color: #fff;
1570
    border-left-color: #fff;
1587
	border-width: 10px;
1571
    border-width: 10px;
1588
	top: 30%;
1572
    top: 30%;
1589
	margin-top: -10px;
1573
    margin-top: -10px;
1590
}
1574
}
1591
 
1575
 
1592
.chats .by-other .chat-content:before {
1576
.chats .by-other .chat-content:before {
1593
	border-color: rgba(238, 238, 238, 0);
1577
    border-color: rgba(238, 238, 238, 0);
1594
	border-left-color: #ccc;
1578
    border-left-color: #ccc;
1595
	border-width: 11px;
1579
    border-width: 11px;
1596
	top: 30%;
1580
    top: 30%;
1597
	margin-top: -11px;
1581
    margin-top: -11px;
1598
}
1582
}
1599
 
1583
 
1600
/* Chat widget ends */
1584
/* Chat widget ends */
1601
.portlets {
1585
.portlets {
1602
	min-height: 50px;
1586
    min-height: 50px;
1603
}
1587
}
1604
 
1588
 
1605
.portlets .widget-head {
1589
.portlets .widget-head {
1606
	cursor: move;
1590
    cursor: move;
1607
}
1591
}
1608
 
1592
 
1609
/* Just Gage - Demo Charts
1593
/* Just Gage - Demo Charts
1610
 
1594
 
1611
=================================================================== */
1595
=================================================================== */
1612
.sz1 {
1596
.sz1 {
1613
	width: 200px;
1597
    width: 200px;
1614
	height: 160px;
1598
    height: 160px;
1615
}
1599
}
1616
 
1600
 
1617
.sz0 {
1601
.sz0 {
1618
	margin: 2em 0 0 0;
1602
    margin: 2em 0 0 0;
1619
}
1603
}
1620
 
1604
 
1621
.sz0 {
1605
.sz0 {
1622
	width: 100px;
1606
    width: 100px;
1623
	height: 80px;
1607
    height: 80px;
1624
}
1608
}
1625
 
1609
 
1626
/**
1610
/**
1627
 
1611
 
1628
 * Nestable
1612
 * Nestable
1629
 
1613
 
1630
 */
1614
 */
1631
.dd {
1615
.dd {
1632
	position: relative;
1616
    position: relative;
1633
	display: block;
1617
    display: block;
1634
	margin: 0;
1618
    margin: 0;
1635
	padding: 0;
1619
    padding: 0;
1636
	list-style: none;
1620
    list-style: none;
1637
	font-size: 13px;
1621
    font-size: 13px;
1638
	line-height: 20px;
1622
    line-height: 20px;
1639
}
1623
}
1640
 
1624
 
1641
.dd-list {
1625
.dd-list {
1642
	display: block;
1626
    display: block;
1643
	position: relative;
1627
    position: relative;
1644
	margin: 0;
1628
    margin: 0;
1645
	padding: 0;
1629
    padding: 0;
1646
	list-style: none;
1630
    list-style: none;
1647
}
1631
}
1648
 
1632
 
1649
.dd-list .dd-list {
1633
.dd-list .dd-list {
1650
	padding-left: 30px;
1634
    padding-left: 30px;
1651
}
1635
}
1652
 
1636
 
1653
.dd-collapsed .dd-list {
1637
.dd-collapsed .dd-list {
1654
	display: none;
1638
    display: none;
1655
}
1639
}
1656
 
1640
 
1657
.dd-item, .dd-empty, .dd-placeholder {
1641
.dd-item, .dd-empty, .dd-placeholder {
1658
	display: block;
1642
    display: block;
1659
	position: relative;
1643
    position: relative;
1660
	margin: 0;
1644
    margin: 0;
1661
	padding: 0;
1645
    padding: 0;
1662
	min-height: 20px;
1646
    min-height: 20px;
1663
	font-size: 13px;
1647
    font-size: 13px;
1664
	line-height: 20px;
1648
    line-height: 20px;
1665
}
1649
}
1666
 
1650
 
1667
.dd-handle {
1651
.dd-handle {
1668
	display: block;
1652
    display: block;
1669
	height: 30px;
1653
    height: 30px;
1670
	margin: 5px 0;
1654
    margin: 5px 0;
1671
	padding: 4px 10px;
1655
    padding: 4px 10px;
1672
	text-decoration: none;
1656
    text-decoration: none;
1673
	border: 1px solid #d4d4d4;
1657
    border: 1px solid #d4d4d4;
1674
	background: #eeeeee;
1658
    background: #eeeeee;
1675
	-webkit-border-radius: 1px;
1659
    -webkit-border-radius: 1px;
1676
	-moz-border-radius: 1px;
1660
    -moz-border-radius: 1px;
1677
	border-radius: 1px;
1661
    border-radius: 1px;
1678
	-webkit-box-sizing: border-box;
1662
    -webkit-box-sizing: border-box;
1679
	-moz-box-sizing: border-box;
1663
    -moz-box-sizing: border-box;
1680
	box-sizing: border-box;
1664
    box-sizing: border-box;
1681
}
1665
}
1682
 
1666
 
1683
.dd-handle:hover {
1667
.dd-handle:hover {
1684
	color: #20a8d8;
1668
    color: #20a8d8;
1685
	background: white;
1669
    background: white;
1686
}
1670
}
1687
 
1671
 
1688
.dd-handle .icon {
1672
.dd-handle .icon {
1689
	float: right;
1673
    float: right;
1690
	font-size: 16px;
1674
    font-size: 16px;
1691
	margin-left: 10px;
1675
    margin-left: 10px;
1692
}
1676
}
1693
 
1677
 
1694
.dd-handle .icon:hover {
1678
.dd-handle .icon:hover {
1695
	text-decoration: none;
1679
    text-decoration: none;
1696
}
1680
}
1697
 
1681
 
1698
.dd-item>button {
1682
.dd-item > button {
1699
	display: block;
1683
    display: block;
1700
	position: relative;
1684
    position: relative;
1701
	cursor: pointer;
1685
    cursor: pointer;
1702
	float: left;
1686
    float: left;
1703
	width: 25px;
1687
    width: 25px;
1704
	height: 20px;
1688
    height: 20px;
1705
	margin: 5px 0;
1689
    margin: 5px 0;
1706
	padding: 0;
1690
    padding: 0;
1707
	text-indent: 100%;
1691
    text-indent: 100%;
1708
	white-space: nowrap;
1692
    white-space: nowrap;
1709
	overflow: hidden;
1693
    overflow: hidden;
1710
	border: 0;
1694
    border: 0;
1711
	background: transparent;
1695
    background: transparent;
1712
	font-size: 12px;
1696
    font-size: 12px;
1713
	line-height: 1;
1697
    line-height: 1;
1714
	text-align: center;
1698
    text-align: center;
1715
	font-weight: bold;
1699
    font-weight: bold;
1716
}
-
 
1717
 
-
 
1718
.dd-item>button:before {
-
 
1719
	content: '+';
-
 
1720
	display: block;
-
 
1721
	position: absolute;
-
 
1722
	width: 100%;
-
 
1723
	text-align: center;
-
 
1724
	text-indent: 0;
-
 
1725
}
1700
}
1726
 
1701
 
-
 
1702
.dd-item > button:before {
-
 
1703
    content: '+';
-
 
1704
    display: block;
-
 
1705
    position: absolute;
-
 
1706
    width: 100%;
-
 
1707
    text-align: center;
-
 
1708
    text-indent: 0;
-
 
1709
}
-
 
1710
 
1727
.dd-item>button[data-action="collapse"]:before {
1711
.dd-item > button[data-action="collapse"]:before {
1728
	content: '-';
1712
    content: '-';
1729
}
1713
}
1730
 
1714
 
1731
.dd-placeholder, .dd-empty {
1715
.dd-placeholder, .dd-empty {
1732
	margin: 5px 0;
1716
    margin: 5px 0;
1733
	padding: 0;
1717
    padding: 0;
1734
	min-height: 30px;
1718
    min-height: 30px;
1735
	background: #f2fbff;
1719
    background: #f2fbff;
1736
	border: 1px dashed #b6bcbf;
1720
    border: 1px dashed #b6bcbf;
1737
	-webkit-box-sizing: border-box;
1721
    -webkit-box-sizing: border-box;
1738
	-moz-box-sizing: border-box;
1722
    -moz-box-sizing: border-box;
1739
	box-sizing: border-box;
1723
    box-sizing: border-box;
1740
}
1724
}
1741
 
1725
 
1742
.dd-empty {
1726
.dd-empty {
1743
	border: 1px dashed #bbb;
1727
    border: 1px dashed #bbb;
1744
	min-height: 100px;
1728
    min-height: 100px;
1745
	background-color: #e5e5e5;
1729
    background-color: #e5e5e5;
1746
	background-size: 60px 60px;
1730
    background-size: 60px 60px;
1747
	background-position: 0 0, 30px 30px;
1731
    background-position: 0 0, 30px 30px;
1748
}
1732
}
1749
 
1733
 
1750
.dd-dragel {
1734
.dd-dragel {
1751
	position: absolute;
1735
    position: absolute;
1752
	pointer-events: none;
1736
    pointer-events: none;
1753
	z-index: 9999;
1737
    z-index: 9999;
1754
}
1738
}
1755
 
1739
 
1756
.dd-dragel>.dd-item .dd-handle {
1740
.dd-dragel > .dd-item .dd-handle {
1757
	margin-top: 0;
1741
    margin-top: 0;
1758
}
1742
}
1759
 
1743
 
1760
.dd-dragel .dd-handle {
1744
.dd-dragel .dd-handle {
1761
	-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
1745
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
1762
	-moz-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
1746
    -moz-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
1763
	box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
1747
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
1764
}
1748
}
1765
 
1749
 
-
 
1750
*
-
 
1751
 
-
 
1752
/
1766
* /Widget-Content * /
1753
Widget-Content *
1767
 
1754
 
-
 
1755
/
1768
 
1756
 
1769
 
1757
 
1770
.widget-content .error .form-inline button {
1758
.widget-content .error .form-inline button {
1771
	margin-left: -2px;
1759
    margin-left: -2px;
1772
	padding: 8px 12px;
1760
    padding: 8px 12px;
1773
}
1761
}
1774
 
1762
 
1775
.chats {
1763
.chats {
1776
	padding-left: 0px;
1764
    padding-left: 0px;
1777
	margin-left: 0px;
1765
    margin-left: 0px;
1778
}
1766
}
1779
 
1767
 
1780
.recent {
1768
.recent {
1781
	padding-left: 0px;
1769
    padding-left: 0px;
1782
	margin-left: 0px;
1770
    margin-left: 0px;
1783
}
1771
}
1784
 
1772
 
1785
.widget-foot .form-inline button {
1773
.widget-foot .form-inline button {
1786
	margin-left: -3px;
1774
    margin-left: -3px;
1787
	padding: 7px 12px;
1775
    padding: 7px 12px;
1788
}
1776
}
1789
 
1777
 
1790
.widget-content .form-inline button {
1778
.widget-content .form-inline button {
1791
	margin-left: 0px;
1779
    margin-left: 0px;
1792
	padding: 7px 12px;
1780
    padding: 7px 12px;
1793
}
1781
}
1794
 
1782
 
1795
.buttons button {
1783
.buttons button {
1796
	margin-top: 10px;
1784
    margin-top: 10px;
1797
}
1785
}
1798
 
1786
 
1799
.widget-content ol#slist {
1787
.widget-content ol#slist {
1800
	padding: 0px;
1788
    padding: 0px;
1801
}
1789
}
1802
 
1790
 
1803
.widget .widget-head, .modal-header {
1791
.widget .widget-head, .modal-header {
1804
	background-color: #f8f8f8;
1792
    background-color: #f8f8f8;
1805
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8),
1793
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8),
1806
		to(#f2f2f2));
1794
    to(#f2f2f2));
1807
	background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
1795
    background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
1808
	background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
1796
    background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
1809
	background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
1797
    background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
1810
	background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
1798
    background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
1811
	background: linear-gradient(top, #f8f8f8, #f2f2f2);
1799
    background: linear-gradient(top, #f8f8f8, #f2f2f2);
1812
	border-top-right-radius: 3px;
1800
    border-top-right-radius: 3px;
1813
	border-top-left-radius: 3px;
1801
    border-top-left-radius: 3px;
1814
	text-shadow: 0px 1px #fff;
1802
    text-shadow: 0px 1px #fff;
1815
	border-bottom: 1px solid #ccc;
1803
    border-bottom: 1px solid #ccc;
1816
	border-top: 1px solid #fff;
1804
    border-top: 1px solid #fff;
1817
	color: #666;
1805
    color: #666;
1818
	font-size: 14px;
1806
    font-size: 14px;
1819
	font-weight: bold;
1807
    font-weight: bold;
1820
	padding: 8px 15px;
1808
    padding: 8px 15px;
1821
}
1809
}
1822
 
1810
 
1823
.widget.wblack .widget-head {
1811
.widget.wblack .widget-head {
1824
	background-color: #e8ece9;
1812
    background-color: #e8ece9;
1825
	background: -webkit-gradient(linear, left top, left bottom, from(#e8ece9),
1813
    background: -webkit-gradient(linear, left top, left bottom, from(#e8ece9),
1826
		to(#111));
1814
    to(#111));
1827
	background: -webkit-linear-gradient(top, #e8ece9, #111);
1815
    background: -webkit-linear-gradient(top, #e8ece9, #111);
1828
	background: -moz-linear-gradient(top, #e8ece9, #111);
1816
    background: -moz-linear-gradient(top, #e8ece9, #111);
1829
	background: -ms-linear-gradient(top, #e8ece9, #111);
1817
    background: -ms-linear-gradient(top, #e8ece9, #111);
1830
	background: -o-linear-gradient(top, #e8ece9, #111);
1818
    background: -o-linear-gradient(top, #e8ece9, #111);
1831
	background: linear-gradient(top, #e8ece9, #111);
1819
    background: linear-gradient(top, #e8ece9, #111);
1832
	text-shadow: 0px 1px #000;
1820
    text-shadow: 0px 1px #000;
1833
	border-bottom: 1px solid #555;
1821
    border-bottom: 1px solid #555;
1834
	border-top: 1px solid #666;
1822
    border-top: 1px solid #666;
1835
	box-shadow: inset 0px 1px 1px #444;
1823
    box-shadow: inset 0px 1px 1px #444;
1836
	color: #ccc;
1824
    color: #ccc;
1837
}
1825
}
1838
 
1826
 
1839
.widget .widget-head .widget-icons i {
1827
.widget .widget-head .widget-icons i {
1840
	font-size: 14px;
1828
    font-size: 14px;
1841
	margin: 0px 4px;
1829
    margin: 0px 4px;
1842
}
1830
}
1843
 
1831
 
1844
.widget .widget-head .widget-icons a {
1832
.widget .widget-head .widget-icons a {
1845
	color: #aaa;
1833
    color: #aaa;
1846
}
1834
}
1847
 
1835
 
1848
.widget .widget-head .widget-icons a:hover {
1836
.widget .widget-head .widget-icons a:hover {
1849
	color: #999;
1837
    color: #999;
1850
}
1838
}
1851
 
1839
 
1852
.widget.wblack .widget-head .widget-icons i {
1840
.widget.wblack .widget-head .widget-icons i {
1853
	font-size: 14px;
1841
    font-size: 14px;
1854
	margin: 0px 4px;
1842
    margin: 0px 4px;
1855
}
1843
}
1856
 
1844
 
1857
.widget .widget-foot, .modal-footer {
1845
.widget .widget-foot, .modal-footer {
1858
	background-color: #f8f8f8;
1846
    background-color: #f8f8f8;
1859
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8),
1847
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8),
1860
		to(#f2f2f2));
1848
    to(#f2f2f2));
1861
	background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
1849
    background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
1862
	background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
1850
    background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
1863
	background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
1851
    background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
1864
	background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
1852
    background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
1865
	background: linear-gradient(top, #f8f8f8, #f2f2f2);
1853
    background: linear-gradient(top, #f8f8f8, #f2f2f2);
1866
	border-bottom-right-radius: 3px;
1854
    border-bottom-right-radius: 3px;
1867
	border-bottom-left-radius: 3px;
1855
    border-bottom-left-radius: 3px;
1868
	text-shadow: 0px 1px #fff;
1856
    text-shadow: 0px 1px #fff;
1869
	border-bottom: 1px solid #fff;
1857
    border-bottom: 1px solid #fff;
1870
	border-top: 1px solid #ccc;
1858
    border-top: 1px solid #ccc;
1871
	padding: 8px 15px;
1859
    padding: 8px 15px;
1872
	font-size: 12px;
1860
    font-size: 12px;
1873
	color: #555;
1861
    color: #555;
1874
	box-shadow: inset 0px 1px 1px #fff;
1862
    box-shadow: inset 0px 1px 1px #fff;
1875
}
1863
}
1876
 
1864
 
1877
.widget-content .error .form-inline button {
1865
.widget-content .error .form-inline button {
1878
	margin-left: -2px;
1866
    margin-left: -2px;
1879
	padding: 8px 12px;
1867
    padding: 8px 12px;
1880
}
1868
}
1881
 
1869
 
1882
.chats {
1870
.chats {
1883
	padding-left: 0px;
1871
    padding-left: 0px;
1884
	margin-left: 0px;
1872
    margin-left: 0px;
1885
}
1873
}
1886
 
1874
 
1887
.recent {
1875
.recent {
1888
	padding-left: 0px;
1876
    padding-left: 0px;
1889
	margin-left: 0px;
1877
    margin-left: 0px;
1890
}
1878
}
1891
 
1879
 
1892
.widget-foot .form-inline button {
1880
.widget-foot .form-inline button {
1893
	margin-left: -3px;
1881
    margin-left: -3px;
1894
	padding: 7px 12px;
1882
    padding: 7px 12px;
1895
}
1883
}
1896
 
1884
 
1897
.widget-content .form-inline button {
1885
.widget-content .form-inline button {
1898
	margin-left: 0px;
1886
    margin-left: 0px;
1899
	padding: 7px 12px;
1887
    padding: 7px 12px;
1900
}
1888
}
1901
 
1889
 
1902
.widget .padd .modal-body {
1890
.widget .padd .modal-body {
1903
	padding: 13px 15px;
1891
    padding: 13px 15px;
1904
}
1892
}
1905
 
1893
 
1906
.buttons button {
1894
.buttons button {
1907
	margin-top: 10px;
1895
    margin-top: 10px;
1908
}
1896
}
1909
 
1897
 
1910
.widget-content ol#slist {
1898
.widget-content ol#slist {
1911
	padding: 0px;
1899
    padding: 0px;
1912
}
1900
}
1913
 
1901
 
1914
.task i {
1902
.task i {
1915
	display: inline-block;
1903
    display: inline-block;
1916
	width: 30px;
1904
    width: 30px;
1917
	height: 17px;
1905
    height: 17px;
1918
	background: #ccc;
1906
    background: #ccc;
1919
	text-align: center;
1907
    text-align: center;
1920
	border-radius: 50px;
1908
    border-radius: 50px;
1921
	font-size: 10px;
1909
    font-size: 10px;
1922
	line-height: 17px;
1910
    line-height: 17px;
1923
}
1911
}
1924
 
1912
 
1925
.pagination li a {
1913
.pagination li a {
1926
	color: #777;
1914
    color: #777;
1927
}
1915
}
1928
 
1916
 
1929
/* Widget white extras */
1917
/* Widget white extras */
1930
.widget .nav-tabs>li a {
1918
.widget .nav-tabs > li a {
1931
	
1919
 
1932
}
1920
}
1933
 
1921
 
1934
.widget .nav-tabs {
1922
.widget .nav-tabs {
1935
	margin-bottom: 5px;
1923
    margin-bottom: 5px;
1936
}
1924
}
1937
 
1925
 
1938
.widget .tab-content {
1926
.widget .tab-content {
1939
	margin-bottom: 10px;
1927
    margin-bottom: 10px;
1940
}
1928
}
1941
 
1929
 
1942
.widget .padd, .modal-body {
1930
.widget .padd, .modal-body {
1943
	padding: 13px 15px;
1931
    padding: 13px 15px;
1944
}
1932
}
1945
 
1933
 
1946
.portlets {
1934
.portlets {
1947
	min-height: 50px;
1935
    min-height: 50px;
1948
}
1936
}
1949
 
1937
 
1950
.portlets .widget-head {
1938
.portlets .widget-head {
1951
	cursor: move;
1939
    cursor: move;
1952
}
1940
}
1953
 
1941
 
1954
/*-----	map-----*/
1942
/*-----	map-----*/
1955
* Google maps * /
1943
* Google maps *
1956
 
1944
 
-
 
1945
/
1957
 
1946
 
1958
 
1947
 
1959
.gmap iframe {
1948
.gmap iframe {
1960
	width: 100%;
1949
    width: 100%;
1961
	margin: 0px;
1950
    margin: 0px;
1962
	padding: 0px;
1951
    padding: 0px;
1963
}
1952
}
1964
 
1953
 
1965
/* Google maps ends */
1954
/* Google maps ends */
1966
 
1955
 
1967
/* Today datas */
1956
/* Today datas */
1968
.today-datas {
1957
.today-datas {
1969
	list-style-type: none;
1958
    list-style-type: none;
1970
	padding: 0px;
1959
    padding: 0px;
1971
	margin: 10px 0px;
1960
    margin: 10px 0px;
1972
}
1961
}
1973
 
1962
 
1974
.today-datas li {
1963
.today-datas li {
1975
	display: inline-block;
1964
    display: inline-block;
1976
	margin-bottom: 5px;
1965
    margin-bottom: 5px;
1977
	margin-right: 10px;
1966
    margin-right: 10px;
1978
	padding: 10px 10px;
1967
    padding: 10px 10px;
1979
	text-shadow: 0px 1px 0px #fff;
1968
    text-shadow: 0px 1px 0px #fff;
1980
	max-width: 100%;
1969
    max-width: 100%;
1981
	text-align: center;
1970
    text-align: center;
1982
}
1971
}
1983
 
1972
 
1984
.today-datas li .datas-text {
1973
.today-datas li .datas-text {
1985
	font-size: 13px;
1974
    font-size: 13px;
1986
	padding: 7px 0px 0px 0px;
1975
    padding: 7px 0px 0px 0px;
1987
	font-weight: normal;
1976
    font-weight: normal;
1988
}
1977
}
1989
 
1978
 
1990
/*----*/
1979
/*----*/
1991
.notify-arrow {
1980
.notify-arrow {
1992
	border-style: solid;
1981
    border-style: solid;
1993
	border-width: 0 9px 9px;
1982
    border-width: 0 9px 9px;
1994
	height: 0;
1983
    height: 0;
1995
	margin-top: 0;
1984
    margin-top: 0;
1996
	opacity: 0;
1985
    opacity: 0;
1997
	position: absolute;
1986
    position: absolute;
1998
	right: 7px;
1987
    right: 7px;
1999
	top: -18px;
1988
    top: -18px;
2000
	transition: all 0.25s ease 0s;
1989
    transition: all 0.25s ease 0s;
2001
	width: 0;
1990
    width: 0;
2002
	z-index: 10;
1991
    z-index: 10;
2003
	margin-top: 10px;
1992
    margin-top: 10px;
2004
	opacity: 1;
1993
    opacity: 1;
2005
}
1994
}
2006
 
1995
 
2007
.notify-arrow-blue {
1996
.notify-arrow-blue {
2008
	border-color: transparent transparent #688a7e;
1997
    border-color: transparent transparent #688a7e;
2009
	border-bottom-color: #688a7e !important;
1998
    border-bottom-color: #688a7e !important;
2010
	border-top-color: #688a7e !important;
1999
    border-top-color: #688a7e !important;
2011
}
2000
}
2012
 
2001
 
2013
.notify-arrow-yellow {
2002
.notify-arrow-yellow {
2014
	border-color: transparent transparent #D3181F;
2003
    border-color: transparent transparent #D3181F;
2015
	border-bottom-color: #D3181F !important;
2004
    border-bottom-color: #D3181F !important;
2016
	border-top-color: #D3181F !important;
2005
    border-top-color: #D3181F !important;
2017
}
2006
}
2018
 
2007
 
2019
.notify-arrow-red {
2008
.notify-arrow-red {
2020
	border-color: transparent transparent #00a0df;
2009
    border-color: transparent transparent #00a0df;
2021
	border-bottom-color: #00a0df !important;
2010
    border-bottom-color: #00a0df !important;
2022
	border-top-color: #00a0df !important;
2011
    border-top-color: #00a0df !important;
2023
}
2012
}
2024
 
2013
 
2025
.notify-arrow-green {
2014
.notify-arrow-green {
2026
	border-color: transparent transparent #4cd964;
2015
    border-color: transparent transparent #4cd964;
2027
	border-bottom-color: #4cd964 !important;
2016
    border-bottom-color: #4cd964 !important;
2028
	border-top-color: #4cd964 !important;
2017
    border-top-color: #4cd964 !important;
2029
}
2018
}
2030
 
2019
 
2031
/*search*/
2020
/*search*/
2032
.search {
2021
.search {
2033
	margin-top: 6px;
2022
    margin-top: 6px;
2034
	width: 20px;
2023
    width: 20px;
2035
	-webkit-transition: all .3s ease;
2024
    -webkit-transition: all .3s ease;
2036
	-moz-transition: all .3s ease;
2025
    -moz-transition: all .3s ease;
2037
	-ms-transition: all .3s ease;
2026
    -ms-transition: all .3s ease;
2038
	-o-transition: all .3s ease;
2027
    -o-transition: all .3s ease;
2039
	transition: all .3s ease;
2028
    transition: all .3s ease;
2040
	border: 1px solid #fff;
2029
    border: 1px solid #fff;
2041
	box-shadow: none;
2030
    box-shadow: none;
2042
	background: url("../img/search-icon.jpg") no-repeat 10px 8px;
2031
    background: url("../img/search-icon.jpg") no-repeat 10px 8px;
2043
	padding: 0 5px 0 35px;
2032
    padding: 0 5px 0 35px;
2044
	color: #fff;
2033
    color: #fff;
2045
}
2034
}
2046
 
2035
 
2047
.search:focus {
2036
.search:focus {
2048
	margin-top: 5px;
2037
    margin-top: 5px;
2049
	width: 180px;
2038
    width: 180px;
2050
	border: 1px solid #eaeaea;
2039
    border: 1px solid #eaeaea;
2051
	box-shadow: none;
2040
    box-shadow: none;
2052
	-webkit-transition: all .3s ease;
2041
    -webkit-transition: all .3s ease;
2053
	-moz-transition: all .3s ease;
2042
    -moz-transition: all .3s ease;
2054
	-ms-transition: all .3s ease;
2043
    -ms-transition: all .3s ease;
2055
	-o-transition: all .3s ease;
2044
    -o-transition: all .3s ease;
2056
	transition: all .3s ease;
2045
    transition: all .3s ease;
2057
	color: #c8c8c8;
2046
    color: #c8c8c8;
2058
	font-weight: 300;
2047
    font-weight: 300;
2059
}
2048
}
2060
 
2049
 
2061
/*--sidebar toggle---*/
2050
/*--sidebar toggle---*/
2062
.toggle-nav {
2051
.toggle-nav {
2063
	float: left;
2052
    float: left;
2064
	padding-right: 15px;
2053
    padding-right: 15px;
2065
	margin-top: 15px;
2054
    margin-top: 15px;
2066
	color: #D3181F;
2055
    color: #D3181F;
2067
}
2056
}
2068
 
2057
 
2069
.toggle-nav .icon-reorder {
2058
.toggle-nav .icon-reorder {
2070
	cursor: pointer;
2059
    cursor: pointer;
2071
	display: inline-block;
2060
    display: inline-block;
2072
	font-size: 30px;
2061
    font-size: 30px;
2073
}
2062
}
2074
 
2063
 
2075
.sidebar-closed>#sidebar>ul {
2064
.sidebar-closed > #sidebar > ul {
2076
	display: none;
2065
    display: none;
2077
}
2066
}
2078
 
2067
 
2079
.sidebar-closed #main-content {
2068
.sidebar-closed #main-content {
2080
	margin-left: 0px;
2069
    margin-left: 0px;
2081
}
2070
}
2082
 
2071
 
2083
.sidebar-closed #sidebar {
2072
.sidebar-closed #sidebar {
2084
	margin-left: -180px;
2073
    margin-left: -180px;
2085
}
2074
}
2086
 
2075
 
2087
/*state overview*/
2076
/*state overview*/
2088
.state-overview .symbol, .state-overview .value {
2077
.state-overview .symbol, .state-overview .value {
2089
	display: inline-block;
2078
    display: inline-block;
2090
	text-align: center;
2079
    text-align: center;
2091
}
2080
}
2092
 
2081
 
2093
.state-overview .value {
2082
.state-overview .value {
2094
	float: right;
2083
    float: right;
2095
}
2084
}
2096
 
2085
 
2097
.state-overview .value h1 {
2086
.state-overview .value h1 {
2098
	margin: 0;
2087
    margin: 0;
2099
	padding: 0;
2088
    padding: 0;
2100
	color: #688a7e;
2089
    color: #688a7e;
2101
}
2090
}
2102
 
2091
 
2103
.state-overview .value p {
2092
.state-overview .value p {
2104
	margin: 0;
2093
    margin: 0;
2105
	padding: 0;
2094
    padding: 0;
2106
	color: #fed189;
2095
    color: #fed189;
2107
}
2096
}
2108
 
2097
 
2109
.state-overview .value h1 {
2098
.state-overview .value h1 {
2110
	font-weight: 300;
2099
    font-weight: 300;
2111
	font-weight: 30px;
2100
    font-weight: 30px;
2112
}
2101
}
2113
 
2102
 
2114
.state-overview .symbol i {
2103
.state-overview .symbol i {
2115
	color: #688a7e;
2104
    color: #688a7e;
2116
	font-size: 30px;
2105
    font-size: 30px;
2117
}
2106
}
2118
 
2107
 
2119
.state-overview .symbol {
2108
.state-overview .symbol {
2120
	width: 30%;
2109
    width: 30%;
2121
	padding: 25px 15px;
2110
    padding: 25px 15px;
2122
}
2111
}
2123
 
2112
 
2124
.state-overview .value {
2113
.state-overview .value {
2125
	width: 68%;
2114
    width: 68%;
2126
	padding-top: 21px;
2115
    padding-top: 21px;
2127
}
2116
}
2128
 
2117
 
2129
.state-overview .terques {
2118
.state-overview .terques {
2130
	background: #34AADC;
2119
    background: #34AADC;
2131
}
2120
}
2132
 
2121
 
2133
.state-overview .red {
2122
.state-overview .red {
2134
	background: #00a0df;
2123
    background: #00a0df;
2135
}
2124
}
2136
 
2125
 
2137
.state-overview .yellow {
2126
.state-overview .yellow {
2138
	background: #D3181F;
2127
    background: #D3181F;
2139
}
2128
}
2140
 
2129
 
2141
.state-overview .blue {
2130
.state-overview .blue {
2142
	background: #688a7e;
2131
    background: #688a7e;
2143
}
2132
}
2144
 
2133
 
2145
/**/
2134
/**/
2146
.state .panel-body {
2135
.state .panel-body {
2147
	padding: 0px;
2136
    padding: 0px;
2148
}
2137
}
2149
 
2138
 
2150
.panel-body.chart-texture {
2139
.panel-body.chart-texture {
2151
	background: url("../img/chart-texture.jpg");
2140
    background: url("../img/chart-texture.jpg");
2152
	-webkit-border-radius: 4px 4px 0px 0px;
2141
    -webkit-border-radius: 4px 4px 0px 0px;
2153
	border-radius: 4px 4px 0px 0px;
2142
    border-radius: 4px 4px 0px 0px;
2154
	padding: 0px;
2143
    padding: 0px;
2155
}
2144
}
2156
 
2145
 
2157
/*personal task*/
2146
/*personal task*/
2158
.task-thumb {
2147
.task-thumb {
2159
	width: 90px;
2148
    width: 90px;
2160
	float: left;
2149
    float: left;
2161
}
2150
}
2162
 
2151
 
2163
.task-thumb img {
2152
.task-thumb img {
2164
	border-radius: 4px;
2153
    border-radius: 4px;
2165
	-webkit-border-radius: 4px;
2154
    -webkit-border-radius: 4px;
2166
}
2155
}
2167
 
2156
 
2168
.task-thumb-details {
2157
.task-thumb-details {
2169
	display: inline-block;
2158
    display: inline-block;
2170
	margin: 25px 0 0 10px;
2159
    margin: 25px 0 0 10px;
2171
}
2160
}
2172
 
2161
 
2173
.task-progress {
2162
.task-progress {
2174
	float: left;
2163
    float: left;
2175
}
2164
}
2176
 
2165
 
2177
.task-thumb-details h1, .task-thumb-details h1 a, .task-progress h1,
2166
.task-thumb-details h1, .task-thumb-details h1 a, .task-progress h1,
2178
	.task-progress h1 a {
2167
.task-progress h1 a {
2179
	color: #688a7e;
2168
    color: #688a7e;
2180
	font-size: 18px;
2169
    font-size: 18px;
2181
	margin: 0;
2170
    margin: 0;
2182
	padding: 0;
2171
    padding: 0;
2183
	font-weight: 300;
2172
    font-weight: 300;
2184
}
2173
}
2185
 
2174
 
2186
.task-thumb-details p, .task-progress p {
2175
.task-thumb-details p, .task-progress p {
2187
	padding-top: 5px;
2176
    padding-top: 5px;
2188
	color: #fed189;
2177
    color: #fed189;
2189
}
2178
}
2190
 
2179
 
2191
.personal-task tbody tr td {
2180
.personal-task tbody tr td {
2192
	padding: 11px 15px;
2181
    padding: 11px 15px;
2193
	border-color: #eeeff1;
2182
    border-color: #eeeff1;
2194
}
2183
}
2195
 
2184
 
2196
.personal-task tbody tr td i {
2185
.personal-task tbody tr td i {
2197
	font-size: 16px;
2186
    font-size: 16px;
2198
	color: #c7cbd4;
2187
    color: #c7cbd4;
2199
	position: relative;
2188
    position: relative;
2200
	right: 6px;
2189
    right: 6px;
2201
	top: 6px;
2190
    top: 6px;
2202
}
2191
}
2203
 
2192
 
2204
.personal-task.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th
2193
.personal-task.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
2205
	{
-
 
2206
	background-color: #f7f8fc;
2194
    background-color: #f7f8fc;
2207
}
2195
}
2208
 
2196
 
2209
.personal-task.table-hover>tbody>tr:hover>td i {
2197
.personal-task.table-hover > tbody > tr:hover > td i {
2210
	color: #688a7e;
2198
    color: #688a7e;
2211
}
2199
}
2212
 
2200
 
2213
.personal-task>tbody>tr>td:last-child {
2201
.personal-task > tbody > tr > td:last-child {
2214
	text-align: right;
2202
    text-align: right;
2215
}
2203
}
2216
 
2204
 
2217
.task-option {
2205
.task-option {
2218
	float: right;
2206
    float: right;
2219
}
2207
}
2220
 
2208
 
2221
.task-option select {
2209
.task-option select {
2222
	height: 35px;
2210
    height: 35px;
2223
	border: 1px solid #eaeaea;
2211
    border: 1px solid #eaeaea;
2224
	border-radius: 4px;
2212
    border-radius: 4px;
2225
	-webkit-border-radius: 4px;
2213
    -webkit-border-radius: 4px;
2226
	padding: 8px;
2214
    padding: 8px;
2227
	color: #a4abbb;
2215
    color: #a4abbb;
2228
}
2216
}
2229
 
2217
 
2230
.progress-panel {
2218
.progress-panel {
2231
	padding-bottom: 5px;
2219
    padding-bottom: 5px;
2232
}
2220
}
2233
 
2221
 
2234
/*badge*/
2222
/*badge*/
2235
.badge.bg-primary {
2223
.badge.bg-primary {
2236
	background: #688a7e;
2224
    background: #688a7e;
2237
}
2225
}
2238
 
2226
 
2239
.badge.bg-success {
2227
.badge.bg-success {
2240
	background: #4cd964;
2228
    background: #4cd964;
2241
}
2229
}
2242
 
2230
 
2243
.badge.bg-warning {
2231
.badge.bg-warning {
2244
	background: #D3181F;
2232
    background: #D3181F;
2245
}
2233
}
2246
 
2234
 
2247
.badge.bg-important {
2235
.badge.bg-important {
2248
	background: #D3181F;
2236
    background: #D3181F;
2249
	font-family: 'Lato', sans-serif;
2237
    font-family: 'Lato', sans-serif;
2250
	font-size: 11px;
2238
    font-size: 11px;
2251
}
2239
}
2252
 
2240
 
2253
.badge.bg-info {
2241
.badge.bg-info {
2254
	background: #34aadc;
2242
    background: #34aadc;
2255
}
2243
}
2256
 
2244
 
2257
.badge.bg-inverse {
2245
.badge.bg-inverse {
2258
	background: #797979;
2246
    background: #797979;
2259
}
2247
}
2260
 
2248
 
2261
/*---revenue----*/
2249
/*---revenue----*/
2262
.revenue-head {
2250
.revenue-head {
2263
	background: #688a7e;
2251
    background: #688a7e;
2264
	color: #fff;
2252
    color: #fff;
2265
	line-height: 50px;
2253
    line-height: 50px;
2266
	text-align: center;
2254
    text-align: center;
2267
}
2255
}
2268
 
2256
 
2269
.revenue-head span {
2257
.revenue-head span {
2270
	/*background: rgba(0,0,0,0.1);*/
2258
    /*background: rgba(0,0,0,0.1);*/
2271
	text-align: left;
2259
    text-align: left;
2272
	line-height: normal;
2260
    line-height: normal;
2273
	padding: 16px;
2261
    padding: 16px;
2274
	font-weight: 300;
2262
    font-weight: 300;
2275
}
2263
}
2276
 
2264
 
2277
.revenue-head span i {
2265
.revenue-head span i {
2278
	font-size: 18px;
2266
    font-size: 18px;
2279
}
2267
}
2280
 
2268
 
2281
.revenue-head h3 {
2269
.revenue-head h3 {
2282
	display: inline;
2270
    display: inline;
2283
	padding: 0 10px;
2271
    padding: 0 10px;
2284
	font-size: 16px;
2272
    font-size: 16px;
2285
	font-weight: 400;
2273
    font-weight: 400;
2286
}
2274
}
2287
 
2275
 
2288
.revenue-head span.rev-combo {
2276
.revenue-head span.rev-combo {
2289
	/*background: rgba(0,0,0,0.1);*/
2277
    /*background: rgba(0,0,0,0.1);*/
2290
	text-align: right;
2278
    text-align: right;
2291
	padding: 16px;
2279
    padding: 16px;
2292
	line-height: normal;
2280
    line-height: normal;
2293
	font-weight: 300;
2281
    font-weight: 300;
2294
}
2282
}
2295
 
2283
 
2296
/*easy pie chart*/
2284
/*easy pie chart*/
2297
.easy-pie-chart {
2285
.easy-pie-chart {
2298
	display: inline-block;
2286
    display: inline-block;
2299
	padding: 30px 0;
2287
    padding: 30px 0;
2300
}
2288
}
2301
 
2289
 
2302
.chart-info, .chart-info .increase, .chart-info .decrease {
2290
.chart-info, .chart-info .increase, .chart-info .decrease {
2303
	display: inline-block;
2291
    display: inline-block;
2304
}
2292
}
2305
 
2293
 
2306
.chart-info {
2294
.chart-info {
2307
	width: 100%;
2295
    width: 100%;
2308
	margin-bottom: 5px;
2296
    margin-bottom: 5px;
2309
}
2297
}
2310
 
2298
 
2311
.chart-position {
2299
.chart-position {
2312
	margin-top: 70px;
2300
    margin-top: 70px;
2313
}
2301
}
2314
 
2302
 
2315
.chart-info span {
2303
.chart-info span {
2316
	margin: 0 3px;
2304
    margin: 0 3px;
2317
}
2305
}
2318
 
2306
 
2319
.chart-info .increase {
2307
.chart-info .increase {
2320
	background: #688a7e;
2308
    background: #688a7e;
2321
	width: 10px;
2309
    width: 10px;
2322
	height: 10px;
2310
    height: 10px;
2323
}
2311
}
2324
 
2312
 
2325
.chart-info .decrease {
2313
.chart-info .decrease {
2326
	background: #f2f2f2;
2314
    background: #f2f2f2;
2327
	width: 10px;
2315
    width: 10px;
2328
	height: 10px;
2316
    height: 10px;
2329
}
2317
}
2330
 
2318
 
2331
.panel-footer.revenue-foot {
2319
.panel-footer.revenue-foot {
2332
	background-color: #e6e7ec;
2320
    background-color: #e6e7ec;
2333
	-webkit-border-radius: 0px 0px 4px 4px;
2321
    -webkit-border-radius: 0px 0px 4px 4px;
2334
	border-radius: 0px 0px 4px 4px;
2322
    border-radius: 0px 0px 4px 4px;
2335
	border: none;
2323
    border: none;
2336
	padding: 0;
2324
    padding: 0;
2337
	width: 100%;
2325
    width: 100%;
2338
	display: inline-block;
2326
    display: inline-block;
2339
}
2327
}
2340
 
2328
 
2341
@media screen and (-webkit-min-device-pixel-ratio:0) {
2329
@media screen and (-webkit-min-device-pixel-ratio: 0) {
2342
	/* Safari and Chrome */
2330
    /* Safari and Chrome */
2343
	.panel-footer.revenue-foot {
2331
    .panel-footer.revenue-foot {
2344
		margin-bottom: -4px;
2332
        margin-bottom: -4px;
-
 
2333
    }
2345
	}
2334
 
2346
	;
2335
;
2347
}
2336
}
2348
 
2337
 
2349
.panel-footer.revenue-foot ul {
2338
.panel-footer.revenue-foot ul {
2350
	margin: 0;
2339
    margin: 0;
2351
	padding: 0;
2340
    padding: 0;
2352
	width: 100%;
2341
    width: 100%;
2353
	display: inline-flex;
2342
    display: inline-flex;
2354
}
2343
}
2355
 
2344
 
2356
.panel-footer.revenue-foot ul li {
2345
.panel-footer.revenue-foot ul li {
2357
	float: left;
2346
    float: left;
2358
	width: 33.33%;
2347
    width: 33.33%;
2359
}
2348
}
2360
 
2349
 
2361
.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a
2350
.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a {
2362
	{
-
 
2363
	-webkit-border-radius: 0px 0px 0px 4px;
2351
    -webkit-border-radius: 0px 0px 0px 4px;
2364
	border-radius: 0px 0px 0px 4px;
2352
    border-radius: 0px 0px 0px 4px;
2365
}
2353
}
2366
 
2354
 
2367
.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a
2355
.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a {
2368
	{
-
 
2369
	-webkit-border-radius: 0px 0px 4px 0px;
2356
    -webkit-border-radius: 0px 0px 4px 0px;
2370
	border-radius: 0px 0px 4px 0px;
2357
    border-radius: 0px 0px 4px 0px;
2371
	border-right: none;
2358
    border-right: none;
2372
}
2359
}
2373
 
2360
 
2374
.panel-footer.revenue-foot ul li a {
2361
.panel-footer.revenue-foot ul li a {
2375
	display: inline-block;
2362
    display: inline-block;
2376
	width: 100%;
2363
    width: 100%;
2377
	padding: 14px 15px;
2364
    padding: 14px 15px;
2378
	text-align: center;
2365
    text-align: center;
2379
	border-right: 1px solid #d5d8df;
2366
    border-right: 1px solid #d5d8df;
2380
	color: #797979;
2367
    color: #797979;
2381
}
2368
}
2382
 
2369
 
2383
.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a
2370
.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a {
2384
	{
-
 
2385
	background: #fff;
2371
    background: #fff;
2386
	position: relative;
2372
    position: relative;
2387
}
2373
}
2388
 
2374
 
2389
.panel-footer.revenue-foot ul li a i {
2375
.panel-footer.revenue-foot ul li a i {
2390
	color: #c6cad5;
2376
    color: #c6cad5;
2391
	display: block;
2377
    display: block;
2392
	font-size: 16px;
2378
    font-size: 16px;
2393
}
2379
}
2394
 
2380
 
2395
.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i
2381
.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i {
2396
	{
-
 
2397
	color: #688a7e;
2382
    color: #688a7e;
2398
	display: block;
2383
    display: block;
2399
	font-size: 16px;
2384
    font-size: 16px;
2400
}
2385
}
2401
 
2386
 
2402
/*Creative carousel model*/
2387
/*Creative carousel model*/
2403
.flat-carousal {
2388
.flat-carousal {
2404
	background: #00a0df;
2389
    background: #00a0df;
2405
	padding: 10px;
2390
    padding: 10px;
2406
	color: #fff;
2391
    color: #fff;
2407
	position: relative;
2392
    position: relative;
2408
}
2393
}
2409
 
2394
 
2410
.flat-carousal h1 {
2395
.flat-carousal h1 {
2411
	text-align: center;
2396
    text-align: center;
2412
	font-size: 16px;
2397
    font-size: 16px;
2413
	margin: 30px 20px;
2398
    margin: 30px 20px;
2414
	line-height: 20px;
2399
    line-height: 20px;
2415
	font-weight: 300;
2400
    font-weight: 300;
2416
	font-style: italic;
2401
    font-style: italic;
2417
}
2402
}
2418
 
2403
 
2419
a.view-all {
2404
a.view-all {
2420
	color: #fff;
2405
    color: #fff;
2421
	background: rgba(0, 0, 0, 0.1);
2406
    background: rgba(0, 0, 0, 0.1);
2422
	padding: 8px 15px;
2407
    padding: 8px 15px;
2423
	text-align: center;
2408
    text-align: center;
2424
	border-radius: 25px;
2409
    border-radius: 25px;
2425
	-webkit-border-radius: 25px;
2410
    -webkit-border-radius: 25px;
2426
	margin-bottom: 18px;
2411
    margin-bottom: 18px;
2427
	display: inline-block;
2412
    display: inline-block;
2428
	text-transform: uppercase;
2413
    text-transform: uppercase;
2429
	font-size: 12px;
2414
    font-size: 12px;
2430
}
2415
}
2431
 
2416
 
2432
ul.ft-link {
2417
ul.ft-link {
2433
	margin: 0;
2418
    margin: 0;
2434
	padding: 0;
2419
    padding: 0;
2435
}
2420
}
2436
 
2421
 
2437
ul.ft-link li {
2422
ul.ft-link li {
2438
	border-right: 1px solid #E6E7EC;
2423
    border-right: 1px solid #E6E7EC;
2439
	display: inline-block;
2424
    display: inline-block;
2440
	line-height: 30px;
2425
    line-height: 30px;
2441
	margin: 8px 0;
2426
    margin: 8px 0;
2442
	text-align: center;
2427
    text-align: center;
2443
	width: 24%;
2428
    width: 24%;
2444
}
2429
}
2445
 
2430
 
2446
ul.ft-link li a {
2431
ul.ft-link li a {
2447
	color: #74829c;
2432
    color: #74829c;
2448
	text-transform: uppercase;
2433
    text-transform: uppercase;
2449
	font-size: 12px;
2434
    font-size: 12px;
2450
}
2435
}
2451
 
2436
 
2452
ul.ft-link li a:hover, ul.ft-link li.active a {
2437
ul.ft-link li a:hover, ul.ft-link li.active a {
2453
	color: #00a0df;
2438
    color: #00a0df;
2454
}
2439
}
2455
 
2440
 
2456
ul.ft-link li:last-child {
2441
ul.ft-link li:last-child {
2457
	border-right: none;
2442
    border-right: none;
2458
}
2443
}
2459
 
2444
 
2460
ul.ft-link li a i {
2445
ul.ft-link li a i {
2461
	display: block;
2446
    display: block;
2462
}
2447
}
2463
 
2448
 
2464
#owl-slider .item img {
2449
#owl-slider .item img {
2465
	display: block;
2450
    display: block;
2466
	width: 100%;
2451
    width: 100%;
2467
	height: auto;
2452
    height: auto;
2468
}
2453
}
2469
 
2454
 
2470
.owl-buttons {
2455
.owl-buttons {
2471
	position: absolute;
2456
    position: absolute;
2472
	top: 70px;
2457
    top: 70px;
2473
	width: 100%;
2458
    width: 100%;
2474
}
2459
}
2475
 
2460
 
2476
.owl-prev, .owl-next {
2461
.owl-prev, .owl-next {
2477
	position: absolute;
2462
    position: absolute;
2478
}
2463
}
2479
 
2464
 
2480
.owl-next {
2465
.owl-next {
2481
	right: 0;
2466
    right: 0;
2482
}
2467
}
2483
 
2468
 
2484
.owl-buttons .owl-prev {
2469
.owl-buttons .owl-prev {
2485
	text-indent: -9999px;
2470
    text-indent: -9999px;
2486
	background: url("../img/left-arrow.png") no-repeat;
2471
    background: url("../img/left-arrow.png") no-repeat;
2487
	width: 6px;
2472
    width: 6px;
2488
	height: 10px;
2473
    height: 10px;
2489
	display: inline-block;
2474
    display: inline-block;
2490
}
2475
}
2491
 
2476
 
2492
.owl-buttons .owl-next {
2477
.owl-buttons .owl-next {
2493
	text-indent: -9999px;
2478
    text-indent: -9999px;
2494
	background: url("../img/right-arrow.png") no-repeat;
2479
    background: url("../img/right-arrow.png") no-repeat;
2495
	width: 6px;
2480
    width: 6px;
2496
	height: 10px;
2481
    height: 10px;
2497
	display: inline-block;
2482
    display: inline-block;
2498
}
2483
}
2499
 
2484
 
2500
/*product post*/
2485
/*product post*/
2501
.post-wrap aside {
2486
.post-wrap aside {
2502
	display: table-cell;
2487
    display: table-cell;
2503
	float: none;
2488
    float: none;
2504
	height: 100%;
2489
    height: 100%;
2505
	padding: 0;
2490
    padding: 0;
2506
	vertical-align: top;
2491
    vertical-align: top;
2507
}
2492
}
2508
 
2493
 
2509
.pro-box {
2494
.pro-box {
2510
	border-collapse: collapse;
2495
    border-collapse: collapse;
2511
	border-spacing: 0;
2496
    border-spacing: 0;
2512
	display: table;
2497
    display: table;
2513
	table-layout: fixed;
2498
    table-layout: fixed;
2514
	width: 100%;
2499
    width: 100%;
2515
}
2500
}
2516
 
2501
 
2517
.post-info {
2502
.post-info {
2518
	position: relative;
2503
    position: relative;
2519
}
2504
}
2520
 
2505
 
2521
.arrow-pro.right:after {
2506
.arrow-pro.right:after {
2522
	border-left-color: #FFFFFF;
2507
    border-left-color: #FFFFFF;
2523
	border-right-width: 0;
2508
    border-right-width: 0;
2524
	top: 85px;
2509
    top: 85px;
2525
	content: " ";
2510
    content: " ";
2526
}
2511
}
2527
 
2512
 
2528
.arrow-pro.left:after {
2513
.arrow-pro.left:after {
2529
	border-right-color: #FFFFFF;
2514
    border-right-color: #FFFFFF;
2530
	border-left-width: 0;
2515
    border-left-width: 0;
2531
	top: 80px;
2516
    top: 80px;
2532
	content: " ";
2517
    content: " ";
2533
}
2518
}
2534
 
2519
 
2535
.arrow-pro.left {
2520
.arrow-pro.left {
2536
	left: -8px;
2521
    left: -8px;
2537
}
2522
}
2538
 
2523
 
2539
.arrow-pro:after {
2524
.arrow-pro:after {
2540
	border-width: 7px;
2525
    border-width: 7px;
2541
	content: "";
2526
    content: "";
2542
}
2527
}
2543
 
2528
 
2544
.arrow-pro, .arrow-pro:after {
2529
.arrow-pro, .arrow-pro:after {
2545
	border-color: rgba(0, 0, 0, 0);
2530
    border-color: rgba(0, 0, 0, 0);
2546
	border-style: solid;
2531
    border-style: solid;
2547
	display: block;
2532
    display: block;
2548
	height: 0;
2533
    height: 0;
2549
	position: absolute;
2534
    position: absolute;
2550
	width: 0;
2535
    width: 0;
2551
	right: -5px;
2536
    right: -5px;
2552
}
2537
}
2553
 
2538
 
2554
.post-highlight.yellow {
2539
.post-highlight.yellow {
2555
	background: #D3181F;
2540
    background: #D3181F;
2556
}
2541
}
2557
 
2542
 
2558
.post-highlight.terques {
2543
.post-highlight.terques {
2559
	background: #688a7e;
2544
    background: #688a7e;
2560
}
2545
}
2561
 
2546
 
2562
.post-info h1 {
2547
.post-info h1 {
2563
	margin: 0;
2548
    margin: 0;
2564
	font-size: 18px;
2549
    font-size: 18px;
2565
	color: #a19899;
2550
    color: #a19899;
2566
	font-weight: 300;
2551
    font-weight: 300;
2567
}
2552
}
2568
 
2553
 
2569
.post-highlight.terques h2 {
2554
.post-highlight.terques h2 {
2570
	font-size: 16px;
2555
    font-size: 16px;
2571
	color: #fff;
2556
    color: #fff;
2572
	font-style: italic;
2557
    font-style: italic;
2573
	padding: 0 20px;
2558
    padding: 0 20px;
2574
	line-height: 22px;
2559
    line-height: 22px;
2575
	margin: 0;
2560
    margin: 0;
2576
	font-weight: 300;
2561
    font-weight: 300;
2577
}
2562
}
2578
 
2563
 
2579
.post-highlight.terques h2 span, .post-highlight.terques h2 a {
2564
.post-highlight.terques h2 span, .post-highlight.terques h2 a {
2580
	color: #92faf3;
2565
    color: #92faf3;
2581
}
2566
}
2582
 
2567
 
2583
.post-info h1 strong {
2568
.post-info h1 strong {
2584
	text-transform: uppercase;
2569
    text-transform: uppercase;
2585
	color: #937b7b;
2570
    color: #937b7b;
2586
}
2571
}
2587
 
2572
 
2588
.post-info .desk {
2573
.post-info .desk {
2589
	display: inline-block;
2574
    display: inline-block;
2590
}
2575
}
2591
 
2576
 
2592
.post-info .desk  h3 {
2577
.post-info .desk h3 {
2593
	font-size: 16px;
2578
    font-size: 16px;
2594
}
2579
}
2595
 
2580
 
2596
.post-info .desk.yellow h3 {
2581
.post-info .desk.yellow h3 {
2597
	color: #D3181F;
2582
    color: #D3181F;
2598
}
2583
}
2599
 
2584
 
2600
.post-btn {
2585
.post-btn {
2601
	
2586
 
2602
}
2587
}
2603
 
2588
 
2604
.post-btn a {
2589
.post-btn a {
2605
	float: left;
2590
    float: left;
2606
	margin-right: 8px;
2591
    margin-right: 8px;
2607
	font-size: 18px;
2592
    font-size: 18px;
2608
	color: #9a9a9a;
2593
    color: #9a9a9a;
2609
}
2594
}
2610
 
2595
 
2611
.post-btn a:hover {
2596
.post-btn a:hover {
2612
	color: #727272;
2597
    color: #727272;
2613
}
2598
}
2614
 
2599
 
2615
.pro-thumb {
2600
.pro-thumb {
2616
	text-align: center;
2601
    text-align: center;
2617
	display: inline-block;
2602
    display: inline-block;
2618
	border-radius: 50%;
2603
    border-radius: 50%;
2619
	-webkit-border-radius: 50%;
2604
    -webkit-border-radius: 50%;
2620
	border: 10px solid rgba(256, 256, 256, 0.4);
2605
    border: 10px solid rgba(256, 256, 256, 0.4);
2621
}
2606
}
2622
 
2607
 
2623
.pro-thumb img {
2608
.pro-thumb img {
2624
	text-align: center;
2609
    text-align: center;
2625
	width: 112px;
2610
    width: 112px;
2626
	height: 112px;
2611
    height: 112px;
2627
	border-radius: 50%;
2612
    border-radius: 50%;
2628
	-webkit-border-radius: 50%;
2613
    -webkit-border-radius: 50%;
2629
}
2614
}
2630
 
2615
 
2631
.v-align {
2616
.v-align {
2632
	vertical-align: middle !important;
2617
    vertical-align: middle !important;
2633
}
2618
}
2634
 
2619
 
2635
.twite h1 {
2620
.twite h1 {
2636
	margin: 50px 0;
2621
    margin: 50px 0;
2637
}
2622
}
2638
 
2623
 
2639
.social-footer {
2624
.social-footer {
2640
	display: inline;
2625
    display: inline;
2641
	text-align: center;
2626
    text-align: center;
2642
}
2627
}
2643
 
2628
 
2644
.social-footer ul {
2629
.social-footer ul {
2645
	text-align: center;
2630
    text-align: center;
2646
	margin: 0;
2631
    margin: 0;
2647
	padding: 0;
2632
    padding: 0;
2648
}
2633
}
2649
 
2634
 
2650
.social-footer ul li {
2635
.social-footer ul li {
2651
	display: inline-block;
2636
    display: inline-block;
2652
	margin: 0 20px;
2637
    margin: 0 20px;
2653
}
2638
}
2654
 
2639
 
2655
.social-footer ul li a {
2640
.social-footer ul li a {
2656
	font-size: 25px;
2641
    font-size: 25px;
2657
	color: #ceced0;
2642
    color: #ceced0;
2658
}
2643
}
2659
 
2644
 
2660
.social-footer ul li a:hover i.icon-facebook, .social-footer ul li.active a i.icon-facebook
2645
.social-footer ul li a:hover i.icon-facebook, .social-footer ul li.active a i.icon-facebook {
2661
	{
-
 
2662
	color: #486eac;
2646
    color: #486eac;
2663
}
2647
}
2664
 
2648
 
2665
.social-footer ul li a:hover i.icon-twitter, .social-footer ul li.active a i.icon-twitter
2649
.social-footer ul li a:hover i.icon-twitter, .social-footer ul li.active a i.icon-twitter {
2666
	{
-
 
2667
	color: #00a0df;
2650
    color: #00a0df;
2668
}
2651
}
2669
 
2652
 
2670
.social-footer ul li a:hover i.icon-google-plus, .social-footer ul li.active a i.icon-google-plus
2653
.social-footer ul li a:hover i.icon-google-plus, .social-footer ul li.active a i.icon-google-plus {
2671
	{
-
 
2672
	color: #4a4a4a;
2654
    color: #4a4a4a;
2673
}
2655
}
2674
 
2656
 
2675
.social-footer ul li a:hover i.icon-pinterest, .social-footer ul li.active a i.icon-pinterest
2657
.social-footer ul li a:hover i.icon-pinterest, .social-footer ul li.active a i.icon-pinterest {
2676
	{
-
 
2677
	color: #d1282d;
2658
    color: #d1282d;
2678
}
2659
}
2679
 
2660
 
2680
/*pie chart */
2661
/*pie chart */
2681
.pie-foot {
2662
.pie-foot {
2682
	background: #6b6b6b;
2663
    background: #6b6b6b;
2683
	padding: 18px 15px;
2664
    padding: 18px 15px;
2684
	color: #fff;
2665
    color: #fff;
2685
	border-radius: 0 0 4px 4px;
2666
    border-radius: 0 0 4px 4px;
2686
	-webkit-border-radius: 0 0 4px 4px;
2667
    -webkit-border-radius: 0 0 4px 4px;
2687
	text-align: center;
2668
    text-align: center;
2688
	font-size: 16px;
2669
    font-size: 16px;
2689
	font-weight: 300;
2670
    font-weight: 300;
2690
}
2671
}
2691
 
2672
 
2692
/*profile-widget*/
2673
/*profile-widget*/
2693
.profile-widget {
2674
.profile-widget {
2694
	color: #fff;
2675
    color: #fff;
2695
	text-align: center;
2676
    text-align: center;
2696
}
2677
}
2697
 
2678
 
2698
/*profile-widget image bg*/
2679
/*profile-widget image bg*/
2699
.profile-widget-img {
2680
.profile-widget-img {
2700
	background: url('../img/backgrounds/bg-11-small.jpg') no-repeat
2681
    background: url('../img/backgrounds/bg-11-small.jpg') no-repeat !important;
2701
		!important;
-
 
2702
}
2682
}
2703
 
2683
 
2704
.profile-nav .profile-widget-img .bg-layer {
2684
.profile-nav .profile-widget-img .bg-layer {
2705
	background: rgba(0, 0, 0, 0.5) !important;
2685
    background: rgba(0, 0, 0, 0.5) !important;
2706
}
2686
}
2707
 
2687
 
2708
.profile-widget-img .panel-body {
2688
.profile-widget-img .panel-body {
2709
	background: rgba(0, 0, 0, 0.5) !important;
2689
    background: rgba(0, 0, 0, 0.5) !important;
2710
}
2690
}
2711
 
2691
 
2712
.profile-widget-img .profile-widget-foot {
2692
.profile-widget-img .profile-widget-foot {
2713
	background: rgba(0, 0, 0, 0.8);
2693
    background: rgba(0, 0, 0, 0.8);
2714
}
2694
}
2715
 
2695
 
2716
.profile-widget p {
2696
.profile-widget p {
2717
	font-weight: 300;
2697
    font-weight: 300;
2718
 
2698
 
2719
	/*margin-bottom: 15px;*/
2699
    /*margin-bottom: 15px;*/
2720
}
2700
}
2721
 
2701
 
2722
.profile-widget {
2702
.profile-widget {
2723
	/*padding-left: 20px 15px 30px 15px;*/
2703
    /*padding-left: 20px 15px 30px 15px;*/
2724
	
2704
 
2725
}
2705
}
2726
 
2706
 
2727
.profile-widget .twt-category {
2707
.profile-widget .twt-category {
2728
	display: inline-block;
2708
    display: inline-block;
2729
	margin-bottom: 0px;
2709
    margin-bottom: 0px;
2730
	margin-top: 10px;
2710
    margin-top: 10px;
2731
	width: 100%;
2711
    width: 100%;
2732
	padding: 0px;
2712
    padding: 0px;
2733
}
2713
}
2734
 
2714
 
2735
.profile-widget .twt-category ul li {
2715
.profile-widget .twt-category ul li {
2736
	color: #ffffff;
2716
    color: #ffffff;
2737
}
2717
}
2738
 
2718
 
2739
.knob-charts {
2719
.knob-charts {
2740
	margin-top: 10px;
2720
    margin-top: 10px;
2741
}
2721
}
2742
 
2722
 
2743
.follow-task {
2723
.follow-task {
2744
	padding: 5px;
2724
    padding: 5px;
2745
}
2725
}
2746
 
2726
 
2747
.follow-task a {
2727
.follow-task a {
2748
	color: #ffffff;
2728
    color: #ffffff;
2749
	width: 15%;
2729
    width: 15%;
2750
	display: inline-block;
2730
    display: inline-block;
2751
}
2731
}
2752
 
2732
 
2753
.follow-task a span.badge {
2733
.follow-task a span.badge {
2754
	top: -12px;
2734
    top: -12px;
2755
	position: relative;
2735
    position: relative;
2756
	left: -8px;
2736
    left: -8px;
2757
	background: #FFFFFF;
2737
    background: #FFFFFF;
2758
	color: #34AADC;
2738
    color: #34AADC;
2759
}
2739
}
2760
 
2740
 
2761
.follow-task i {
2741
.follow-task i {
2762
	font-size: 20px;
2742
    font-size: 20px;
2763
}
2743
}
2764
 
2744
 
2765
.profile-widget-foot {
2745
.profile-widget-foot {
2766
	padding: 8px 5px 5px 5px;
2746
    padding: 8px 5px 5px 5px;
2767
	background: rgba(0, 0, 0, 0.1);
2747
    background: rgba(0, 0, 0, 0.1);
2768
	color: #757575;
2748
    color: #757575;
2769
	font-weight: 300;
2749
    font-weight: 300;
2770
}
2750
}
2771
 
2751
 
2772
.profile-foot {
2752
.profile-foot {
2773
	padding: 8px 5px 5px 5px;
2753
    padding: 8px 5px 5px 5px;
2774
	background: rgba(0, 0, 0, 0.1);
2754
    background: rgba(0, 0, 0, 0.1);
2775
	color: #ffffff;
2755
    color: #ffffff;
2776
	font-weight: 300;
2756
    font-weight: 300;
2777
	overflow: hidden;
2757
    overflow: hidden;
2778
}
2758
}
2779
 
2759
 
2780
.profile-foot .active {
2760
.profile-foot .active {
2781
	
2761
 
2782
}
2762
}
2783
 
2763
 
2784
.profile-foot a {
2764
.profile-foot a {
2785
	color: #ffffff;
2765
    color: #ffffff;
2786
}
2766
}
2787
 
2767
 
2788
.profile-widget-foot ul {
2768
.profile-widget-foot ul {
2789
	padding: 0;
2769
    padding: 0;
2790
	margin: 0;
2770
    margin: 0;
2791
}
2771
}
2792
 
2772
 
2793
.profile-widget-foot ul li {
2773
.profile-widget-foot ul li {
2794
	display: inline-block;
2774
    display: inline-block;
2795
	text-align: center;
2775
    text-align: center;
2796
	width: 48%;
2776
    width: 48%;
2797
	line-height: normal;
2777
    line-height: normal;
2798
}
2778
}
2799
 
2779
 
2800
.profile-widget-foot ul li h5 {
2780
.profile-widget-foot ul li h5 {
2801
	margin: 5px 0 0 0;
2781
    margin: 5px 0 0 0;
2802
}
2782
}
2803
 
2783
 
2804
.follow-info {
2784
.follow-info {
2805
	text-align: left;
2785
    text-align: left;
2806
	padding-top: 20px;
2786
    padding-top: 20px;
2807
	padding-bottom: 10px;
2787
    padding-bottom: 10px;
2808
}
2788
}
2809
 
2789
 
2810
.profile-widget h4 {
2790
.profile-widget h4 {
2811
	margin: 5px;
2791
    margin: 5px;
2812
	font-size: 18px;
2792
    font-size: 18px;
2813
	font-weight: 300;
2793
    font-weight: 300;
2814
}
2794
}
2815
 
2795
 
2816
.profile-widget h6 {
2796
.profile-widget h6 {
2817
	margin: 0px;
2797
    margin: 0px;
2818
	font-size: 12px;
2798
    font-size: 12px;
2819
	color: rgba(255, 255, 255, 0.9);
2799
    color: rgba(255, 255, 255, 0.9);
2820
	font-weight: 300;
2800
    font-weight: 300;
2821
}
2801
}
2822
 
2802
 
2823
.profile-widget h6 span i {
2803
.profile-widget h6 span i {
2824
	padding-right: 4px;
2804
    padding-right: 4px;
2825
}
2805
}
2826
 
2806
 
2827
.profile-widget h6 span {
2807
.profile-widget h6 span {
2828
	padding-right: 8px;
2808
    padding-right: 8px;
2829
}
2809
}
2830
 
2810
 
2831
.project-team, .panel-title, .progress-panel {
2811
.project-team, .panel-title, .progress-panel {
2832
	background: #F7F7F7;
2812
    background: #F7F7F7;
2833
}
2813
}
2834
 
2814
 
2835
.profile-ava img {
2815
.profile-ava img {
2836
	border-radius: 50%;
2816
    border-radius: 50%;
2837
	-webkit-border-radius: 50%;
2817
    -webkit-border-radius: 50%;
2838
	border: 2px solid #688a7e;
2818
    border: 2px solid #688a7e;
2839
	display: inline-block;
2819
    display: inline-block;
2840
}
2820
}
2841
 
2821
 
2842
.profile-ava img.simple {
2822
.profile-ava img.simple {
2843
	border-radius: 50%;
2823
    border-radius: 50%;
2844
	-webkit-border-radius: 50%;
2824
    -webkit-border-radius: 50%;
2845
	border: 2px solid rgba(0, 112, 255, 0.4);
2825
    border: 2px solid rgba(0, 112, 255, 0.4);
2846
	display: inline-block;
2826
    display: inline-block;
2847
}
2827
}
2848
 
2828
 
2849
.profile-name {
2829
.profile-name {
2850
	margin: 0px;
2830
    margin: 0px;
2851
	font-size: 16px;
2831
    font-size: 16px;
2852
}
2832
}
2853
 
2833
 
2854
.profile-occupation {
2834
.profile-occupation {
2855
	margin: 0px;
2835
    margin: 0px;
2856
	font-size: 12px;
2836
    font-size: 12px;
2857
}
2837
}
2858
 
2838
 
2859
.follow-ava {
2839
.follow-ava {
2860
	border-radius: 50%;
2840
    border-radius: 50%;
2861
	-webkit-border-radius: 50%;
2841
    -webkit-border-radius: 50%;
2862
	border: 5px solid rgba(0, 0, 0, 0.1);
2842
    border: 5px solid rgba(0, 0, 0, 0.1);
2863
	display: inline-block;
2843
    display: inline-block;
2864
}
2844
}
2865
 
2845
 
2866
.timeline-ava {
2846
.timeline-ava {
2867
	border-radius: 50%;
2847
    border-radius: 50%;
2868
	-webkit-border-radius: 50%;
2848
    -webkit-border-radius: 50%;
2869
	border: 5px solid #688a7e;
2849
    border: 5px solid #688a7e;
2870
	display: inline-block;
2850
    display: inline-block;
2871
}
2851
}
2872
 
2852
 
2873
.timeline-ava img {
2853
.timeline-ava img {
2874
	border-radius: 50%;
2854
    border-radius: 50%;
2875
	-webkit-border-radius: 50%;
2855
    -webkit-border-radius: 50%;
2876
	width: 50px;
2856
    width: 50px;
2877
	height: 50px;
2857
    height: 50px;
2878
}
2858
}
2879
 
2859
 
2880
.profile-widget img {
2860
.profile-widget img {
2881
	border-radius: 50%;
2861
    border-radius: 50%;
2882
	-webkit-border-radius: 50%;
2862
    -webkit-border-radius: 50%;
2883
	width: 62px;
2863
    width: 62px;
2884
	height: 62px;
2864
    height: 62px;
2885
 
2865
 
2886
	/*display: inline-block;*/
2866
    /*display: inline-block;*/
2887
}
2867
}
2888
 
2868
 
2889
/* .social-box
2869
/* .social-box
2890
 
2870
 
2891
=================================================================== */
2871
=================================================================== */
2892
.social-box {
2872
.social-box {
2893
	min-height: 158px;
2873
    min-height: 158px;
2894
	background: white;
2874
    background: white;
2895
	margin-bottom: 30px;
2875
    margin-bottom: 30px;
2896
	text-align: center;
2876
    text-align: center;
2897
}
2877
}
2898
 
2878
 
2899
.social-box i {
2879
.social-box i {
2900
	display: block;
2880
    display: block;
2901
	font-size: 40px;
2881
    font-size: 40px;
2902
	line-height: 90px;
2882
    line-height: 90px;
2903
	background: #f5f5f5;
2883
    background: #f5f5f5;
2904
}
2884
}
2905
 
2885
 
2906
.social-box ul {
2886
.social-box ul {
2907
	list-style: none;
2887
    list-style: none;
2908
	padding: 10px 0;
2888
    padding: 10px 0;
2909
}
2889
}
2910
 
2890
 
2911
.social-box ul li {
2891
.social-box ul li {
2912
	display: block;
2892
    display: block;
2913
	width: 50%;
2893
    width: 50%;
2914
	float: left;
2894
    float: left;
2915
}
2895
}
2916
 
2896
 
2917
.social-box ul li:first-child {
2897
.social-box ul li:first-child {
2918
	border-right: 1px solid #f5f5f5;
2898
    border-right: 1px solid #f5f5f5;
2919
}
2899
}
2920
 
2900
 
2921
.social-box ul li strong {
2901
.social-box ul li strong {
2922
	display: block;
2902
    display: block;
2923
	font-size: 20px;
2903
    font-size: 20px;
2924
}
2904
}
2925
 
2905
 
2926
.social-box ul li span {
2906
.social-box ul li span {
2927
	color: #d4d4d4;
2907
    color: #d4d4d4;
2928
	font-weight: 500;
2908
    font-weight: 500;
2929
	text-transform: uppercase;
2909
    text-transform: uppercase;
2930
	font-size: 10px;
2910
    font-size: 10px;
2931
}
2911
}
2932
 
2912
 
2933
.social-box.facebook i {
2913
.social-box.facebook i {
2934
	background: #3b5998;
2914
    background: #3b5998;
2935
	color: white;
2915
    color: white;
2936
	margin: -1px -1px 1px -1px;
2916
    margin: -1px -1px 1px -1px;
2937
}
2917
}
2938
 
2918
 
2939
.social-box.twitter i {
2919
.social-box.twitter i {
2940
	background: #00aced;
2920
    background: #00aced;
2941
	color: white;
2921
    color: white;
2942
	margin: -1px -1px 1px -1px;
2922
    margin: -1px -1px 1px -1px;
2943
}
2923
}
2944
 
2924
 
2945
.social-box.linkedin i {
2925
.social-box.linkedin i {
2946
	background: #4875b4;
2926
    background: #4875b4;
2947
	color: white;
2927
    color: white;
2948
	margin: -1px -1px 1px -1px;
2928
    margin: -1px -1px 1px -1px;
2949
}
2929
}
2950
 
2930
 
2951
.social-box.google-plus i {
2931
.social-box.google-plus i {
2952
	background: #d34836;
2932
    background: #d34836;
2953
	color: white;
2933
    color: white;
2954
	margin: -1px -1px 1px -1px;
2934
    margin: -1px -1px 1px -1px;
2955
}
2935
}
2956
 
2936
 
2957
/*weather*/
2937
/*weather*/
2958
.weather-bg {
2938
.weather-bg {
2959
	background: #34AADC;
2939
    background: #34AADC;
2960
	color: #fff;
2940
    color: #fff;
2961
	text-align: center;
2941
    text-align: center;
2962
	font-size: 16px;
2942
    font-size: 16px;
2963
	font-weight: 300;
2943
    font-weight: 300;
2964
}
2944
}
2965
 
2945
 
2966
.weather-bg i {
2946
.weather-bg i {
2967
	font-size: 60px;
2947
    font-size: 60px;
2968
	display: block;
2948
    display: block;
2969
}
2949
}
2970
 
2950
 
2971
.weather-bg h3 {
2951
.weather-bg h3 {
2972
	font-weight: 300;
2952
    font-weight: 300;
2973
	font-size: 28px;
2953
    font-size: 28px;
2974
}
2954
}
2975
 
2955
 
2976
.weather-bg .degree {
2956
.weather-bg .degree {
2977
	padding-top: 10px;
2957
    padding-top: 10px;
2978
	font-size: 60px;
2958
    font-size: 60px;
2979
}
2959
}
2980
 
2960
 
2981
.weather-category {
2961
.weather-category {
2982
	padding: 15px 0;
2962
    padding: 15px 0;
2983
	color: #ffffff;
2963
    color: #ffffff;
2984
}
2964
}
2985
 
2965
 
2986
.weather-info {
2966
.weather-info {
2987
	background: #34AADC;
2967
    background: #34AADC;
2988
}
2968
}
2989
 
2969
 
2990
.weather-category ul {
2970
.weather-category ul {
2991
	padding: 0;
2971
    padding: 0;
2992
	margin: 0;
2972
    margin: 0;
2993
	display: inline-block;
2973
    display: inline-block;
2994
	width: 100%;
2974
    width: 100%;
2995
}
2975
}
2996
 
2976
 
2997
.weather-category ul {
2977
.weather-category ul {
2998
	display: inline-block;
2978
    display: inline-block;
2999
	width: 100%;
2979
    width: 100%;
3000
	padding-bottom: 10px;
2980
    padding-bottom: 10px;
3001
	text-align: center;
2981
    text-align: center;
3002
	border-top: 1px solid #e6e6e6;
2982
    border-top: 1px solid #e6e6e6;
3003
	border-left: 1px solid #e6e6e6;
2983
    border-left: 1px solid #e6e6e6;
3004
	border-right: 1px solid #e6e6e6;
2984
    border-right: 1px solid #e6e6e6;
3005
	border-bottom: 1px solid #e6e6e6;
2985
    border-bottom: 1px solid #e6e6e6;
3006
	display: inline-block;
2986
    display: inline-block;
3007
}
2987
}
3008
 
2988
 
3009
.weather-category ul  li {
2989
.weather-category ul li {
3010
	display: inline-block;
2990
    display: inline-block;
3011
	width: 70%;
2991
    width: 70%;
3012
	padding-top: 10px;
2992
    padding-top: 10px;
3013
	padding-bottom: 10px;
2993
    padding-bottom: 10px;
3014
	text-align: center;
2994
    text-align: center;
3015
	display: inline-block;
2995
    display: inline-block;
3016
}
2996
}
3017
 
2997
 
3018
.weather-category ul li i {
2998
.weather-category ul li i {
3019
	margin-bottom: 10px;
2999
    margin-bottom: 10px;
3020
}
3000
}
3021
 
3001
 
3022
.weather-category ul li h4 {
3002
.weather-category ul li h4 {
3023
	margin: 10px 0 0 0;
3003
    margin: 10px 0 0 0;
3024
	text-transform: uppercase;
3004
    text-transform: uppercase;
3025
	font-weight: 300;
3005
    font-weight: 300;
3026
}
3006
}
3027
 
3007
 
3028
.weather-days {
3008
.weather-days {
3029
	color: #ffffff;
3009
    color: #ffffff;
3030
	background: #34AADC;
3010
    background: #34AADC;
3031
}
3011
}
3032
 
3012
 
3033
.weather-days ul {
3013
.weather-days ul {
3034
	padding: 0;
3014
    padding: 0;
3035
	margin: 0;
3015
    margin: 0;
3036
	display: inline-block;
3016
    display: inline-block;
3037
	width: 100%;
3017
    width: 100%;
3038
}
3018
}
3039
 
3019
 
3040
.weather-days ul li {
3020
.weather-days ul li {
3041
	display: inline-block;
3021
    display: inline-block;
3042
	width: 16.6%;
3022
    width: 16.6%;
3043
	text-align: center;
3023
    text-align: center;
3044
	display: inline-block;
3024
    display: inline-block;
3045
	margin-right: -2.9px;
3025
    margin-right: -2.9px;
3046
	padding: 5px 0px;
3026
    padding: 5px 0px;
3047
}
3027
}
3048
 
3028
 
3049
.weather-days ul li.day1 {
3029
.weather-days ul li.day1 {
3050
	background: rgba(0, 0, 0, 0.05);
3030
    background: rgba(0, 0, 0, 0.05);
3051
}
3031
}
3052
 
3032
 
3053
.weather-days ul li.day2 {
3033
.weather-days ul li.day2 {
3054
	background: rgba(0, 0, 0, 0.1);
3034
    background: rgba(0, 0, 0, 0.1);
3055
}
3035
}
3056
 
3036
 
3057
.weather-days ul li.day3 {
3037
.weather-days ul li.day3 {
3058
	background: rgba(0, 0, 0, 0.15);
3038
    background: rgba(0, 0, 0, 0.15);
3059
}
3039
}
3060
 
3040
 
3061
.weather-days ul li.day4 {
3041
.weather-days ul li.day4 {
3062
	background: rgba(0, 0, 0, 0.2);
3042
    background: rgba(0, 0, 0, 0.2);
3063
}
3043
}
3064
 
3044
 
3065
.weather-days ul li.day5 {
3045
.weather-days ul li.day5 {
3066
	background: rgba(0, 0, 0, 0.25);
3046
    background: rgba(0, 0, 0, 0.25);
3067
}
3047
}
3068
 
3048
 
3069
.weather-days ul li.day6 {
3049
.weather-days ul li.day6 {
3070
	background: rgba(0, 0, 0, 0.3);
3050
    background: rgba(0, 0, 0, 0.3);
3071
}
3051
}
3072
 
3052
 
3073
.weather-days ul li h5 {
3053
.weather-days ul li h5 {
3074
	margin: 0 0 5px 0;
3054
    margin: 0 0 5px 0;
3075
	text-transform: uppercase;
3055
    text-transform: uppercase;
3076
	font-weight: 300;
3056
    font-weight: 300;
3077
}
3057
}
3078
 
3058
 
3079
.weather-category ul li a {
3059
.weather-category ul li a {
3080
	
3060
 
3081
}
3061
}
3082
 
3062
 
3083
.weather-category ul li:last-child, .weather-days ul li:last-child {
3063
.weather-category ul li:last-child, .weather-days ul li:last-child {
3084
	border-right: none;
3064
    border-right: none;
3085
}
3065
}
3086
 
3066
 
3087
/*weather widget 2*/
3067
/*weather widget 2*/
3088
.weather-bg-img {
3068
.weather-bg-img {
3089
	background: url(../img/backgrounds/bg-14-small.jpg) no-repeat center
3069
    background: url(../img/backgrounds/bg-14-small.jpg) no-repeat center center;
3090
		center;
-
 
3091
	color: #fff;
3070
    color: #fff;
3092
	text-shadow: 0px 1px 5px #fed189;
3071
    text-shadow: 0px 1px 5px #fed189;
3093
	text-align: center;
3072
    text-align: center;
3094
	font-size: 16px;
3073
    font-size: 16px;
3095
	font-weight: 300;
3074
    font-weight: 300;
3096
}
3075
}
3097
 
3076
 
3098
.weather-bg-img i {
3077
.weather-bg-img i {
3099
	font-size: 60px;
3078
    font-size: 60px;
3100
	text-shadow: 0px 1px 5px #fed189;
3079
    text-shadow: 0px 1px 5px #fed189;
3101
	display: block;
3080
    display: block;
3102
}
3081
}
3103
 
3082
 
3104
.weather-bg-img h3 {
3083
.weather-bg-img h3 {
3105
	font-weight: 300;
3084
    font-weight: 300;
3106
	font-size: 28px;
3085
    font-size: 28px;
3107
}
3086
}
3108
 
3087
 
3109
.weather-bg-img .degree {
3088
.weather-bg-img .degree {
3110
	padding-top: 10px;
3089
    padding-top: 10px;
3111
	font-size: 60px;
3090
    font-size: 60px;
3112
}
3091
}
3113
 
3092
 
3114
.weather-bg-img .weather-category {
3093
.weather-bg-img .weather-category {
3115
	padding: 15px 0;
3094
    padding: 15px 0;
3116
	color: #ffffff;
3095
    color: #ffffff;
3117
	text-shadow: 0px 1px 5px #fed189;
3096
    text-shadow: 0px 1px 5px #fed189;
3118
	background: transparent;
3097
    background: transparent;
3119
}
3098
}
3120
 
3099
 
3121
.weather-bg-img .weather-category ul {
3100
.weather-bg-img .weather-category ul {
3122
	padding: 0;
3101
    padding: 0;
3123
	margin: 0;
3102
    margin: 0;
3124
	display: inline-block;
3103
    display: inline-block;
3125
	width: 100%;
3104
    width: 100%;
3126
}
3105
}
3127
 
3106
 
3128
.weather-bg-img .weather-category ul li {
3107
.weather-bg-img .weather-category ul li {
3129
	display: inline-block;
3108
    display: inline-block;
3130
	width: 32%;
3109
    width: 32%;
3131
	text-align: center;
3110
    text-align: center;
3132
	border-right: 1px solid #e6e6e6;
3111
    border-right: 1px solid #e6e6e6;
3133
	display: inline-block;
3112
    display: inline-block;
3134
}
3113
}
3135
 
3114
 
3136
.weather-bg-img .weather-category ul li h5 {
3115
.weather-bg-img .weather-category ul li h5 {
3137
	margin: 0 0 5px 0;
3116
    margin: 0 0 5px 0;
3138
	text-transform: uppercase;
3117
    text-transform: uppercase;
3139
	font-weight: 300;
3118
    font-weight: 300;
3140
	text-shadow: 0px 1px 5px #fed189;
3119
    text-shadow: 0px 1px 5px #fed189;
3141
}
3120
}
3142
 
3121
 
3143
.weather-bg-img .panel-body, footer.weather-bg-img ul {
3122
.weather-bg-img .panel-body, footer.weather-bg-img ul {
3144
	background: rgba(0, 0, 0, 0.5);
3123
    background: rgba(0, 0, 0, 0.5);
3145
}
3124
}
3146
 
3125
 
3147
.weather-days-img {
3126
.weather-days-img {
3148
	color: #ffffff;
3127
    color: #ffffff;
3149
	text-shadow: 0px 1px 5px #fed189;
3128
    text-shadow: 0px 1px 5px #fed189;
3150
}
3129
}
3151
 
3130
 
3152
.weather-days-img {
3131
.weather-days-img {
3153
	background: transparent !important;
3132
    background: transparent !important;
3154
}
3133
}
3155
 
3134
 
3156
/*fontawesome*/
3135
/*fontawesome*/
3157
.fontawesome-icon-list h2 {
3136
.fontawesome-icon-list h2 {
3158
	margin-top: 0;
3137
    margin-top: 0;
3159
	font-size: 20px;
3138
    font-size: 20px;
3160
	font-weight: 300;
3139
    font-weight: 300;
3161
}
3140
}
3162
 
3141
 
3163
.fontawesome-icon-list .col-sm-3 {
3142
.fontawesome-icon-list .col-sm-3 {
3164
	margin-bottom: 10px;
3143
    margin-bottom: 10px;
3165
}
3144
}
3166
 
3145
 
3167
.fontawesome-icon-list .page-header {
3146
.fontawesome-icon-list .page-header {
3168
	border-bottom: 1px solid #C9CDD7;
3147
    border-bottom: 1px solid #C9CDD7;
3169
}
3148
}
3170
 
3149
 
3171
.fontawesome-icon-list i {
3150
.fontawesome-icon-list i {
3172
	font-size: 16px;
3151
    font-size: 16px;
3173
	padding-right: 10px;
3152
    padding-right: 10px;
3174
}
3153
}
3175
 
3154
 
3176
#web-application, #text-editor, #directional, #video-player, #brand,
3155
#web-application, #text-editor, #directional, #video-player, #brand,
3177
	#medical, #currency {
3156
#medical, #currency {
3178
	margin-top: 10px;
3157
    margin-top: 10px;
3179
}
3158
}
3180
 
3159
 
3181
/*mail inbox*/
3160
/*mail inbox*/
3182
.inbox-wrapper {
3161
.inbox-wrapper {
3183
	border-collapse: collapse;
3162
    border-collapse: collapse;
3184
	border-spacing: 0;
3163
    border-spacing: 0;
3185
	display: table;
3164
    display: table;
3186
	table-layout: fixed;
3165
    table-layout: fixed;
3187
	width: 100%;
3166
    width: 100%;
3188
}
3167
}
3189
 
3168
 
3190
.inbox-wrapper aside {
3169
.inbox-wrapper aside {
3191
	display: table-cell;
3170
    display: table-cell;
3192
	float: none;
3171
    float: none;
3193
	height: 100%;
3172
    height: 100%;
3194
	padding: 0;
3173
    padding: 0;
3195
	vertical-align: top;
3174
    vertical-align: top;
3196
}
3175
}
3197
 
3176
 
3198
.inbox-wrapper .inbox-left {
3177
.inbox-wrapper .inbox-left {
3199
	width: 20%;
3178
    width: 20%;
3200
	background: #e5e8ef;
3179
    background: #e5e8ef;
3201
}
3180
}
3202
 
3181
 
3203
.inbox-wrapper .inbox-middle {
3182
.inbox-wrapper .inbox-middle {
3204
	width: 25%;
3183
    width: 25%;
3205
	background: #fff;
3184
    background: #fff;
3206
}
3185
}
3207
 
3186
 
3208
.inbox-wrapper .inbox-right {
3187
.inbox-wrapper .inbox-right {
3209
	width: 65%;
3188
    width: 65%;
3210
	background: #f5f5f5;
3189
    background: #f5f5f5;
3211
}
3190
}
3212
 
3191
 
3213
.inbox-wrapper .inbox-left .inbox-left-menu {
3192
.inbox-wrapper .inbox-left .inbox-left-menu {
3214
	background: #688a7e;
3193
    background: #688a7e;
3215
}
3194
}
3216
 
3195
 
3217
.table-inbox .icon_star_alt:hover, .starred {
3196
.table-inbox .icon_star_alt:hover, .starred {
3218
	color: #D3181F;
3197
    color: #D3181F;
3219
}
3198
}
3220
 
3199
 
3221
.inbox-wrapper .inbox-left .user-head {
3200
.inbox-wrapper .inbox-left .user-head {
3222
	background: rgba(0, 0, 0, 0.2);
3201
    background: rgba(0, 0, 0, 0.2);
3223
	padding: 10px;
3202
    padding: 10px;
3224
	color: #fff;
3203
    color: #fff;
3225
	min-height: 80px;
3204
    min-height: 80px;
3226
}
3205
}
3227
 
3206
 
3228
.inbox-wrapper .inbox-middle .inbox-mail {
3207
.inbox-wrapper .inbox-middle .inbox-mail {
3229
	background: #688a7e;
3208
    background: #688a7e;
3230
	padding: 10px;
3209
    padding: 10px;
3231
	color: #fff;
3210
    color: #fff;
3232
	min-height: 80px;
3211
    min-height: 80px;
3233
}
3212
}
3234
 
3213
 
3235
.user-head .inbox-avatar {
3214
.user-head .inbox-avatar {
3236
	width: 65px;
3215
    width: 65px;
3237
	float: left;
3216
    float: left;
3238
}
3217
}
3239
 
3218
 
3240
.user-head .inbox-avatar img {
3219
.user-head .inbox-avatar img {
3241
	border-radius: 4px;
3220
    border-radius: 4px;
3242
	-webkit-border-radius: 4px;
3221
    -webkit-border-radius: 4px;
3243
}
3222
}
3244
 
3223
 
3245
.user-head .user-name {
3224
.user-head .user-name {
3246
	display: inline-block;
3225
    display: inline-block;
3247
	margin: 0 0 0 10px;
3226
    margin: 0 0 0 10px;
3248
}
3227
}
3249
 
3228
 
3250
.user-head .user-name h5 {
3229
.user-head .user-name h5 {
3251
	font-size: 14px;
3230
    font-size: 14px;
3252
	margin-top: -15px;
3231
    margin-top: -15px;
3253
	margin-bottom: 0;
3232
    margin-bottom: 0;
3254
	font-weight: 300;
3233
    font-weight: 300;
3255
}
3234
}
3256
 
3235
 
3257
.user-head .user-name h5 a {
3236
.user-head .user-name h5 a {
3258
	color: #fff;
3237
    color: #fff;
3259
}
3238
}
3260
 
3239
 
3261
.user-head .user-name span a {
3240
.user-head .user-name span a {
3262
	font-size: 12px;
3241
    font-size: 12px;
3263
	color: rgba(255, 255, 255, 0.9);
3242
    color: rgba(255, 255, 255, 0.9);
3264
}
3243
}
3265
 
3244
 
3266
a.mail-dropdown {
3245
a.mail-dropdown {
3267
	background: #80d3d9;
3246
    background: #80d3d9;
3268
	padding: 3px 5px;
3247
    padding: 3px 5px;
3269
	font-size: 10px;
3248
    font-size: 10px;
3270
	color: #01a7b3;
3249
    color: #01a7b3;
3271
	border-radius: 2px;
3250
    border-radius: 2px;
3272
	margin-top: 20px;
3251
    margin-top: 20px;
3273
}
3252
}
3274
 
3253
 
3275
.inbox-body {
3254
.inbox-body {
3276
	padding: 20px;
3255
    padding: 20px;
3277
}
3256
}
3278
 
3257
 
3279
.btn-compose {
3258
.btn-compose {
3280
	background: #00a0df;
3259
    background: #00a0df;
3281
	padding: 12px 0;
3260
    padding: 12px 0;
3282
	text-align: center;
3261
    text-align: center;
3283
	width: 100%;
3262
    width: 100%;
3284
	color: #fff;
3263
    color: #fff;
3285
}
3264
}
3286
 
3265
 
3287
.btn-compose:hover {
3266
.btn-compose:hover {
3288
	background: #f5675c;
3267
    background: #f5675c;
3289
	color: #fff;
3268
    color: #fff;
3290
}
3269
}
3291
 
3270
 
3292
ul.mail-nav {
3271
ul.mail-nav {
3293
	display: inline-block;
3272
    display: inline-block;
3294
	width: 100%;
3273
    width: 100%;
3295
	margin: 0;
3274
    margin: 0;
3296
	padding: 0;
3275
    padding: 0;
3297
}
3276
}
3298
 
3277
 
3299
.mail-divider {
3278
.mail-divider {
3300
	border-bottom: 1px solid #d5d8df;
3279
    border-bottom: 1px solid #d5d8df;
3301
}
3280
}
3302
 
3281
 
3303
ul.mail-nav li {
3282
ul.mail-nav li {
3304
	display: inline-block;
3283
    display: inline-block;
3305
	line-height: 20px;
3284
    line-height: 20px;
3306
	padding: 10px;
3285
    padding: 10px;
3307
	width: 100%;
3286
    width: 100%;
3308
	border-right: 1px solid #D7D7D7;
3287
    border-right: 1px solid #D7D7D7;
3309
	border-bottom: 1px solid #D7D7D7;
3288
    border-bottom: 1px solid #D7D7D7;
3310
}
3289
}
3311
 
3290
 
3312
ul.mail-nav li a {
3291
ul.mail-nav li a {
3313
	color: #6a6a6a;
3292
    color: #6a6a6a;
3314
	width: 100%;
3293
    width: 100%;
3315
	display: inline-block;
3294
    display: inline-block;
3316
	padding: 0 20px;
3295
    padding: 0 20px;
3317
}
3296
}
3318
 
3297
 
3319
ul.mail-nav .mail-info {
3298
ul.mail-nav .mail-info {
3320
	padding: 5px;
3299
    padding: 5px;
3321
	font-size: 14px;
3300
    font-size: 14px;
3322
}
3301
}
3323
 
3302
 
3324
ul.mail-nav p {
3303
ul.mail-nav p {
3325
	font-size: 12px;
3304
    font-size: 12px;
3326
}
3305
}
3327
 
3306
 
3328
ul.mail-nav li:hover, ul.mail-nav li.active, ul.mail-nav li:focus {
3307
ul.mail-nav li:hover, ul.mail-nav li.active, ul.mail-nav li:focus {
3329
	color: #6a6a6a;
3308
    color: #6a6a6a;
3330
	background: #f5f5f5;
3309
    background: #f5f5f5;
3331
	border-bottom: 1px solid #688a7e;
3310
    border-bottom: 1px solid #688a7e;
3332
	border-right: none;
3311
    border-right: none;
3333
}
3312
}
3334
 
3313
 
3335
ul.mail-nav li a i {
3314
ul.mail-nav li a i {
3336
	padding-right: 10px;
3315
    padding-right: 10px;
3337
	font-size: 16px;
3316
    font-size: 16px;
3338
	color: #6a6a6a;
3317
    color: #6a6a6a;
3339
}
3318
}
3340
 
3319
 
3341
ul.mail-nav li a span.label {
3320
ul.mail-nav li a span.label {
3342
	margin-top: 13px;
3321
    margin-top: 13px;
3343
}
3322
}
3344
 
3323
 
3345
ul.inbox-nav {
3324
ul.inbox-nav {
3346
	display: inline-block;
3325
    display: inline-block;
3347
	width: 100%;
3326
    width: 100%;
3348
	margin: 0;
3327
    margin: 0;
3349
	padding: 0;
3328
    padding: 0;
3350
}
3329
}
3351
 
3330
 
3352
.inbox-divider {
3331
.inbox-divider {
3353
	border-bottom: 1px solid #d5d8df;
3332
    border-bottom: 1px solid #d5d8df;
3354
}
3333
}
3355
 
3334
 
3356
ul.inbox-nav li {
3335
ul.inbox-nav li {
3357
	display: inline-block;
3336
    display: inline-block;
3358
	line-height: 45px;
3337
    line-height: 45px;
3359
	width: 100%;
3338
    width: 100%;
3360
}
3339
}
3361
 
3340
 
3362
ul.inbox-nav li a {
3341
ul.inbox-nav li a {
3363
	color: #6a6a6a;
3342
    color: #6a6a6a;
3364
	line-height: 45px;
3343
    line-height: 45px;
3365
	width: 100%;
3344
    width: 100%;
3366
	display: inline-block;
3345
    display: inline-block;
3367
	padding: 0 20px;
3346
    padding: 0 20px;
3368
}
3347
}
3369
 
3348
 
3370
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus
3349
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
3371
	{
-
 
3372
	color: #6a6a6a;
3350
    color: #6a6a6a;
3373
	background: #d5d7de;
3351
    background: #d5d7de;
3374
}
3352
}
3375
 
3353
 
3376
ul.inbox-nav li a i {
3354
ul.inbox-nav li a i {
3377
	padding-right: 10px;
3355
    padding-right: 10px;
3378
	font-size: 16px;
3356
    font-size: 16px;
3379
	color: #6a6a6a;
3357
    color: #6a6a6a;
3380
}
3358
}
3381
 
3359
 
3382
ul.inbox-nav li a span.label {
3360
ul.inbox-nav li a span.label {
3383
	margin-top: 13px;
3361
    margin-top: 13px;
3384
}
3362
}
3385
 
3363
 
3386
ul.labels-info li h4 {
3364
ul.labels-info li h4 {
3387
	padding-left: 15px;
3365
    padding-left: 15px;
3388
	padding-right: 15px;
3366
    padding-right: 15px;
3389
	padding-top: 5px;
3367
    padding-top: 5px;
3390
	color: #5c5c5e;
3368
    color: #5c5c5e;
3391
	font-size: 13px;
3369
    font-size: 13px;
3392
	text-transform: uppercase;
3370
    text-transform: uppercase;
3393
}
3371
}
3394
 
3372
 
3395
ul.labels-info li {
3373
ul.labels-info li {
3396
	margin: 0;
3374
    margin: 0;
3397
}
3375
}
3398
 
3376
 
3399
ul.labels-info li a {
3377
ul.labels-info li a {
3400
	color: #6a6a6a;
3378
    color: #6a6a6a;
3401
	border-radius: 0;
3379
    border-radius: 0;
3402
}
3380
}
3403
 
3381
 
3404
ul.labels-info li a:hover, ul.labels-info li a:focus {
3382
ul.labels-info li a:hover, ul.labels-info li a:focus {
3405
	color: #6a6a6a;
3383
    color: #6a6a6a;
3406
	background: #d5d7de;
3384
    background: #d5d7de;
3407
}
3385
}
3408
 
3386
 
3409
ul.labels-info li a i {
3387
ul.labels-info li a i {
3410
	padding-right: 10px;
3388
    padding-right: 10px;
3411
}
3389
}
3412
 
3390
 
3413
.nav.nav-pills.nav-stacked.labels-info p {
3391
.nav.nav-pills.nav-stacked.labels-info p {
3414
	margin-bottom: 0;
3392
    margin-bottom: 0;
3415
	padding: 0 22px;
3393
    padding: 0 22px;
3416
	color: #9d9f9e;
3394
    color: #9d9f9e;
3417
	font-size: 11px;
3395
    font-size: 11px;
3418
}
3396
}
3419
 
3397
 
3420
.inbox-head {
3398
.inbox-head {
3421
	padding: 10px;
3399
    padding: 10px;
3422
	background: #688a7e;
3400
    background: #688a7e;
3423
	color: #fff;
3401
    color: #fff;
3424
	border-bottom: 1px solid #D7D7D7;
3402
    border-bottom: 1px solid #D7D7D7;
3425
	min-height: 80px;
3403
    min-height: 80px;
3426
}
3404
}
3427
 
3405
 
3428
.inbox-head  h3 {
3406
.inbox-head h3 {
3429
	margin: 0;
3407
    margin: 0;
3430
	display: inline-block;
3408
    display: inline-block;
3431
	padding-top: 6px;
3409
    padding-top: 6px;
3432
	font-weight: 300;
3410
    font-weight: 300;
3433
}
3411
}
3434
 
3412
 
3435
.inbox-head  .sr-input {
3413
.inbox-head .sr-input {
3436
	height: 40px;
3414
    height: 40px;
3437
	border: none;
3415
    border: none;
3438
	box-shadow: none;
3416
    box-shadow: none;
3439
	padding: 0 10px;
3417
    padding: 0 10px;
3440
	float: left;
3418
    float: left;
3441
	border-radius: 4px 0 0 4px;
3419
    border-radius: 4px 0 0 4px;
3442
	color: #8a8a8a;
3420
    color: #8a8a8a;
3443
}
3421
}
3444
 
3422
 
3445
.inbox-head  .sr-btn {
3423
.inbox-head .sr-btn {
3446
	height: 40px;
3424
    height: 40px;
3447
	border: none;
3425
    border: none;
3448
	background: #00a6b2;
3426
    background: #00a6b2;
3449
	color: #fff;
3427
    color: #fff;
3450
	padding: 0 20px;
3428
    padding: 0 20px;
3451
	border-radius: 0 4px 4px 0;
3429
    border-radius: 0 4px 4px 0;
3452
	-webkit-border-radius: 0 4px 4px 0;
3430
    -webkit-border-radius: 0 4px 4px 0;
3453
}
3431
}
3454
 
3432
 
3455
.table-inbox {
3433
.table-inbox {
3456
	border: 1px solid #d3d3d3;
3434
    border: 1px solid #d3d3d3;
3457
	margin-bottom: 0;
3435
    margin-bottom: 0;
3458
}
3436
}
3459
 
3437
 
3460
.table-inbox tr td {
3438
.table-inbox tr td {
3461
	padding: 12px !important;
3439
    padding: 12px !important;
3462
}
3440
}
3463
 
3441
 
3464
.table-inbox tr td:hover {
3442
.table-inbox tr td:hover {
3465
	cursor: pointer;
3443
    cursor: pointer;
3466
}
3444
}
3467
 
3445
 
3468
.table-inbox tr td .icon-star.inbox-started, .table-inbox tr td .icon-star:hover
3446
.table-inbox tr td .icon-star.inbox-started, .table-inbox tr td .icon-star:hover {
3469
	{
-
 
3470
	color: #f78a09;
3447
    color: #f78a09;
3471
}
3448
}
3472
 
3449
 
3473
.table-inbox tr td .icon-star {
3450
.table-inbox tr td .icon-star {
3474
	color: #d5d5d5;
3451
    color: #d5d5d5;
3475
}
3452
}
3476
 
3453
 
3477
.table-inbox tr.unread td {
3454
.table-inbox tr.unread td {
3478
	font-weight: 600;
3455
    font-weight: 600;
3479
	background: #f7f7f7;
3456
    background: #f7f7f7;
3480
}
3457
}
3481
 
3458
 
3482
ul.inbox-pagination {
3459
ul.inbox-pagination {
3483
	float: right;
3460
    float: right;
3484
}
3461
}
3485
 
3462
 
3486
ul.inbox-pagination li {
3463
ul.inbox-pagination li {
3487
	float: left;
3464
    float: left;
3488
}
3465
}
3489
 
3466
 
3490
.mail-option {
3467
.mail-option {
3491
	display: inline-block;
3468
    display: inline-block;
3492
	margin-bottom: 0px;
3469
    margin-bottom: 0px;
3493
	width: 100%;
3470
    width: 100%;
3494
	margin-top: 18px;
3471
    margin-top: 18px;
3495
}
3472
}
3496
 
3473
 
3497
.open-mail-action i {
3474
.open-mail-action i {
3498
	padding-right: 5px;
3475
    padding-right: 5px;
3499
	font-size: 14px;
3476
    font-size: 14px;
3500
}
3477
}
3501
 
3478
 
3502
.inbox-mail .navbar-form {
3479
.inbox-mail .navbar-form {
3503
	margin-top: 15px;
3480
    margin-top: 15px;
3504
}
3481
}
3505
 
3482
 
3506
.mail-option .chk-all, .mail-option .btn-group {
3483
.mail-option .chk-all, .mail-option .btn-group {
3507
	margin-right: 5px;
3484
    margin-right: 5px;
3508
}
3485
}
3509
 
3486
 
3510
.mail-option .chk-all, .mail-option .btn-group a.btn {
3487
.mail-option .chk-all, .mail-option .btn-group a.btn {
3511
	border: 1px solid #e7e7e7;
3488
    border: 1px solid #e7e7e7;
3512
	padding: 5px 10px;
3489
    padding: 5px 10px;
3513
	display: inline-block;
3490
    display: inline-block;
3514
	background: #ffffff;
3491
    background: #ffffff;
3515
	color: #688a7e;
3492
    color: #688a7e;
3516
	border-radius: 0px !important;
3493
    border-radius: 0px !important;
3517
	-webkit-border-radius: 0px !important;
3494
    -webkit-border-radius: 0px !important;
3518
}
3495
}
3519
 
3496
 
3520
.inbox-pagination a.np-btn {
3497
.inbox-pagination a.np-btn {
3521
	border: 1px solid #e7e7e7;
3498
    border: 1px solid #e7e7e7;
3522
	padding: 5px 15px;
3499
    padding: 5px 15px;
3523
	display: inline-block;
3500
    display: inline-block;
3524
	background: #fcfcfc;
3501
    background: #fcfcfc;
3525
	color: #afafaf;
3502
    color: #afafaf;
3526
	border-radius: 0px !important;
3503
    border-radius: 0px !important;
3527
	-webkit-border-radius: 0px !important;
3504
    -webkit-border-radius: 0px !important;
3528
}
3505
}
3529
 
3506
 
3530
.mail-option .chk-all input[type=checkbox] {
3507
.mail-option .chk-all input[type=checkbox] {
3531
	margin-top: 0;
3508
    margin-top: 0;
3532
}
3509
}
3533
 
3510
 
3534
.mail-option .btn-group a.all {
3511
.mail-option .btn-group a.all {
3535
	padding: 0;
3512
    padding: 0;
3536
	border: none;
3513
    border: none;
3537
}
3514
}
3538
 
3515
 
3539
.inbox-pagination a.np-btn {
3516
.inbox-pagination a.np-btn {
3540
	margin-left: 5px;
3517
    margin-left: 5px;
3541
}
3518
}
3542
 
3519
 
3543
.inbox-pagination li span {
3520
.inbox-pagination li span {
3544
	display: inline-block;
3521
    display: inline-block;
3545
	margin-top: 7px;
3522
    margin-top: 7px;
3546
	margin-right: 5px;
3523
    margin-right: 5px;
3547
}
3524
}
3548
 
3525
 
3549
.fileinput-button {
3526
.fileinput-button {
3550
	border: 1px solid #e6e6e6;
3527
    border: 1px solid #e6e6e6;
3551
	background: #eeeeee;
3528
    background: #eeeeee;
3552
}
3529
}
3553
 
3530
 
3554
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea
3531
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
3555
	{
-
 
3556
	border: 1px solid #e6e6e6;
3532
    border: 1px solid #e6e6e6;
3557
	box-shadow: none;
3533
    box-shadow: none;
3558
}
3534
}
3559
 
3535
 
3560
.btn-send, .btn-send:hover {
3536
.btn-send, .btn-send:hover {
3561
	background: #00A8B3;
3537
    background: #00A8B3;
3562
	color: #fff;
3538
    color: #fff;
3563
}
3539
}
3564
 
3540
 
3565
.btn-send:hover {
3541
.btn-send:hover {
3566
	background: #009da7;
3542
    background: #009da7;
3567
}
3543
}
3568
 
3544
 
3569
.modal-header h4.modal-title {
3545
.modal-header h4.modal-title {
3570
	font-weight: 300;
3546
    font-weight: 300;
3571
	font-family: 'Lato', sans-serif;
3547
    font-family: 'Lato', sans-serif;
3572
}
3548
}
3573
 
3549
 
3574
.modal-body label {
3550
.modal-body label {
3575
	font-weight: 400;
3551
    font-weight: 400;
3576
	font-family: 'Lato', sans-serif;
3552
    font-family: 'Lato', sans-serif;
3577
}
3553
}
3578
 
3554
 
3579
/*404 page*/
3555
/*404 page*/
3580
.page-404 {
3556
.page-404 {
3581
	position: relative;
3557
    position: relative;
3582
	width: 350px;
3558
    width: 350px;
3583
	height: 200px;
3559
    height: 200px;
3584
	margin: 100px auto;
3560
    margin: 100px auto;
3585
	text-align: center;
3561
    text-align: center;
3586
}
3562
}
3587
 
3563
 
3588
.text-404 {
3564
.text-404 {
3589
	font-size: 138px;
3565
    font-size: 138px;
3590
	background: #e9e3dd;
3566
    background: #e9e3dd;
3591
	background-image:
-
 
3592
		url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQTdWeWNteABnbzguiXSBxmfc8Z8nh_HHoWoK35QL81x4HnpVmgvQ');
3567
    background-image: url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQTdWeWNteABnbzguiXSBxmfc8Z8nh_HHoWoK35QL81x4HnpVmgvQ');
3593
	background-repeat: no-repeat;
3568
    background-repeat: no-repeat;
3594
	background-size: 200% 200%;
3569
    background-size: 200% 200%;
3595
	background-position: 100% 100%;
3570
    background-position: 100% 100%;
3596
	-webkit-animation: square 3s linear infinite;
3571
    -webkit-animation: square 3s linear infinite;
3597
	-ms-animation: square 3s linear infinite;
3572
    -ms-animation: square 3s linear infinite;
3598
	animation: square 3s linear infinite;
3573
    animation: square 3s linear infinite;
3599
	-webkit-background-clip: text;
3574
    -webkit-background-clip: text;
3600
	color: transparent;
3575
    color: transparent;
3601
	text-align: center;
3576
    text-align: center;
3602
	line-height: 200px;
3577
    line-height: 200px;
3603
	position: relative;
3578
    position: relative;
3604
}
3579
}
3605
 
3580
 
3606
.text-404:nth-of-type(2) {
3581
.text-404:nth-of-type(2) {
3607
	text-shadow: none;
3582
    text-shadow: none;
3608
	z-index: 2;
3583
    z-index: 2;
3609
	position: absolute;
3584
    position: absolute;
3610
	top: -139px;
3585
    top: -139px;
3611
	left: -1px;
3586
    left: -1px;
3612
}
3587
}
3613
 
3588
 
3614
@
3589
@
3615
-webkit-keyframes square { 0% {
3590
-webkit-keyframes square {
3616
	background-position: 0 0;
-
 
3617
}
-
 
3618
 
-
 
3619
25
-
 
3620
 
-
 
3621
 
3591
 
-
 
3592
    0
3622
%
3593
%
3623
{
3594
{
3624
background-position
3595
        background-position: 0 0;
3625
 
3596
    }
3626
 
3597
 
3627
:
3598
    25
3628
 
3599
 
3629
 
3600
 
3630
100
-
 
3631
%
3601
% {
3632
 
-
 
3633
 
-
 
3634
0
-
 
-
 
3602
        background-position: 100% 0
3635
;
3603
;
3636
 
3604
 
3637
 
3605
 
3638
}
3606
}
3639
50
3607
50
3640
 
3608
 
3641
 
3609
 
3642
%
3610
%
3643
{
3611
{
3644
background-position
3612
    background-position: 100% 100%;
3645
 
-
 
3646
 
-
 
3647
:
-
 
3648
 
-
 
3649
 
-
 
3650
100
-
 
3651
%
-
 
3652
 
-
 
3653
 
-
 
3654
100
-
 
3655
%;
-
 
3656
 
3613
 
3657
 
3614
 
3658
}
3615
}
3659
75
3616
75
3660
 
3617
 
3661
 
3618
 
3662
%
3619
%
3663
{
3620
{
3664
background-position
3621
    background-position: 0 100%;
3665
 
-
 
3666
 
-
 
3667
:
-
 
3668
 
-
 
3669
 
-
 
3670
0
-
 
3671
 
-
 
3672
 
-
 
3673
100
-
 
3674
%;
-
 
3675
 
3622
 
3676
 
3623
 
3677
}
3624
}
3678
100
3625
100
3679
 
3626
 
3680
 
3627
 
3681
%
3628
%
3682
{
3629
{
3683
background-position
3630
    background-position: 0 0
3684
 
-
 
3685
 
-
 
3686
:
-
 
3687
 
-
 
3688
 
-
 
3689
0
-
 
3690
 
-
 
3691
 
-
 
3692
0
-
 
3693
;
3631
;
3694
 
3632
 
3695
 
3633
 
3696
}
3634
}
3697
}
3635
}
3698
@
3636
@
3699
-ms-keyframes square { 0% {
3637
-ms-keyframes square {
-
 
3638
 
-
 
3639
    0% {
3700
	background-position: 0 0;
3640
        background-position: 0 0;
3701
}
3641
}
3702
 
3642
 
3703
25
3643
25
3704
 
3644
 
3705
 
3645
 
3706
%
3646
%
3707
{
3647
{
3708
background-position
3648
    background-position: 100% 0
3709
 
-
 
3710
 
-
 
3711
:
-
 
3712
 
-
 
3713
 
-
 
3714
100
-
 
3715
%
-
 
3716
 
-
 
3717
 
-
 
3718
0
-
 
3719
;
3649
;
3720
 
3650
 
3721
 
3651
 
3722
}
3652
}
3723
50
3653
50
3724
 
3654
 
3725
 
3655
 
3726
%
3656
%
3727
{
3657
{
3728
background-position
3658
    background-position: 100% 100%;
3729
 
-
 
3730
 
-
 
3731
:
-
 
3732
 
-
 
3733
 
-
 
3734
100
-
 
3735
%
-
 
3736
 
-
 
3737
 
-
 
3738
100
-
 
3739
%;
-
 
3740
 
3659
 
3741
 
3660
 
3742
}
3661
}
3743
75
3662
75
3744
 
3663
 
3745
 
3664
 
3746
%
3665
%
3747
{
3666
{
3748
background-position
3667
    background-position: 0 100%;
3749
 
-
 
3750
 
-
 
3751
:
-
 
3752
 
-
 
3753
 
-
 
3754
0
-
 
3755
 
-
 
3756
 
-
 
3757
100
-
 
3758
%;
-
 
3759
 
3668
 
3760
 
3669
 
3761
}
3670
}
3762
100
3671
100
3763
 
3672
 
3764
 
3673
 
3765
%
3674
%
3766
{
3675
{
3767
background-position
3676
    background-position: 0 0
3768
 
-
 
3769
 
-
 
3770
:
-
 
3771
 
-
 
3772
 
-
 
3773
0
-
 
3774
 
-
 
3775
 
-
 
3776
0
-
 
3777
;
3677
;
3778
 
3678
 
3779
 
3679
 
3780
}
3680
}
3781
}
3681
}
3782
@
3682
@
3783
keyframes square { 0% {
3683
keyframes square {
-
 
3684
 
-
 
3685
    0% {
3784
	background-position: 0 0;
3686
        background-position: 0 0;
3785
}
3687
}
3786
 
3688
 
3787
25
3689
25
3788
 
3690
 
3789
 
3691
 
3790
%
3692
%
3791
{
3693
{
3792
background-position
3694
    background-position: 100% 0
3793
 
-
 
3794
 
-
 
3795
:
-
 
3796
 
-
 
3797
 
-
 
3798
100
-
 
3799
%
-
 
3800
 
-
 
3801
 
-
 
3802
0
-
 
3803
;
3695
;
3804
 
3696
 
3805
 
3697
 
3806
}
3698
}
3807
50
3699
50
3808
 
3700
 
3809
 
3701
 
3810
%
3702
%
3811
{
3703
{
3812
background-position
3704
    background-position: 100% 100%;
3813
 
-
 
3814
 
-
 
3815
:
-
 
3816
 
-
 
3817
 
-
 
3818
100
-
 
3819
%
-
 
3820
 
-
 
3821
 
-
 
3822
100
-
 
3823
%;
-
 
3824
 
3705
 
3825
 
3706
 
3826
}
3707
}
3827
75
3708
75
3828
 
3709
 
3829
 
3710
 
3830
%
3711
%
3831
{
3712
{
3832
background-position
3713
    background-position: 0 100%;
3833
 
-
 
3834
 
-
 
3835
:
-
 
3836
 
-
 
3837
 
-
 
3838
0
-
 
3839
 
-
 
3840
 
-
 
3841
100
-
 
3842
%;
-
 
3843
 
3714
 
3844
 
3715
 
3845
}
3716
}
3846
100
3717
100
3847
 
3718
 
3848
 
3719
 
3849
%
3720
%
3850
{
3721
{
3851
background-position
3722
    background-position: 0 0
3852
 
-
 
3853
 
-
 
3854
:
-
 
3855
 
-
 
3856
 
-
 
3857
0
-
 
3858
 
-
 
3859
 
-
 
3860
0
-
 
3861
;
3723
;
3862
 
3724
 
3863
 
3725
 
3864
}
3726
}
3865
}
3727
}
3866
 
3728
 
3867
/*profile*/
3729
/*profile*/
3868
.profile-nav .user-heading {
3730
.profile-nav .user-heading {
3869
	background: #688a7e;
3731
    background: #688a7e;
3870
	color: #fff;
3732
    color: #fff;
3871
	padding: 30px;
3733
    padding: 30px;
3872
	text-align: center;
3734
    text-align: center;
3873
}
3735
}
3874
 
3736
 
3875
.profile-nav .user-heading.round a {
3737
.profile-nav .user-heading.round a {
3876
	border-radius: 50%;
3738
    border-radius: 50%;
3877
	-webkit-border-radius: 50%;
3739
    -webkit-border-radius: 50%;
3878
	border: 10px solid rgba(256, 256, 256, 0.3);
3740
    border: 10px solid rgba(256, 256, 256, 0.3);
3879
	display: inline-block;
3741
    display: inline-block;
3880
}
3742
}
3881
 
3743
 
3882
.profile-nav .user-heading a img {
3744
.profile-nav .user-heading a img {
3883
	width: 112px;
3745
    width: 112px;
3884
	height: 112px;
3746
    height: 112px;
3885
	border-radius: 50%;
3747
    border-radius: 50%;
3886
	-webkit-border-radius: 50%;
3748
    -webkit-border-radius: 50%;
3887
}
3749
}
3888
 
3750
 
3889
.profile-nav .user-heading h1 {
3751
.profile-nav .user-heading h1 {
3890
	font-size: 22px;
3752
    font-size: 22px;
3891
	font-weight: 300;
3753
    font-weight: 300;
3892
	margin-bottom: 5px;
3754
    margin-bottom: 5px;
3893
}
3755
}
3894
 
3756
 
3895
.profile-nav .user-heading p {
3757
.profile-nav .user-heading p {
3896
	font-size: 12px;
3758
    font-size: 12px;
3897
}
3759
}
3898
 
3760
 
3899
.profile-nav ul {
3761
.profile-nav ul {
3900
	margin-top: 1px;
3762
    margin-top: 1px;
3901
}
3763
}
3902
 
3764
 
3903
.profile-nav ul>li {
3765
.profile-nav ul > li {
3904
	border-bottom: 1px solid #ebeae6;
3766
    border-bottom: 1px solid #ebeae6;
3905
	margin-top: 0;
3767
    margin-top: 0;
3906
	line-height: 30px;
3768
    line-height: 30px;
3907
}
3769
}
3908
 
3770
 
3909
.profile-nav ul>li:last-child {
3771
.profile-nav ul > li:last-child {
3910
	border-bottom: none;
3772
    border-bottom: none;
3911
}
3773
}
3912
 
3774
 
3913
.profile-nav ul>li>a {
3775
.profile-nav ul > li > a {
3914
	border-radius: 0;
3776
    border-radius: 0;
3915
	-webkit-border-radius: 0;
3777
    -webkit-border-radius: 0;
3916
	color: #89817f;
3778
    color: #89817f;
3917
	border-left: 5px solid #fff;
3779
    border-left: 5px solid #fff;
3918
}
3780
}
3919
 
3781
 
3920
.profile-nav ul>li>a:hover, .profile-nav ul>li>a:focus, .profile-nav ul li.active  a
3782
.profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active a {
3921
	{
-
 
3922
	background: #f8f7f5 !important;
3783
    background: #f8f7f5 !important;
3923
	border-left: 5px solid #688a7e;
3784
    border-left: 5px solid #688a7e;
3924
	color: #89817f !important;
3785
    color: #89817f !important;
3925
}
3786
}
3926
 
3787
 
3927
.profile-nav ul>li:last-child>a:last-child {
3788
.profile-nav ul > li:last-child > a:last-child {
3928
	border-radius: 0 0 4px 4px;
3789
    border-radius: 0 0 4px 4px;
3929
	-webkit-border-radius: 0 0 4px 4px;
3790
    -webkit-border-radius: 0 0 4px 4px;
3930
}
3791
}
3931
 
3792
 
3932
.profile-nav ul>li>a>i {
3793
.profile-nav ul > li > a > i {
3933
	font-size: 16px;
3794
    font-size: 16px;
3934
	padding-right: 10px;
3795
    padding-right: 10px;
3935
	color: #bcb3aa;
3796
    color: #bcb3aa;
3936
}
3797
}
3937
 
3798
 
3938
.r-activity {
3799
.r-activity {
3939
	margin: 6px 0 0;
3800
    margin: 6px 0 0;
3940
	font-size: 12px;
3801
    font-size: 12px;
3941
}
3802
}
3942
 
3803
 
3943
/*profile-widget color bg*/
3804
/*profile-widget color bg*/
3944
.profile-widget-info {
3805
.profile-widget-info {
3945
	background: #324c57 !important;
3806
    background: #324c57 !important;
3946
}
3807
}
3947
 
3808
 
3948
.profile-widget-success {
3809
.profile-widget-success {
3949
	background: #4cd964 !important;
3810
    background: #4cd964 !important;
3950
}
3811
}
3951
 
3812
 
3952
.profile-widget-primary {
3813
.profile-widget-primary {
3953
	background: #688a7e !important;
3814
    background: #688a7e !important;
3954
}
3815
}
3955
 
3816
 
3956
.profile-widget-warning {
3817
.profile-widget-warning {
3957
	background: #ffcc00 !important;
3818
    background: #ffcc00 !important;
3958
}
3819
}
3959
 
3820
 
3960
.profile-widget-danger {
3821
.profile-widget-danger {
3961
	background: #00a0df !important;
3822
    background: #00a0df !important;
3962
}
3823
}
3963
 
3824
 
3964
.profile-widget-name {
3825
.profile-widget-name {
3965
	padding: 0px;
3826
    padding: 0px;
3966
}
3827
}
3967
 
3828
 
3968
.p-text-area, .p-text-area:focus {
3829
.p-text-area, .p-text-area:focus {
3969
	border: none;
3830
    border: none;
3970
	font-weight: 300;
3831
    font-weight: 300;
3971
	box-shadow: none;
3832
    box-shadow: none;
3972
	color: #c3c3c3;
3833
    color: #c3c3c3;
3973
	font-size: 16px;
3834
    font-size: 16px;
3974
}
3835
}
3975
 
3836
 
3976
.profile-info .panel-footer {
3837
.profile-info .panel-footer {
3977
	background-color: #f8f7f5;
3838
    background-color: #f8f7f5;
3978
	border-top: 1px solid #e7ebee;
3839
    border-top: 1px solid #e7ebee;
3979
}
3840
}
3980
 
3841
 
3981
.profile-info .panel-footer ul li a {
3842
.profile-info .panel-footer ul li a {
3982
	color: #7a7a7a;
3843
    color: #7a7a7a;
3983
}
3844
}
3984
 
3845
 
3985
.bio-graph-heading {
3846
.bio-graph-heading {
3986
	background: #263a4f;
3847
    background: #263a4f;
3987
	color: #fff;
3848
    color: #fff;
3988
	text-align: center;
3849
    text-align: center;
3989
	font-style: italic;
3850
    font-style: italic;
3990
	padding: 40px 110px;
3851
    padding: 40px 110px;
3991
	font-size: 16px;
3852
    font-size: 16px;
3992
	font-weight: 300;
3853
    font-weight: 300;
3993
}
3854
}
3994
 
3855
 
3995
.bio-graph-info {
3856
.bio-graph-info {
3996
	color: #89817e;
3857
    color: #89817e;
3997
}
3858
}
3998
 
3859
 
3999
.bio-graph-info h1 {
3860
.bio-graph-info h1 {
4000
	font-size: 22px;
3861
    font-size: 22px;
4001
	font-weight: 300;
3862
    font-weight: 300;
4002
	margin: 0 0 20px;
3863
    margin: 0 0 20px;
4003
}
3864
}
4004
 
3865
 
4005
.bio-row {
3866
.bio-row {
4006
	width: 50%;
3867
    width: 50%;
4007
	float: left;
3868
    float: left;
4008
	margin-bottom: 10px;
3869
    margin-bottom: 10px;
4009
	padding: 0 15px;
3870
    padding: 0 15px;
4010
}
3871
}
4011
 
3872
 
4012
.bio-row p span {
3873
.bio-row p span {
4013
	width: 100px;
3874
    width: 100px;
4014
	display: inline-block;
3875
    display: inline-block;
4015
}
3876
}
4016
 
3877
 
4017
.bio-chart, .bio-desk {
3878
.bio-chart, .bio-desk {
4018
	float: left;
3879
    float: left;
4019
}
3880
}
4020
 
3881
 
4021
.bio-chart {
3882
.bio-chart {
4022
	width: 40%;
3883
    width: 40%;
4023
}
3884
}
4024
 
3885
 
4025
.bio-desk {
3886
.bio-desk {
4026
	width: 60%;
3887
    width: 60%;
4027
}
3888
}
4028
 
3889
 
4029
.bio-desk h4 {
3890
.bio-desk h4 {
4030
	font-size: 15px;
3891
    font-size: 15px;
4031
	font-weight: 400;
3892
    font-weight: 400;
4032
}
3893
}
4033
 
3894
 
4034
.bio-desk h4.terques {
3895
.bio-desk h4.terques {
4035
	color: #34aadc;
3896
    color: #34aadc;
4036
}
3897
}
4037
 
3898
 
4038
.bio-desk h4.red {
3899
.bio-desk h4.red {
4039
	color: #e26b7f;
3900
    color: #e26b7f;
4040
}
3901
}
4041
 
3902
 
4042
.bio-desk h4.green {
3903
.bio-desk h4.green {
4043
	color: #97be4b;
3904
    color: #97be4b;
4044
}
3905
}
4045
 
3906
 
4046
.bio-desk h4.purple {
3907
.bio-desk h4.purple {
4047
	color: #caa3da;
3908
    color: #caa3da;
4048
}
3909
}
4049
 
3910
 
4050
.file-pos {
3911
.file-pos {
4051
	margin: 6px 0 10px 0;
3912
    margin: 6px 0 10px 0;
4052
}
3913
}
4053
 
3914
 
4054
.profile-activity h5 {
3915
.profile-activity h5 {
4055
	font-weight: 300;
3916
    font-weight: 300;
4056
	margin-top: 0;
3917
    margin-top: 0;
4057
	color: #c3c3c3;
3918
    color: #c3c3c3;
4058
}
3919
}
4059
 
3920
 
4060
.summary-head {
3921
.summary-head {
4061
	background: #ee7272;
3922
    background: #ee7272;
4062
	color: #fff;
3923
    color: #fff;
4063
	text-align: center;
3924
    text-align: center;
4064
	border-bottom: 1px solid #ee7272;
3925
    border-bottom: 1px solid #ee7272;
4065
}
3926
}
4066
 
3927
 
4067
.summary-head h4 {
3928
.summary-head h4 {
4068
	font-weight: 300;
3929
    font-weight: 300;
4069
	text-transform: uppercase;
3930
    text-transform: uppercase;
4070
	margin-bottom: 5px;
3931
    margin-bottom: 5px;
4071
}
3932
}
4072
 
3933
 
4073
.summary-head p {
3934
.summary-head p {
4074
	color: rgba(256, 256, 256, 0.6);
3935
    color: rgba(256, 256, 256, 0.6);
4075
}
3936
}
4076
 
3937
 
4077
ul.summary-list {
3938
ul.summary-list {
4078
	display: inline-block;
3939
    display: inline-block;
4079
	padding-left: 0;
3940
    padding-left: 0;
4080
	width: 100%;
3941
    width: 100%;
4081
	margin-bottom: 0;
3942
    margin-bottom: 0;
4082
}
3943
}
4083
 
3944
 
4084
ul.summary-list>li {
3945
ul.summary-list > li {
4085
	display: inline-block;
3946
    display: inline-block;
4086
	width: 19.5%;
3947
    width: 19.5%;
4087
	text-align: center;
3948
    text-align: center;
4088
}
3949
}
4089
 
3950
 
4090
ul.summary-list>li>a>i {
3951
ul.summary-list > li > a > i {
4091
	display: block;
3952
    display: block;
4092
	font-size: 18px;
3953
    font-size: 18px;
4093
	padding-bottom: 5px;
3954
    padding-bottom: 5px;
4094
}
3955
}
4095
 
3956
 
4096
ul.summary-list>li>a {
3957
ul.summary-list > li > a {
4097
	padding: 10px 0;
3958
    padding: 10px 0;
4098
	display: inline-block;
3959
    display: inline-block;
4099
	color: #818181;
3960
    color: #818181;
4100
}
3961
}
4101
 
3962
 
4102
ul.summary-list>li {
3963
ul.summary-list > li {
4103
	border-right: 1px solid #eaeaea;
3964
    border-right: 1px solid #eaeaea;
4104
}
3965
}
4105
 
3966
 
4106
ul.summary-list>li:last-child {
3967
ul.summary-list > li:last-child {
4107
	border-right: none;
3968
    border-right: none;
4108
}
3969
}
4109
 
3970
 
4110
.activity {
3971
.activity {
4111
	width: 100%;
3972
    width: 100%;
4112
	float: left;
3973
    float: left;
4113
	margin-bottom: 10px;
3974
    margin-bottom: 10px;
4114
}
3975
}
4115
 
3976
 
4116
.activity.alt {
3977
.activity.alt {
4117
	width: 100%;
3978
    width: 100%;
4118
	float: right;
3979
    float: right;
4119
	margin-bottom: 10px;
3980
    margin-bottom: 10px;
4120
}
3981
}
4121
 
3982
 
4122
.activity span {
3983
.activity span {
4123
	float: left;
3984
    float: left;
4124
}
3985
}
4125
 
3986
 
4126
.activity.alt span {
3987
.activity.alt span {
4127
	float: right;
3988
    float: right;
4128
}
3989
}
4129
 
3990
 
4130
/*.activity span, .activity.alt span {
3991
/*.activity span, .activity.alt span {
4131
 
3992
 
4132
    width: 45px;
3993
    width: 45px;
Line 4147... Line 4008...
4147
 
4008
 
4148
    font-size: 16px;
4009
    font-size: 16px;
4149
 
4010
 
4150
}*/
4011
}*/
4151
.activity.terques span {
4012
.activity.terques span {
4152
	background: #8dd7d6;
4013
    background: #8dd7d6;
4153
}
4014
}
4154
 
4015
 
4155
.activity.terques h4 {
4016
.activity.terques h4 {
4156
	color: #8dd7d6;
4017
    color: #8dd7d6;
4157
}
4018
}
4158
 
4019
 
4159
.activity.purple span {
4020
.activity.purple span {
4160
	background: #b984dc;
4021
    background: #b984dc;
4161
}
4022
}
4162
 
4023
 
4163
.activity.purple h4 {
4024
.activity.purple h4 {
4164
	color: #b984dc;
4025
    color: #b984dc;
4165
}
4026
}
4166
 
4027
 
4167
.activity.blue span {
4028
.activity.blue span {
4168
	background: #90b4e6;
4029
    background: #90b4e6;
4169
}
4030
}
4170
 
4031
 
4171
.activity.blue h4 {
4032
.activity.blue h4 {
4172
	color: #90b4e6;
4033
    color: #90b4e6;
4173
}
4034
}
4174
 
4035
 
4175
.activity.green span {
4036
.activity.green span {
4176
	background: #4cd964;
4037
    background: #4cd964;
4177
}
4038
}
4178
 
4039
 
4179
.activity.green h4 {
4040
.activity.green h4 {
4180
	color: #4cd964;
4041
    color: #4cd964;
4181
}
4042
}
4182
 
4043
 
4183
.activity h4 {
4044
.activity h4 {
4184
	margin-top: 0;
4045
    margin-top: 0;
4185
	font-size: 16px;
4046
    font-size: 16px;
4186
}
4047
}
4187
 
4048
 
4188
.activity p {
4049
.activity p {
4189
	margin-bottom: 0;
4050
    margin-bottom: 0;
4190
	font-size: 13px;
4051
    font-size: 13px;
4191
}
4052
}
4192
 
4053
 
4193
.activity .activity-desk i, .activity.alt .activity-desk i {
4054
.activity .activity-desk i, .activity.alt .activity-desk i {
4194
	float: left;
4055
    float: left;
4195
	font-size: 18px;
4056
    font-size: 18px;
4196
	margin-right: 10px;
4057
    margin-right: 10px;
4197
	color: #bebebe;
4058
    color: #bebebe;
4198
}
4059
}
4199
 
4060
 
4200
.activity .activity-desk {
4061
.activity .activity-desk {
4201
	margin-left: 70px;
4062
    margin-left: 70px;
4202
	position: relative;
4063
    position: relative;
4203
}
4064
}
4204
 
4065
 
4205
.activity.alt .activity-desk {
4066
.activity.alt .activity-desk {
4206
	margin-right: 70px;
4067
    margin-right: 70px;
4207
	position: relative;
4068
    position: relative;
4208
}
4069
}
4209
 
4070
 
4210
.activity.alt .activity-desk .panel {
4071
.activity.alt .activity-desk .panel {
4211
	float: right;
4072
    float: right;
4212
	position: relative;
4073
    position: relative;
4213
	border-radius: 10px;
4074
    border-radius: 10px;
4214
	-webkit-border-radius: 10px;
4075
    -webkit-border-radius: 10px;
4215
}
4076
}
4216
 
4077
 
4217
.activity .activity-desk .panel {
4078
.activity .activity-desk .panel {
4218
	background: #F4F4F4;
4079
    background: #F4F4F4;
4219
	display: inline-block;
4080
    display: inline-block;
4220
}
4081
}
4221
 
4082
 
4222
.activity.alt .activity-desk .panel {
4083
.activity.alt .activity-desk .panel {
4223
	background: #688a7e;
4084
    background: #688a7e;
4224
	color: #ffffff;
4085
    color: #ffffff;
4225
	display: inline-block;
4086
    display: inline-block;
4226
}
4087
}
4227
 
4088
 
4228
.activity .activity-desk .arrow {
4089
.activity .activity-desk .arrow {
4229
	border-right: 8px solid #F4F4F4 !important;
4090
    border-right: 8px solid #F4F4F4 !important;
4230
}
4091
}
4231
 
4092
 
4232
.activity .activity-desk .arrow {
4093
.activity .activity-desk .arrow {
4233
	border-bottom: 8px solid transparent;
4094
    border-bottom: 8px solid transparent;
4234
	border-top: 8px solid transparent;
4095
    border-top: 8px solid transparent;
4235
	display: block;
4096
    display: block;
4236
	height: 0;
4097
    height: 0;
4237
	left: -7px;
4098
    left: -7px;
4238
	position: absolute;
4099
    position: absolute;
4239
	top: 13px;
4100
    top: 13px;
4240
	width: 0;
4101
    width: 0;
4241
}
4102
}
4242
 
4103
 
4243
.activity-desk .arrow-alt {
4104
.activity-desk .arrow-alt {
4244
	border-left: 8px solid #688a7e !important;
4105
    border-left: 8px solid #688a7e !important;
4245
}
4106
}
4246
 
4107
 
4247
.activity-desk .arrow-alt {
4108
.activity-desk .arrow-alt {
4248
	border-bottom: 8px solid transparent;
4109
    border-bottom: 8px solid transparent;
4249
	border-top: 8px solid transparent;
4110
    border-top: 8px solid transparent;
4250
	display: block;
4111
    display: block;
4251
	height: 0;
4112
    height: 0;
4252
	right: -7px;
4113
    right: -7px;
4253
	position: absolute;
4114
    position: absolute;
4254
	top: 13px;
4115
    top: 13px;
4255
	width: 0;
4116
    width: 0;
4256
}
4117
}
4257
 
4118
 
4258
.activity-desk .album {
4119
.activity-desk .album {
4259
	display: inline-block;
4120
    display: inline-block;
4260
	margin-top: 10px;
4121
    margin-top: 10px;
4261
}
4122
}
4262
 
4123
 
4263
.activity-desk .album a {
4124
.activity-desk .album a {
4264
	margin-right: 10px;
4125
    margin-right: 10px;
4265
}
4126
}
4266
 
4127
 
4267
.activity-desk .album a:last-child {
4128
.activity-desk .album a:last-child {
4268
	margin-right: 0px;
4129
    margin-right: 0px;
4269
}
4130
}
4270
 
4131
 
4271
/*invoice*/
4132
/*invoice*/
4272
.invoice-list {
4133
.invoice-list {
4273
	margin-bottom: 30px;
4134
    margin-bottom: 30px;
4274
}
4135
}
4275
 
4136
 
4276
.invoice-list h4 {
4137
.invoice-list h4 {
4277
	font-weight: 300;
4138
    font-weight: 300;
4278
	font-size: 16px;
4139
    font-size: 16px;
4279
}
4140
}
4280
 
4141
 
4281
.invoice-block {
4142
.invoice-block {
4282
	text-align: right;
4143
    text-align: right;
4283
}
4144
}
4284
 
4145
 
4285
.invoice-paid {
4146
.invoice-paid {
4286
	color: #4cd964;
4147
    color: #4cd964;
4287
}
4148
}
4288
 
4149
 
4289
ul.amounts li {
4150
ul.amounts li {
4290
	background: #f5f5f5;
4151
    background: #f5f5f5;
4291
	margin-bottom: 5px;
4152
    margin-bottom: 5px;
4292
	padding: 10px;
4153
    padding: 10px;
4293
	border-radius: 4px;
4154
    border-radius: 4px;
4294
	-webkit-border-radius: 4px;
4155
    -webkit-border-radius: 4px;
4295
	font-weight: 300;
4156
    font-weight: 300;
4296
}
4157
}
4297
 
4158
 
4298
.invoice-btn a {
4159
.invoice-btn a {
4299
	font-weight: 300;
4160
    font-weight: 300;
4300
	margin: 0 5px;
4161
    margin: 0 5px;
4301
	font-size: 16px;
4162
    font-size: 16px;
4302
}
4163
}
4303
 
4164
 
4304
.company-logo {
4165
.company-logo {
4305
	margin: 30px;
4166
    margin: 30px;
4306
}
4167
}
4307
 
4168
 
4308
/*panel heading color*/
4169
/*panel heading color*/
4309
.panel-heading, .modal-header {
4170
.panel-heading, .modal-header {
4310
	background: #F7F7F7;
4171
    background: #F7F7F7;
4311
	color: #688a7e;
4172
    color: #688a7e;
4312
}
4173
}
4313
 
4174
 
4314
.panel-heading h3 {
4175
.panel-heading h3 {
4315
	margin: 0px !important;
4176
    margin: 0px !important;
4316
}
4177
}
4317
 
4178
 
4318
.panel-primary>.panel-heading.navyblue {
4179
.panel-primary > .panel-heading.navyblue {
4319
	background-color: #2A3542;
4180
    background-color: #2A3542;
4320
	border-color: #2A3542;
4181
    border-color: #2A3542;
4321
	color: #FFFFFF;
4182
    color: #FFFFFF;
4322
}
4183
}
4323
 
4184
 
4324
/*table*/
4185
/*table*/
4325
.table-advance tr td {
4186
.table-advance tr td {
4326
	vertical-align: middle !important;
4187
    vertical-align: middle !important;
4327
}
4188
}
4328
 
4189
 
4329
.no-border {
4190
.no-border {
4330
	border-bottom: none;
4191
    border-bottom: none;
4331
}
4192
}
4332
 
4193
 
4333
.dataTables_length, .dataTables_filter {
4194
.dataTables_length, .dataTables_filter {
4334
	padding: 15px;
4195
    padding: 15px;
4335
}
4196
}
4336
 
4197
 
4337
.dataTables_info {
4198
.dataTables_info {
4338
	padding: 0 15px;
4199
    padding: 0 15px;
4339
}
4200
}
4340
 
4201
 
4341
.dataTables_filter {
4202
.dataTables_filter {
4342
	float: right;
4203
    float: right;
4343
}
4204
}
4344
 
4205
 
4345
.dataTables_length select {
4206
.dataTables_length select {
4346
	width: 65px;
4207
    width: 65px;
4347
	padding: 5px 8px;
4208
    padding: 5px 8px;
4348
}
4209
}
4349
 
4210
 
4350
.dataTables_length label, .dataTables_filter label {
4211
.dataTables_length label, .dataTables_filter label {
4351
	font-weight: 300;
4212
    font-weight: 300;
4352
}
4213
}
4353
 
4214
 
4354
.dataTables_filter label {
4215
.dataTables_filter label {
4355
	width: 100%;
4216
    width: 100%;
4356
}
4217
}
4357
 
4218
 
4358
.dataTables_filter label input {
4219
.dataTables_filter label input {
4359
	width: 78%;
4220
    width: 78%;
4360
}
4221
}
4361
 
4222
 
4362
.border-top {
4223
.border-top {
4363
	border-top: 1px solid #ddd;
4224
    border-top: 1px solid #ddd;
4364
}
4225
}
4365
 
4226
 
4366
.dataTables_paginate.paging_bootstrap.pagination li {
4227
.dataTables_paginate.paging_bootstrap.pagination li {
4367
	float: left;
4228
    float: left;
4368
	margin: 0 1px;
4229
    margin: 0 1px;
4369
	border: 1px solid #ddd;
4230
    border: 1px solid #ddd;
4370
	border-radius: 3px;
4231
    border-radius: 3px;
4371
	-webkit-border-radius: 3px;
4232
    -webkit-border-radius: 3px;
4372
}
4233
}
4373
 
4234
 
4374
.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
4235
.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
4375
	color: #c7c7c7;
4236
    color: #c7c7c7;
4376
}
4237
}
4377
 
4238
 
4378
.dataTables_paginate.paging_bootstrap.pagination li a {
4239
.dataTables_paginate.paging_bootstrap.pagination li a {
4379
	color: #797979;
4240
    color: #797979;
4380
	padding: 5px 10px;
4241
    padding: 5px 10px;
4381
	display: inline-block;
4242
    display: inline-block;
4382
}
4243
}
4383
 
4244
 
4384
.dataTables_paginate.paging_bootstrap.pagination li:hover a,
4245
.dataTables_paginate.paging_bootstrap.pagination li:hover a,
4385
	.dataTables_paginate.paging_bootstrap.pagination li.active a {
4246
.dataTables_paginate.paging_bootstrap.pagination li.active a {
4386
	color: #797979;
4247
    color: #797979;
4387
	background: #eee;
4248
    background: #eee;
4388
	border-radius: 3px;
4249
    border-radius: 3px;
4389
	-webkit-border-radius: 3px;
4250
    -webkit-border-radius: 3px;
4390
}
4251
}
4391
 
4252
 
4392
.dataTables_paginate.paging_bootstrap.pagination {
4253
.dataTables_paginate.paging_bootstrap.pagination {
4393
	float: right;
4254
    float: right;
4394
	margin-right: 15px;
4255
    margin-right: 15px;
4395
	margin-top: -5px;
4256
    margin-top: -5px;
4396
	margin-bottom: 15px;
4257
    margin-bottom: 15px;
4397
}
4258
}
4398
 
4259
 
4399
.dataTable tr:last-child {
4260
.dataTable tr:last-child {
4400
	border-bottom: 1px solid #ddd;
4261
    border-bottom: 1px solid #ddd;
4401
}
4262
}
4402
 
4263
 
4403
/*button*/
4264
/*button*/
4404
.btn-row {
4265
.btn-row {
4405
	margin-bottom: 10px;
4266
    margin-bottom: 10px;
4406
}
4267
}
4407
 
4268
 
4408
/*tabs*/
4269
/*tabs*/
4409
.tab-head {
4270
.tab-head {
4410
	background: #688a7e;
4271
    background: #688a7e;
4411
	display: inline-block;
4272
    display: inline-block;
4412
	width: 100%;
4273
    width: 100%;
4413
	margin-top: 60px;
4274
    margin-top: 60px;
4414
}
4275
}
4415
 
4276
 
4416
.tab-container {
4277
.tab-container {
4417
	margin-top: 10px;
4278
    margin-top: 10px;
4418
}
4279
}
4419
 
4280
 
4420
.tab-head .nav-tabs>li>a {
4281
.tab-head .nav-tabs > li > a {
4421
	border-radius: 0;
4282
    border-radius: 0;
4422
	margin-right: 1px;
4283
    margin-right: 1px;
4423
	color: #fff;
4284
    color: #fff;
4424
}
4285
}
4425
 
4286
 
4426
.tab-head .nav-tabs>li.active>a, .tab-head .nav-tabs>li>a:hover,
4287
.tab-head .nav-tabs > li.active > a, .tab-head .nav-tabs > li > a:hover,
4427
	.tab-head .nav-tabs>li.active>a:hover, .tab-head .nav-tabs>li.active>a:focus
4288
.tab-head .nav-tabs > li.active > a:hover, .tab-head .nav-tabs > li.active > a:focus {
4428
	{
-
 
4429
	background-color: #f1f2f7;
4289
    background-color: #f1f2f7;
4430
	border-color: #f1f2f7;
4290
    border-color: #f1f2f7;
4431
	color: #797979;
4291
    color: #797979;
4432
}
4292
}
4433
 
4293
 
4434
/*general page*/
4294
/*general page*/
4435
.progress-xs {
4295
.progress-xs {
4436
	height: 8px;
4296
    height: 8px;
4437
}
4297
}
4438
 
4298
 
4439
.progress-sm {
4299
.progress-sm {
4440
	height: 12px;
4300
    height: 12px;
4441
}
4301
}
4442
 
4302
 
4443
.panel-heading .nav {
4303
.panel-heading .nav {
4444
	border: medium none;
4304
    border: medium none;
4445
	font-size: 13px;
4305
    font-size: 13px;
4446
	margin: -10px -15px -11px;
4306
    margin: -10px -15px -11px;
4447
}
4307
}
4448
 
4308
 
4449
.tab-bg-primary {
4309
.tab-bg-primary {
4450
	background: #688a7e;
4310
    background: #688a7e;
4451
	border-bottom: none;
4311
    border-bottom: none;
4452
}
4312
}
4453
 
4313
 
4454
.tab-bg-info {
4314
.tab-bg-info {
4455
	background: #324c57;
4315
    background: #324c57;
4456
	border-bottom: none;
4316
    border-bottom: none;
4457
}
4317
}
4458
 
4318
 
4459
.tab-bg-info.panel-heading .nav>li.active>a, .tab-bg-info.panel-heading .nav>li>a:hover
4319
.tab-bg-info.panel-heading .nav > li.active > a, .tab-bg-info.panel-heading .nav > li > a:hover {
4460
	{
-
 
4461
	color: #36464d;
4320
    color: #36464d;
4462
}
4321
}
4463
 
4322
 
4464
.tab-bg-info.panel-heading .nav {
4323
.tab-bg-info.panel-heading .nav {
4465
	margin: -10px 15px -11px;
4324
    margin: -10px 15px -11px;
4466
}
4325
}
4467
 
4326
 
4468
.panel-heading .nav>li>a, .panel-heading .nav>li.active>a,
4327
.panel-heading .nav > li > a, .panel-heading .nav > li.active > a,
4469
	.panel-heading .nav>li.active>a:hover, .panel-heading .nav>li.active>a:focus
4328
.panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus {
4470
	{
-
 
4471
	border-width: 0;
4329
    border-width: 0;
4472
	border-radius: 0;
4330
    border-radius: 0;
4473
}
4331
}
4474
 
4332
 
4475
.panel-heading .nav>li>a {
4333
.panel-heading .nav > li > a {
4476
	color: #fff;
4334
    color: #fff;
4477
}
4335
}
4478
 
4336
 
4479
.panel-heading .nav>li.active>a, .panel-heading .nav>li>a:hover {
4337
.panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover {
4480
	color: #688a7e;
4338
    color: #688a7e;
4481
	background: #fff;
4339
    background: #fff;
4482
}
4340
}
4483
 
4341
 
4484
.tab-right {
4342
.tab-right {
4485
	height: 38px;
4343
    height: 38px;
4486
}
4344
}
4487
 
4345
 
4488
.panel-heading.tab-right .nav>li:first-child.active>a, .tab-right.panel-heading .nav>li:first-child>a:hover
4346
.panel-heading.tab-right .nav > li:first-child.active > a, .tab-right.panel-heading .nav > li:first-child > a:hover {
4489
	{
-
 
4490
	border-radius: 0;
4347
    border-radius: 0;
4491
	-webkit-border-radius: 0;
4348
    -webkit-border-radius: 0;
4492
}
4349
}
4493
 
4350
 
4494
.panel-heading.tab-right .nav>li:last-child.active>a, .tab-right.panel-heading .nav>li:last-child>a:hover
4351
.panel-heading.tab-right .nav > li:last-child.active > a, .tab-right.panel-heading .nav > li:last-child > a:hover {
4495
	{
-
 
4496
	border-radius: 0 4px 0 0;
4352
    border-radius: 0 4px 0 0;
4497
	-webkit-border-radius: 0 4px 0 0;
4353
    -webkit-border-radius: 0 4px 0 0;
4498
}
4354
}
4499
 
4355
 
4500
.panel-heading.tab-right .nav-tabs>li>a {
4356
.panel-heading.tab-right .nav-tabs > li > a {
4501
	margin-left: 1px;
4357
    margin-left: 1px;
4502
	margin-right: 0px;
4358
    margin-right: 0px;
4503
}
4359
}
4504
 
4360
 
4505
.m-bot20 {
4361
.m-bot20 {
4506
	margin-bottom: 20px;
4362
    margin-bottom: 20px;
4507
}
4363
}
4508
 
4364
 
4509
.m-bot-none {
4365
.m-bot-none {
4510
	margin-bottom: 0;
4366
    margin-bottom: 0;
4511
}
4367
}
4512
 
4368
 
4513
.wht-color {
4369
.wht-color {
4514
	color: #fff;
4370
    color: #fff;
4515
}
4371
}
4516
 
4372
 
4517
.close-sm {
4373
.close-sm {
4518
	font-size: 14px;
4374
    font-size: 14px;
4519
}
4375
}
4520
 
4376
 
4521
/*carousel*/
4377
/*carousel*/
4522
.carousel-indicators li {
4378
.carousel-indicators li {
4523
	background: rgba(0, 0, 0, 0.2);
4379
    background: rgba(0, 0, 0, 0.2);
4524
	border: none;
4380
    border: none;
4525
	transition: background-color 0.25s ease 0s;
4381
    transition: background-color 0.25s ease 0s;
4526
	-moz-transition: background-color 0.25s ease 0s;
4382
    -moz-transition: background-color 0.25s ease 0s;
4527
	-webkit-transition: background-color 0.25s ease 0s;
4383
    -webkit-transition: background-color 0.25s ease 0s;
4528
}
4384
}
4529
 
4385
 
4530
.carousel-indicators .active {
4386
.carousel-indicators .active {
4531
	background: #00a0df;
4387
    background: #00a0df;
4532
	height: 10px;
4388
    height: 10px;
4533
	margin: 1px;
4389
    margin: 1px;
4534
	width: 10px;
4390
    width: 10px;
4535
}
4391
}
4536
 
4392
 
4537
.carousel-indicators.out {
4393
.carousel-indicators.out {
4538
	bottom: -5px;
4394
    bottom: -5px;
4539
}
4395
}
4540
 
4396
 
4541
.carousel-indicators.out {
4397
.carousel-indicators.out {
4542
	bottom: -5px;
4398
    bottom: -5px;
4543
}
4399
}
4544
 
4400
 
4545
.carousel-control {
4401
.carousel-control {
4546
	color: #999999;
4402
    color: #999999;
4547
	text-shadow: none;
4403
    text-shadow: none;
4548
	width: 45px;
4404
    width: 45px;
4549
}
4405
}
4550
 
4406
 
4551
.carousel-control i {
4407
.carousel-control i {
4552
	display: inline-block;
4408
    display: inline-block;
4553
	height: 25px;
4409
    height: 25px;
4554
	left: 50%;
4410
    left: 50%;
4555
	margin-left: -10px;
4411
    margin-left: -10px;
4556
	margin-top: -10px;
4412
    margin-top: -10px;
4557
	position: absolute;
4413
    position: absolute;
4558
	top: 50%;
4414
    top: 50%;
4559
	width: 20px;
4415
    width: 20px;
4560
	z-index: 5;
4416
    z-index: 5;
4561
}
4417
}
4562
 
4418
 
4563
.carousel-control.left, .carousel-control.right {
4419
.carousel-control.left, .carousel-control.right {
4564
	background: none;
4420
    background: none;
4565
	filter: none;
4421
    filter: none;
4566
}
4422
}
4567
 
4423
 
4568
.carousel-control:hover, .carousel-control:focus {
4424
.carousel-control:hover, .carousel-control:focus {
4569
	color: #CCCCCC;
4425
    color: #CCCCCC;
4570
	opacity: 0.9;
4426
    opacity: 0.9;
4571
	text-decoration: none;
4427
    text-decoration: none;
4572
}
4428
}
4573
 
4429
 
4574
.carousel-inner h3 {
4430
.carousel-inner h3 {
4575
	font-weight: 300;
4431
    font-weight: 300;
4576
	font-size: 16px;
4432
    font-size: 16px;
4577
	margin: 0;
4433
    margin: 0;
4578
}
4434
}
4579
 
4435
 
4580
.carousel-inner {
4436
.carousel-inner {
4581
	margin-bottom: 15px;
4437
    margin-bottom: 15px;
4582
}
4438
}
4583
 
4439
 
4584
/*gritter*/
4440
/*gritter*/
4585
.gritter-close {
4441
.gritter-close {
4586
	left: auto !important;
4442
    left: auto !important;
4587
	right: 3px !important;
4443
    right: 3px !important;
4588
}
4444
}
4589
 
4445
 
4590
/*form*/
4446
/*form*/
4591
.sm-input {
4447
.sm-input {
4592
	width: 175px;
4448
    width: 175px;
4593
}
4449
}
4594
 
4450
 
4595
.form-horizontal .form-group {
4451
.form-horizontal .form-group {
4596
	border-bottom: 1px solid #eff2f7;
4452
    border-bottom: 1px solid #eff2f7;
4597
	padding-bottom: 15px;
4453
    padding-bottom: 15px;
4598
	margin-bottom: 15px;
4454
    margin-bottom: 15px;
4599
}
4455
}
4600
 
4456
 
4601
.form-horizontal .form-group:last-child {
4457
.form-horizontal .form-group:last-child {
4602
	border-bottom: none;
4458
    border-bottom: none;
4603
	padding-bottom: 0px;
4459
    padding-bottom: 0px;
4604
	margin-bottom: 0px;
4460
    margin-bottom: 0px;
4605
}
4461
}
4606
 
4462
 
4607
.form-horizontal .form-group .help-block {
4463
.form-horizontal .form-group .help-block {
4608
	margin-bottom: 0;
4464
    margin-bottom: 0;
4609
}
4465
}
4610
 
4466
 
4611
.round-input {
4467
.round-input {
4612
	border-radius: 500px;
4468
    border-radius: 500px;
4613
	-webkit-border-radius: 500px;
4469
    -webkit-border-radius: 500px;
4614
}
4470
}
4615
 
4471
 
4616
.m-bot15 {
4472
.m-bot15 {
4617
	margin-bottom: 15px;
4473
    margin-bottom: 15px;
4618
}
4474
}
4619
 
4475
 
4620
.form-horizontal .checkbox-inline>input {
4476
.form-horizontal .checkbox-inline > input {
4621
	margin-top: 1px;
4477
    margin-top: 1px;
4622
	border: none;
4478
    border: none;
4623
}
4479
}
4624
 
4480
 
4625
/*form validation*/
4481
/*form validation*/
4626
.form-validate .form-group label.error {
4482
.form-validate .form-group label.error {
4627
	display: inline;
4483
    display: inline;
4628
	margin: 5px 0;
4484
    margin: 5px 0;
4629
	color: #00a0df;
4485
    color: #00a0df;
4630
	font-weight: 400;
4486
    font-weight: 400;
4631
}
4487
}
4632
 
4488
 
4633
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus,
4489
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus,
4634
	.form-validate .form-group input.error, .form-validate .form-group textarea.error
4490
.form-validate .form-group input.error, .form-validate .form-group textarea.error {
4635
	{
-
 
4636
	border-color: #00a0df !important;
4491
    border-color: #00a0df !important;
4637
}
4492
}
4638
 
4493
 
4639
#register_form label.error {
4494
#register_form label.error {
4640
	display: inline;
4495
    display: inline;
4641
	margin: 5px 0px;
4496
    margin: 5px 0px;
4642
	width: auto;
4497
    width: auto;
4643
	color: #00a0df;
4498
    color: #00a0df;
4644
}
4499
}
4645
 
4500
 
4646
.checkbox, .checkbox:hover, .checkbox:focus {
4501
.checkbox, .checkbox:hover, .checkbox:focus {
4647
	border: none;
4502
    border: none;
4648
}
4503
}
4649
 
4504
 
4650
/*slider*/
4505
/*slider*/
4651
table.sliders tr td {
4506
table.sliders tr td {
4652
	padding: 30px 0;
4507
    padding: 30px 0;
4653
	border: none;
4508
    border: none;
4654
}
4509
}
4655
 
4510
 
4656
.slider {
4511
.slider {
4657
	margin-top: 3px;
4512
    margin-top: 3px;
4658
}
4513
}
4659
 
4514
 
4660
.slider-info {
4515
.slider-info {
4661
	padding-top: 10px;
4516
    padding-top: 10px;
4662
}
4517
}
4663
 
4518
 
4664
.sliders .ui-widget-header {
4519
.sliders .ui-widget-header {
4665
	background: #688a7e !important;
4520
    background: #688a7e !important;
4666
	border-radius: 15px !important;
4521
    border-radius: 15px !important;
4667
	-webkit-border-radius: 15px !important;
4522
    -webkit-border-radius: 15px !important;
4668
}
4523
}
4669
 
4524
 
4670
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
4525
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
4671
	border-bottom-right-radius: 0 !important;
4526
    border-bottom-right-radius: 0 !important;
4672
}
4527
}
4673
 
4528
 
4674
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
4529
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
4675
	border-bottom-left-radius: 0 !important;
4530
    border-bottom-left-radius: 0 !important;
4676
}
4531
}
4677
 
4532
 
4678
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
4533
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
4679
	border-top-right-radius: 0 !important;
4534
    border-top-right-radius: 0 !important;
4680
}
4535
}
4681
 
4536
 
4682
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
4537
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
4683
	border-top-left-radius: 0 !important;
4538
    border-top-left-radius: 0 !important;
4684
}
4539
}
4685
 
4540
 
4686
#eq span {
4541
#eq span {
4687
	height: 120px;
4542
    height: 120px;
4688
	float: left;
4543
    float: left;
4689
	margin: 15px
4544
    margin: 15px
4690
}
4545
}
4691
 
4546
 
4692
.ui-widget-content {
4547
.ui-widget-content {
4693
	background: #f0f2f7 !important;
4548
    background: #f0f2f7 !important;
4694
	border: none !important;
4549
    border: none !important;
4695
	border-radius: 15px !important;
4550
    border-radius: 15px !important;
4696
	-webkit-border-radius: 15px !important;
4551
    -webkit-border-radius: 15px !important;
4697
}
4552
}
4698
 
4553
 
4699
.ui-slider-horizontal {
4554
.ui-slider-horizontal {
4700
	height: 8px !important;
4555
    height: 8px !important;
4701
}
4556
}
4702
 
4557
 
4703
.ui-slider-horizontal .ui-slider-handle {
4558
.ui-slider-horizontal .ui-slider-handle {
4704
	top: -0.57em !important;
4559
    top: -0.57em !important;
4705
}
4560
}
4706
 
4561
 
4707
.ui-state-default, .ui-widget-content .ui-state-default,
4562
.ui-state-default, .ui-widget-content .ui-state-default,
4708
	.ui-widget-header .ui-state-default {
4563
.ui-widget-header .ui-state-default {
4709
	background: #fff !important;
4564
    background: #fff !important;
4710
	/*border: 3px solid #22bacf !important;*/
4565
    /*border: 3px solid #22bacf !important;*/
4711
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
4566
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
4712
	border-radius: 50% !important;
4567
    border-radius: 50% !important;
4713
	-webkit-border-radius: 50% !important;
4568
    -webkit-border-radius: 50% !important;
4714
}
4569
}
4715
 
4570
 
4716
.ui-slider-vertical {
4571
.ui-slider-vertical {
4717
	width: 8px !important;
4572
    width: 8px !important;
4718
}
4573
}
4719
 
4574
 
4720
.ui-slider-vertical .ui-slider-handle {
4575
.ui-slider-vertical .ui-slider-handle {
4721
	left: -0.5em !important;
4576
    left: -0.5em !important;
4722
}
4577
}
4723
 
4578
 
4724
.ui-slider .ui-slider-handle {
4579
.ui-slider .ui-slider-handle {
4725
	cursor: default;
4580
    cursor: default;
4726
	height: 1.6em;
4581
    height: 1.6em;
4727
	position: absolute;
4582
    position: absolute;
4728
	width: 1.6em;
4583
    width: 1.6em;
4729
	z-index: 2;
4584
    z-index: 2;
4730
}
4585
}
4731
 
4586
 
4732
.bound-s {
4587
.bound-s {
4733
	width: 90px;
4588
    width: 90px;
4734
	margin-bottom: 15px;
4589
    margin-bottom: 15px;
4735
}
4590
}
4736
 
4591
 
4737
/*----switch ----*/
4592
/*----switch ----*/
4738
.has-switch {
4593
.has-switch {
4739
	border-radius: 30px;
4594
    border-radius: 30px;
4740
	-webkit-border-radius: 30px;
4595
    -webkit-border-radius: 30px;
4741
	display: inline-block;
4596
    display: inline-block;
4742
	cursor: pointer;
4597
    cursor: pointer;
4743
	line-height: 1.231;
4598
    line-height: 1.231;
4744
	overflow: hidden;
4599
    overflow: hidden;
4745
	position: relative;
4600
    position: relative;
4746
	text-align: left;
4601
    text-align: left;
4747
	width: 80px;
4602
    width: 80px;
4748
	-webkit-mask: url('../img/mask.png') 0 0 no-repeat;
4603
    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
4749
	mask: url('../img/mask.png') 0 0 no-repeat;
4604
    mask: url('../img/mask.png') 0 0 no-repeat;
4750
	-webkit-user-select: none;
4605
    -webkit-user-select: none;
4751
	-moz-user-select: none;
4606
    -moz-user-select: none;
4752
	-ms-user-select: none;
4607
    -ms-user-select: none;
4753
	-o-user-select: none;
4608
    -o-user-select: none;
4754
	user-select: none;
4609
    user-select: none;
4755
}
4610
}
4756
 
4611
 
4757
.has-switch.deactivate {
4612
.has-switch.deactivate {
4758
	opacity: 0.5;
4613
    opacity: 0.5;
4759
	filter: alpha(opacity = 50);
4614
    filter: alpha(opacity=50);
4760
	cursor: default !important;
4615
    cursor: default !important;
4761
}
4616
}
4762
 
4617
 
4763
.has-switch.deactivate label, .has-switch.deactivate span {
4618
.has-switch.deactivate label, .has-switch.deactivate span {
4764
	cursor: default !important;
4619
    cursor: default !important;
4765
}
4620
}
4766
 
4621
 
4767
.has-switch>div {
4622
.has-switch > div {
4768
	width: 162%;
4623
    width: 162%;
4769
	position: relative;
4624
    position: relative;
4770
	top: 0;
4625
    top: 0;
4771
}
4626
}
4772
 
4627
 
4773
.has-switch>div.switch-animate {
4628
.has-switch > div.switch-animate {
4774
	-webkit-transition: left 0.25s ease-out;
4629
    -webkit-transition: left 0.25s ease-out;
4775
	-moz-transition: left 0.25s ease-out;
4630
    -moz-transition: left 0.25s ease-out;
4776
	-o-transition: left 0.25s ease-out;
4631
    -o-transition: left 0.25s ease-out;
4777
	transition: left 0.25s ease-out;
4632
    transition: left 0.25s ease-out;
4778
	-webkit-backface-visibility: hidden;
4633
    -webkit-backface-visibility: hidden;
4779
}
4634
}
4780
 
4635
 
4781
.has-switch>div.switch-off {
4636
.has-switch > div.switch-off {
4782
	left: -63%;
4637
    left: -63%;
4783
}
4638
}
4784
 
4639
 
4785
.has-switch>div.switch-off label {
4640
.has-switch > div.switch-off label {
4786
	background-color: #7f8c9a;
4641
    background-color: #7f8c9a;
4787
	border-color: #bdc3c7;
4642
    border-color: #bdc3c7;
4788
	-webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
4643
    -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
4789
	-moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
4644
    -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
4790
	box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
4645
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
4791
}
4646
}
4792
 
4647
 
4793
.has-switch>div.switch-on {
4648
.has-switch > div.switch-on {
4794
	left: 0%;
4649
    left: 0%;
4795
}
4650
}
4796
 
4651
 
4797
.has-switch>div.switch-on label {
4652
.has-switch > div.switch-on label {
4798
	background-color: #34aadc;
4653
    background-color: #34aadc;
4799
}
4654
}
4800
 
4655
 
4801
.has-switch input[type=checkbox] {
4656
.has-switch input[type=checkbox] {
4802
	display: none;
4657
    display: none;
4803
}
4658
}
4804
 
4659
 
4805
.has-switch span {
4660
.has-switch span {
4806
	cursor: pointer;
4661
    cursor: pointer;
4807
	font-size: 14.994px;
4662
    font-size: 14.994px;
4808
	font-weight: 700;
4663
    font-weight: 700;
4809
	float: left;
4664
    float: left;
4810
	height: 29px;
4665
    height: 29px;
4811
	line-height: 19px;
4666
    line-height: 19px;
4812
	margin: 0;
4667
    margin: 0;
4813
	padding-bottom: 6px;
4668
    padding-bottom: 6px;
4814
	padding-top: 5px;
4669
    padding-top: 5px;
4815
	position: relative;
4670
    position: relative;
4816
	text-align: center;
4671
    text-align: center;
4817
	width: 50%;
4672
    width: 50%;
4818
	z-index: 1;
4673
    z-index: 1;
4819
	-webkit-box-sizing: border-box;
4674
    -webkit-box-sizing: border-box;
4820
	-moz-box-sizing: border-box;
4675
    -moz-box-sizing: border-box;
4821
	box-sizing: border-box;
4676
    box-sizing: border-box;
4822
	-webkit-transition: 0.25s ease-out;
4677
    -webkit-transition: 0.25s ease-out;
4823
	-moz-transition: 0.25s ease-out;
4678
    -moz-transition: 0.25s ease-out;
4824
	-o-transition: 0.25s ease-out;
4679
    -o-transition: 0.25s ease-out;
4825
	transition: 0.25s ease-out;
4680
    transition: 0.25s ease-out;
4826
	-webkit-backface-visibility: hidden;
4681
    -webkit-backface-visibility: hidden;
4827
}
4682
}
4828
 
4683
 
4829
.has-switch span.switch-left {
4684
.has-switch span.switch-left {
4830
	border-radius: 30px 0 0 30px;
4685
    border-radius: 30px 0 0 30px;
4831
	background-color: #2A3542;
4686
    background-color: #2A3542;
4832
	color: #34aadc;
4687
    color: #34aadc;
4833
	border-left: 1px solid transparent;
4688
    border-left: 1px solid transparent;
4834
}
4689
}
4835
 
4690
 
4836
.has-switch span.switch-right {
4691
.has-switch span.switch-right {
4837
	border-radius: 0 30px 30px 0;
4692
    border-radius: 0 30px 30px 0;
4838
	background-color: #bdc3c7;
4693
    background-color: #bdc3c7;
4839
	color: #ffffff;
4694
    color: #ffffff;
4840
	text-indent: 7px;
4695
    text-indent: 7px;
4841
}
4696
}
4842
 
4697
 
4843
.has-switch span.switch-right [class*="fui-"] {
4698
.has-switch span.switch-right [class*="fui-"] {
4844
	text-indent: 0;
4699
    text-indent: 0;
4845
}
4700
}
4846
 
4701
 
4847
.has-switch label {
4702
.has-switch label {
4848
	border: 4px solid #2A3542;
4703
    border: 4px solid #2A3542;
4849
	border-radius: 50%;
4704
    border-radius: 50%;
4850
	-webkit-border-radius: 50%;
4705
    -webkit-border-radius: 50%;
4851
	float: left;
4706
    float: left;
4852
	height: 29px;
4707
    height: 29px;
4853
	margin: 0 -21px 0 -14px;
4708
    margin: 0 -21px 0 -14px;
4854
	padding: 0;
4709
    padding: 0;
4855
	position: relative;
4710
    position: relative;
4856
	vertical-align: middle;
4711
    vertical-align: middle;
4857
	width: 29px;
4712
    width: 29px;
4858
	z-index: 100;
4713
    z-index: 100;
4859
	-webkit-transition: 0.25s ease-out;
4714
    -webkit-transition: 0.25s ease-out;
4860
	-moz-transition: 0.25s ease-out;
4715
    -moz-transition: 0.25s ease-out;
4861
	-o-transition: 0.25s ease-out;
4716
    -o-transition: 0.25s ease-out;
4862
	transition: 0.25s ease-out;
4717
    transition: 0.25s ease-out;
4863
	-webkit-backface-visibility: hidden;
4718
    -webkit-backface-visibility: hidden;
4864
}
4719
}
4865
 
4720
 
4866
.switch-square {
4721
.switch-square {
4867
	border-radius: 6px;
4722
    border-radius: 6px;
4868
	-webkit-border-radius: 6px;
4723
    -webkit-border-radius: 6px;
4869
	-webkit-mask: url('../img/mask.png') 0 0 no-repeat;
4724
    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
4870
	mask: url('../img/mask.png') 0 0 no-repeat;
4725
    mask: url('../img/mask.png') 0 0 no-repeat;
4871
}
4726
}
4872
 
4727
 
4873
.switch-square>div.switch-off label {
4728
.switch-square > div.switch-off label {
4874
	border-color: #7f8c9a;
4729
    border-color: #7f8c9a;
4875
	border-radius: 6px 0 0 6px;
4730
    border-radius: 6px 0 0 6px;
4876
}
4731
}
4877
 
4732
 
4878
.switch-square span.switch-left {
4733
.switch-square span.switch-left {
4879
	border-radius: 6px 0 0 6px;
4734
    border-radius: 6px 0 0 6px;
4880
}
4735
}
4881
 
4736
 
4882
.switch-square span.switch-left [class*="fui-"] {
4737
.switch-square span.switch-left [class*="fui-"] {
4883
	text-indent: -10px;
4738
    text-indent: -10px;
4884
}
4739
}
4885
 
4740
 
4886
.switch-square span.switch-right {
4741
.switch-square span.switch-right {
4887
	border-radius: 0 6px 6px 0;
4742
    border-radius: 0 6px 6px 0;
4888
}
4743
}
4889
 
4744
 
4890
.switch-square span.switch-right [class*="fui-"] {
4745
.switch-square span.switch-right [class*="fui-"] {
4891
	text-indent: 5px;
4746
    text-indent: 5px;
4892
}
4747
}
4893
 
4748
 
4894
.switch-square label {
4749
.switch-square label {
4895
	border-radius: 0 6px 6px 0;
4750
    border-radius: 0 6px 6px 0;
4896
	border-color: #34aadc;
4751
    border-color: #34aadc;
4897
}
4752
}
4898
 
4753
 
4899
/*tag input*/
4754
/*tag input*/
4900
.tagsinput {
4755
.tagsinput {
4901
	border: 1px solid #e3e6ed;
4756
    border: 1px solid #e3e6ed;
4902
	border-radius: 6px;
4757
    border-radius: 6px;
4903
	height: 100px;
4758
    height: 100px;
4904
	padding: 6px 1px 1px 6px;
4759
    padding: 6px 1px 1px 6px;
4905
	overflow-y: auto;
4760
    overflow-y: auto;
4906
	text-align: left;
4761
    text-align: left;
4907
}
4762
}
4908
 
4763
 
4909
.tagsinput .tag {
4764
.tagsinput .tag {
4910
	border-radius: 4px;
4765
    border-radius: 4px;
4911
	background-color: #688a7e;
4766
    background-color: #688a7e;
4912
	color: #ffffff;
4767
    color: #ffffff;
4913
	cursor: pointer;
4768
    cursor: pointer;
4914
	margin-right: 5px;
4769
    margin-right: 5px;
4915
	margin-bottom: 5px;
4770
    margin-bottom: 5px;
4916
	overflow: hidden;
4771
    overflow: hidden;
4917
	line-height: 15px;
4772
    line-height: 15px;
4918
	padding: 6px 13px 8px 19px;
4773
    padding: 6px 13px 8px 19px;
4919
	position: relative;
4774
    position: relative;
4920
	vertical-align: middle;
4775
    vertical-align: middle;
4921
	display: inline-block;
4776
    display: inline-block;
4922
	zoom: 1;
4777
    zoom: 1;
4923
	*display: inline;
4778
    *display: inline;
4924
	-webkit-transition: 0.14s linear;
4779
    -webkit-transition: 0.14s linear;
4925
	-moz-transition: 0.14s linear;
4780
    -moz-transition: 0.14s linear;
4926
	-o-transition: 0.14s linear;
4781
    -o-transition: 0.14s linear;
4927
	transition: 0.14s linear;
4782
    transition: 0.14s linear;
4928
	-webkit-backface-visibility: hidden;
4783
    -webkit-backface-visibility: hidden;
4929
}
4784
}
4930
 
4785
 
4931
.tagsinput .tag:hover {
4786
.tagsinput .tag:hover {
4932
	background-color: rgba(0, 122, 255, 0.7);
4787
    background-color: rgba(0, 122, 255, 0.7);
4933
	color: #ffffff;
4788
    color: #ffffff;
4934
	padding-left: 12px;
4789
    padding-left: 12px;
4935
	padding-right: 20px;
4790
    padding-right: 20px;
4936
}
4791
}
4937
 
4792
 
4938
.tagsinput .tag:hover .tagsinput-remove-link {
4793
.tagsinput .tag:hover .tagsinput-remove-link {
4939
	color: #ffffff;
4794
    color: #ffffff;
4940
	opacity: 1;
4795
    opacity: 1;
4941
	display: block\9;
4796
    display: block \9;
4942
}
4797
}
4943
 
4798
 
4944
.tagsinput input {
4799
.tagsinput input {
4945
	background: transparent;
4800
    background: transparent;
4946
	border: none;
4801
    border: none;
4947
	color: #34495e;
4802
    color: #34495e;
4948
	font-family: "Lato", sans-serif;
4803
    font-family: "Lato", sans-serif;
4949
	font-size: 14px;
4804
    font-size: 14px;
4950
	margin: 0px;
4805
    margin: 0px;
4951
	padding: 0 0 0 5px;
4806
    padding: 0 0 0 5px;
4952
	outline: 0;
4807
    outline: 0;
4953
	margin-right: 5px;
4808
    margin-right: 5px;
4954
	margin-bottom: 5px;
4809
    margin-bottom: 5px;
4955
	width: 12px;
4810
    width: 12px;
4956
}
4811
}
4957
 
4812
 
4958
.tagsinput-remove-link {
4813
.tagsinput-remove-link {
4959
	bottom: 0;
4814
    bottom: 0;
4960
	color: #ffffff;
4815
    color: #ffffff;
4961
	cursor: pointer;
4816
    cursor: pointer;
4962
	font-size: 12px;
4817
    font-size: 12px;
4963
	opacity: 0;
4818
    opacity: 0;
4964
	padding: 7px 7px 5px 0;
4819
    padding: 7px 7px 5px 0;
4965
	position: absolute;
4820
    position: absolute;
4966
	right: 0;
4821
    right: 0;
4967
	text-align: right;
4822
    text-align: right;
4968
	text-decoration: none;
4823
    text-decoration: none;
4969
	top: 0;
4824
    top: 0;
4970
	width: 100%;
4825
    width: 100%;
4971
	z-index: 2;
4826
    z-index: 2;
4972
	display: none\9;
4827
    display: none \9;
4973
}
4828
}
4974
 
4829
 
4975
.tagsinput-remove-link:before {
4830
.tagsinput-remove-link:before {
4976
	color: #ffffff;
4831
    color: #ffffff;
4977
	content: "\f00d";
4832
    content: "\f00d";
4978
	font-family: "FontAwesome";
4833
    font-family: "FontAwesome";
4979
}
4834
}
4980
 
4835
 
4981
.tagsinput-add-container {
4836
.tagsinput-add-container {
4982
	vertical-align: middle;
4837
    vertical-align: middle;
4983
	display: inline-block;
4838
    display: inline-block;
4984
	zoom: 1;
4839
    zoom: 1;
4985
	*display: inline;
4840
    *display: inline;
4986
}
4841
}
4987
 
4842
 
4988
.tagsinput-add {
4843
.tagsinput-add {
4989
	background-color: #d6dbdf;
4844
    background-color: #d6dbdf;
4990
	border-radius: 3px;
4845
    border-radius: 3px;
4991
	color: #ffffff;
4846
    color: #ffffff;
4992
	cursor: pointer;
4847
    cursor: pointer;
4993
	margin-bottom: 5px;
4848
    margin-bottom: 5px;
4994
	padding: 6px 9px;
4849
    padding: 6px 9px;
4995
	display: inline-block;
4850
    display: inline-block;
4996
	zoom: 1;
4851
    zoom: 1;
4997
	*display: inline;
4852
    *display: inline;
4998
	-webkit-transition: 0.25s;
4853
    -webkit-transition: 0.25s;
4999
	-moz-transition: 0.25s;
4854
    -moz-transition: 0.25s;
5000
	-o-transition: 0.25s;
4855
    -o-transition: 0.25s;
5001
	transition: 0.25s;
4856
    transition: 0.25s;
5002
	-webkit-backface-visibility: hidden;
4857
    -webkit-backface-visibility: hidden;
5003
}
4858
}
5004
 
4859
 
5005
.tagsinput-add:hover {
4860
.tagsinput-add:hover {
5006
	background-color: #688a7e;
4861
    background-color: #688a7e;
5007
}
4862
}
5008
 
4863
 
5009
.tagsinput-add:before {
4864
.tagsinput-add:before {
5010
	content: "\f067";
4865
    content: "\f067";
5011
	font-family: "FontAwesome";
4866
    font-family: "FontAwesome";
5012
}
4867
}
5013
 
4868
 
5014
.tags_clear {
4869
.tags_clear {
5015
	clear: both;
4870
    clear: both;
5016
	width: 100%;
4871
    width: 100%;
5017
	height: 0px;
4872
    height: 0px;
5018
}
4873
}
5019
 
4874
 
5020
/*checkbox & radio style*/
4875
/*checkbox & radio style*/
5021
.checkboxes label, .radios label {
4876
.checkboxes label, .radios label {
5022
	display: block;
4877
    display: block;
5023
	cursor: pointer;
4878
    cursor: pointer;
5024
	line-height: 20px;
4879
    line-height: 20px;
5025
	padding-bottom: 7px;
4880
    padding-bottom: 7px;
5026
	font-weight: 300;
4881
    font-weight: 300;
5027
}
4882
}
5028
 
4883
 
5029
.radios {
4884
.radios {
5030
	padding-top: 18px;
4885
    padding-top: 18px;
5031
}
4886
}
5032
 
4887
 
5033
.label_check input, .label_radio input {
4888
.label_check input, .label_radio input {
5034
	margin-right: 5px;
4889
    margin-right: 5px;
5035
}
4890
}
5036
 
4891
 
5037
.has-js .label_check, .has-js .label_radio {
4892
.has-js .label_check, .has-js .label_radio {
5038
	padding-left: 34px;
4893
    padding-left: 34px;
5039
}
4894
}
5040
 
4895
 
5041
.has-js .label_radio {
4896
.has-js .label_radio {
5042
	background: url(../img/checkbox/radio-off.png) no-repeat;
4897
    background: url(../img/checkbox/radio-off.png) no-repeat;
5043
}
4898
}
5044
 
4899
 
5045
.has-js .label_check {
4900
.has-js .label_check {
5046
	background: url(../img/checkbox/check-off.png) no-repeat;
4901
    background: url(../img/checkbox/check-off.png) no-repeat;
5047
}
4902
}
5048
 
4903
 
5049
.has-js label.c_on {
4904
.has-js label.c_on {
5050
	background: url(../img/checkbox/check-on.png) no-repeat;
4905
    background: url(../img/checkbox/check-on.png) no-repeat;
5051
}
4906
}
5052
 
4907
 
5053
.has-js label.r_on {
4908
.has-js label.r_on {
5054
	background: url(../img/checkbox/radio-on.png) no-repeat;
4909
    background: url(../img/checkbox/radio-on.png) no-repeat;
5055
}
4910
}
5056
 
4911
 
5057
.has-js .label_check input, .has-js .label_radio input {
4912
.has-js .label_check input, .has-js .label_radio input {
5058
	position: absolute;
4913
    position: absolute;
5059
	left: -9999px;
4914
    left: -9999px;
5060
}
4915
}
5061
 
4916
 
5062
/*date picker*/
4917
/*date picker*/
5063
.add-on {
4918
.add-on {
5064
	border: 1px solid #E2E2E4;
4919
    border: 1px solid #E2E2E4;
5065
	border-radius: 4px;
4920
    border-radius: 4px;
5066
	-webkit-border-radius: 4px;
4921
    -webkit-border-radius: 4px;
5067
	float: right;
4922
    float: right;
5068
	margin-right: -37px;
4923
    margin-right: -37px;
5069
	margin-top: -34px;
4924
    margin-top: -34px;
5070
	padding: 8px;
4925
    padding: 8px;
5071
	text-align: center;
4926
    text-align: center;
5072
	background: #EEEEEE;
4927
    background: #EEEEEE;
5073
}
4928
}
5074
 
4929
 
5075
/* .daterangepicker .ranges .range_inputs > div:nth-child(2) {
4930
/* .daterangepicker .ranges .range_inputs > div:nth-child(2) {
5076
 
4931
 
5077
    margin-bottom: 10px;
4932
    margin-bottom: 10px;
5078
 
4933
 
5079
    padding-left: 0px;
4934
    padding-left: 0px;
5080
 
4935
 
5081
} 
4936
}
5082
 
4937
 
5083
 
4938
 
5084
 
4939
 
5085
.daterangepicker .ranges label {
4940
.daterangepicker .ranges label {
5086
 
4941
 
Line 5114... Line 4969...
5114
 
4969
 
5115
    text-align: center;
4970
    text-align: center;
5116
 
4971
 
5117
    white-space: nowrap;
4972
    white-space: nowrap;
5118
 
4973
 
5119
} 
4974
}
5120
 
4975
 
5121
 
4976
 
5122
 
4977
 
5123
.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active {
4978
.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active {
5124
 
4979
 
5125
    text-shadow: none;
4980
    text-shadow: none;
5126
 
4981
 
5127
} 
4982
}
5128
 
4983
 
5129
 
4984
 
5130
 
4985
 
5131
.datepicker th.switch {
4986
.datepicker th.switch {
5132
 
4987
 
Line 5144... Line 4999...
5144
 
4999
 
5145
} */
5000
} */
5146
 
5001
 
5147
/*ck editor*/
5002
/*ck editor*/
5148
.cke_top, .cke_bottom {
5003
.cke_top, .cke_bottom {
5149
	background: #F5F5F5 !important;
5004
    background: #F5F5F5 !important;
5150
	background: -moz-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat
5005
    background: -moz-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
5151
		scroll 0 0 #F5F5F5 !important;
-
 
5152
	background: -webkit-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat
5006
    background: -webkit-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
5153
		scroll 0 0 #F5F5F5 !important;
-
 
5154
	background: -o-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat
5007
    background: -o-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
5155
		scroll 0 0 #F5F5F5 !important;
-
 
5156
	box-shadow: none;
5008
    box-shadow: none;
5157
	padding: 6px 8px 2px;
5009
    padding: 6px 8px 2px;
5158
}
5010
}
5159
 
5011
 
5160
.cke_top {
5012
.cke_top {
5161
	border-bottom: 1px solid #cccccc !important;
5013
    border-bottom: 1px solid #cccccc !important;
5162
}
5014
}
5163
 
5015
 
5164
.cke_chrome {
5016
.cke_chrome {
5165
	border: 1px solid #cccccc !important;
5017
    border: 1px solid #cccccc !important;
5166
	box-shadow: none !important;
5018
    box-shadow: none !important;
5167
	display: block;
5019
    display: block;
5168
	padding: 0;
5020
    padding: 0;
5169
}
5021
}
5170
 
5022
 
5171
/*form wizard*/
5023
/*form wizard*/
5172
.stepy-tab {
5024
.stepy-tab {
5173
	text-align: center;
5025
    text-align: center;
5174
}
5026
}
5175
 
5027
 
5176
.stepy-tab ul {
5028
.stepy-tab ul {
5177
	display: inline-block;
5029
    display: inline-block;
5178
}
5030
}
5179
 
5031
 
5180
.stepy-tab ul li {
5032
.stepy-tab ul li {
5181
	float: left;
5033
    float: left;
5182
}
5034
}
5183
 
5035
 
5184
.step legend {
5036
.step legend {
5185
	border: none;
5037
    border: none;
5186
}
5038
}
5187
 
5039
 
5188
.button-back {
5040
.button-back {
5189
	float: left;
5041
    float: left;
5190
}
5042
}
5191
 
5043
 
5192
.button-next, .finish {
5044
.button-next, .finish {
5193
	float: right;
5045
    float: right;
5194
}
5046
}
5195
 
5047
 
5196
.button-back, .button-next, .finish {
5048
.button-back, .button-next, .finish {
5197
	cursor: pointer;
5049
    cursor: pointer;
5198
	text-decoration: none;
5050
    text-decoration: none;
5199
}
5051
}
5200
 
5052
 
5201
.step {
5053
.step {
5202
	clear: left;
5054
    clear: left;
5203
}
5055
}
5204
 
5056
 
5205
.step label {
5057
.step label {
5206
	display: block;
5058
    display: block;
5207
}
5059
}
5208
 
5060
 
5209
.stepy-titles li {
5061
.stepy-titles li {
5210
	color: #757575;
5062
    color: #757575;
5211
	cursor: pointer;
5063
    cursor: pointer;
5212
	float: left;
5064
    float: left;
5213
	margin: 10px 15px;
5065
    margin: 10px 15px;
5214
}
5066
}
5215
 
5067
 
5216
.stepy-titles li span {
5068
.stepy-titles li span {
5217
	display: block;
5069
    display: block;
5218
}
5070
}
5219
 
5071
 
5220
.stepy-titles li.current-step div {
5072
.stepy-titles li.current-step div {
5221
	color: #fff;
5073
    color: #fff;
5222
	cursor: auto;
5074
    cursor: auto;
5223
	background: #688a7e;
5075
    background: #688a7e;
5224
	border-radius: 50%;
5076
    border-radius: 50%;
5225
	-webkit-border-radius: 50%;
5077
    -webkit-border-radius: 50%;
5226
	width: 80px;
5078
    width: 80px;
5227
	height: 80px;
5079
    height: 80px;
5228
	line-height: 80px;
5080
    line-height: 80px;
5229
}
5081
}
5230
 
5082
 
5231
.stepy-titles li div {
5083
.stepy-titles li div {
5232
	font-size: 16px;
5084
    font-size: 16px;
5233
	font-weight: 300;
5085
    font-weight: 300;
5234
	background: #eee;
5086
    background: #eee;
5235
	border-radius: 50%;
5087
    border-radius: 50%;
5236
	-webkit-border-radius: 50%;
5088
    -webkit-border-radius: 50%;
5237
	width: 80px;
5089
    width: 80px;
5238
	height: 80px;
5090
    height: 80px;
5239
	line-height: 80px;
5091
    line-height: 80px;
5240
}
5092
}
5241
 
5093
 
5242
/*widget*/
5094
/*widget*/
5243
.user-heading.alt {
5095
.user-heading.alt {
5244
	display: inline-block;
5096
    display: inline-block;
5245
	width: 100%;
5097
    width: 100%;
5246
	text-align: left;
5098
    text-align: left;
5247
}
5099
}
5248
 
5100
 
5249
.alt.green-bg {
5101
.alt.green-bg {
5250
	background: #4cd964;
5102
    background: #4cd964;
5251
}
5103
}
5252
 
5104
 
5253
.profile-nav.alt.green-border ul>li>a:hover, .profile-nav.alt.green-border ul>li>a:focus,
5105
.profile-nav.alt.green-border ul > li > a:hover, .profile-nav.alt.green-border ul > li > a:focus,
5254
	.profile-nav.alt.green-border ul li.active a {
5106
.profile-nav.alt.green-border ul li.active a {
5255
	border-left: 5px solid #4cd964;
5107
    border-left: 5px solid #4cd964;
5256
}
5108
}
5257
 
5109
 
5258
.user-heading.alt a {
5110
.user-heading.alt a {
5259
	float: left;
5111
    float: left;
5260
	margin-right: 15px;
5112
    margin-right: 15px;
5261
	margin-left: -10px;
5113
    margin-left: -10px;
5262
	display: inline-block;
5114
    display: inline-block;
5263
	border: 5px solid rgba(255, 255, 255, 0.3);
5115
    border: 5px solid rgba(255, 255, 255, 0.3);
5264
	border-radius: 50%;
5116
    border-radius: 50%;
5265
	-webkit-border-radius: 50%;
5117
    -webkit-border-radius: 50%;
5266
}
5118
}
5267
 
5119
 
5268
.user-heading.alt a img {
5120
.user-heading.alt a img {
5269
	width: 100px;
5121
    width: 100px;
5270
	height: 100px;
5122
    height: 100px;
5271
	border-radius: 50%;
5123
    border-radius: 50%;
5272
	-webkit-border-radius: 50%;
5124
    -webkit-border-radius: 50%;
5273
}
5125
}
5274
 
5126
 
5275
.twt-feed {
5127
.twt-feed {
5276
	border-radius: 4px 4px 0 0;
5128
    border-radius: 4px 4px 0 0;
5277
	-webkit-border-radius: 4px 4px 0 0;
5129
    -webkit-border-radius: 4px 4px 0 0;
5278
	color: #FFFFFF;
5130
    color: #FFFFFF;
5279
	padding: 10px;
5131
    padding: 10px;
5280
	position: relative;
5132
    position: relative;
5281
	text-align: center;
5133
    text-align: center;
5282
}
5134
}
5283
 
5135
 
5284
.twt-feed.blue-bg {
5136
.twt-feed.blue-bg {
5285
	background: #00a0df;
5137
    background: #00a0df;
5286
}
5138
}
5287
 
5139
 
5288
.twt-feed h1 {
5140
.twt-feed h1 {
5289
	font-size: 22px;
5141
    font-size: 22px;
5290
	font-weight: 300;
5142
    font-weight: 300;
5291
	margin-bottom: 5px;
5143
    margin-bottom: 5px;
5292
}
5144
}
5293
 
5145
 
5294
.twt-feed a {
5146
.twt-feed a {
5295
	border: 8px solid #fff;
5147
    border: 8px solid #fff;
5296
	border-radius: 50%;
5148
    border-radius: 50%;
5297
	-webit-border-radius: 50%;
5149
    -webit-border-radius: 50%;
5298
	display: inline-block;
5150
    display: inline-block;
5299
	margin-bottom: -55px;
5151
    margin-bottom: -55px;
5300
}
5152
}
5301
 
5153
 
5302
.twt-feed a img {
5154
.twt-feed a img {
5303
	height: 112px;
5155
    height: 112px;
5304
	width: 112px;
5156
    width: 112px;
5305
	border-radius: 50%;
5157
    border-radius: 50%;
5306
	-webit-border-radius: 50%;
5158
    -webit-border-radius: 50%;
5307
}
5159
}
5308
 
5160
 
5309
.twt-category {
5161
.twt-category {
5310
	display: inline-block;
5162
    display: inline-block;
5311
	margin-bottom: 11px;
5163
    margin-bottom: 11px;
5312
	margin-top: 55px;
5164
    margin-top: 55px;
5313
	width: 100%;
5165
    width: 100%;
5314
}
5166
}
5315
 
5167
 
5316
.profile-widget-data {
5168
.profile-widget-data {
5317
	display: inline-block;
5169
    display: inline-block;
5318
	margin-bottom: 10px;
5170
    margin-bottom: 10px;
5319
	margin-top: 15px;
5171
    margin-top: 15px;
5320
	width: 100%;
5172
    width: 100%;
5321
}
5173
}
5322
 
5174
 
5323
.twt-category ul li, .profile-widget-data ul li, .profile-nav ul>li {
5175
.twt-category ul li, .profile-widget-data ul li, .profile-nav ul > li {
5324
	color: #89817f;
5176
    color: #89817f;
5325
	font-size: 13px;
5177
    font-size: 13px;
5326
	border-bottom: none;
5178
    border-bottom: none;
5327
}
5179
}
5328
 
5180
 
5329
.twt-category h5 {
5181
.twt-category h5 {
5330
	font-size: 20px;
5182
    font-size: 20px;
5331
	font-weight: 300;
5183
    font-weight: 300;
5332
}
5184
}
5333
 
5185
 
5334
.twt-write .t-text-area {
5186
.twt-write .t-text-area {
5335
	border: 1px solid #eeeeee;
5187
    border: 1px solid #eeeeee;
5336
	border-radius: 0;
5188
    border-radius: 0;
5337
}
5189
}
5338
 
5190
 
5339
.twt-footer {
5191
.twt-footer {
5340
	padding: 10px 15px;
5192
    padding: 10px 15px;
5341
}
5193
}
5342
 
5194
 
5343
.btn-space {
5195
.btn-space {
5344
	padding-left: 11.6%;
5196
    padding-left: 11.6%;
5345
	padding-right: 11%;
5197
    padding-right: 11%;
5346
}
5198
}
5347
 
5199
 
5348
.p-head {
5200
.p-head {
5349
	color: #f77b6f;
5201
    color: #f77b6f;
5350
	font-weight: 400;
5202
    font-weight: 400;
5351
	font-size: 14px;
5203
    font-size: 14px;
5352
}
5204
}
5353
 
5205
 
5354
.cmt-head {
5206
.cmt-head {
5355
	font-weight: 400;
5207
    font-weight: 400;
5356
	font-size: 13px;
5208
    font-size: 13px;
5357
}
5209
}
5358
 
5210
 
5359
.p-thumb img {
5211
.p-thumb img {
5360
	width: 50px;
5212
    width: 50px;
5361
	border-radius: 3px;
5213
    border-radius: 3px;
5362
	-webkit-border-radius: 3px;
5214
    -webkit-border-radius: 3px;
5363
}
5215
}
5364
 
5216
 
5365
.tasi-tab .media-body p {
5217
.tasi-tab .media-body p {
5366
	/*color: #b8bac6;*/
5218
    /*color: #b8bac6;*/
5367
	
5219
 
5368
}
5220
}
5369
 
5221
 
5370
/*Timeline chat*/
5222
/*Timeline chat*/
5371
.chat-form {
5223
.chat-form {
5372
	margin-top: 25px;
5224
    margin-top: 25px;
5373
	clear: both;
5225
    clear: both;
5374
}
5226
}
5375
 
5227
 
5376
.chat-form .input-cont {
5228
.chat-form .input-cont {
5377
	margin-bottom: 10px;
5229
    margin-bottom: 10px;
5378
}
5230
}
5379
 
5231
 
5380
.chat-form .input-cont input {
5232
.chat-form .input-cont input {
5381
	margin-bottom: 0px;
5233
    margin-bottom: 0px;
5382
}
5234
}
5383
 
5235
 
5384
.chat-form .input-cont input {
5236
.chat-form .input-cont input {
5385
	border: 1px solid #d3d3d3 !important;
5237
    border: 1px solid #d3d3d3 !important;
5386
	margin-top: 0;
5238
    margin-top: 0;
5387
	min-height: 45px;
5239
    min-height: 45px;
5388
}
5240
}
5389
 
5241
 
5390
.chat-form .input-cont input {
5242
.chat-form .input-cont input {
5391
	background-color: #fff !important;
5243
    background-color: #fff !important;
5392
}
5244
}
5393
 
5245
 
5394
.chat-features a {
5246
.chat-features a {
5395
	margin-left: 10px;
5247
    margin-left: 10px;
5396
}
5248
}
5397
 
5249
 
5398
.chat-features a i {
5250
.chat-features a i {
5399
	color: #d0d0d0;
5251
    color: #d0d0d0;
5400
}
5252
}
5401
 
5253
 
5402
.profile-activity:before {
5254
.profile-activity:before {
5403
	background: rgba(0, 0, 0, 0.1);
5255
    background: rgba(0, 0, 0, 0.1);
5404
	bottom: 0;
5256
    bottom: 0;
5405
	top: 0;
5257
    top: 0;
5406
	width: 2px;
5258
    width: 2px;
5407
}
5259
}
5408
 
5260
 
5409
/*.profile-activity:before, .act-time:before, .act-time .text:before {
5261
/*.profile-activity:before, .act-time:before, .act-time .text:before {
5410
 
5262
 
5411
    content: "";
5263
    content: "";
Line 5416... Line 5268...
5416
 
5268
 
5417
    top: -2px;
5269
    top: -2px;
5418
 
5270
 
5419
}*/
5271
}*/
5420
.profile-activity, .act-time, .profile-activity .act-in,
5272
.profile-activity, .act-time, .profile-activity .act-in,
5421
	.profile-activity .act-out {
5273
.profile-activity .act-out {
5422
	position: relative;
5274
    position: relative;
5423
}
5275
}
5424
 
5276
 
5425
.profile-activity .act-in  .arrow {
5277
.profile-activity .act-in .arrow {
5426
	/*border-right: 8px solid #F4F4F4 !important;*/
5278
    /*border-right: 8px solid #F4F4F4 !important;*/
5427
	
5279
 
5428
}
5280
}
5429
 
5281
 
5430
.profile-activity .act-in .arrow {
5282
.profile-activity .act-in .arrow {
5431
	border-bottom: 8px solid transparent;
5283
    border-bottom: 8px solid transparent;
5432
	border-top: 8px solid transparent;
5284
    border-top: 8px solid transparent;
5433
	display: block;
5285
    display: block;
5434
	height: 0;
5286
    height: 0;
5435
	left: -8px;
5287
    left: -8px;
5436
	position: absolute;
5288
    position: absolute;
5437
	top: 13px;
5289
    top: 13px;
5438
	width: 0;
5290
    width: 0;
5439
}
5291
}
5440
 
5292
 
5441
.profile-activity .act-out  .arrow {
5293
.profile-activity .act-out .arrow {
5442
	/*border-right: 8px solid #34aadc !important;*/
5294
    /*border-right: 8px solid #34aadc !important;*/
5443
	
5295
 
5444
}
5296
}
5445
 
5297
 
5446
.profile-activity .act-out .arrow {
5298
.profile-activity .act-out .arrow {
5447
	border-bottom: 8px solid transparent;
5299
    border-bottom: 8px solid transparent;
5448
	border-top: 8px solid transparent;
5300
    border-top: 8px solid transparent;
5449
	display: block;
5301
    display: block;
5450
	height: 0;
5302
    height: 0;
5451
	left: -8px;
5303
    left: -8px;
5452
	position: absolute;
5304
    position: absolute;
5453
	top: 13px;
5305
    top: 13px;
5454
	width: 0;
5306
    width: 0;
5455
}
5307
}
5456
 
5308
 
5457
.act-time:first-child:before {
5309
.act-time:first-child:before {
5458
	margin-top: 16px;
5310
    margin-top: 16px;
5459
}
5311
}
5460
 
5312
 
5461
.act-time:before {
5313
.act-time:before {
5462
	background: #CCCCCC;
5314
    background: #CCCCCC;
5463
	border: 2px solid #FAFAFA;
5315
    border: 2px solid #FAFAFA;
5464
	border-radius: 100px;
5316
    border-radius: 100px;
5465
	-moz-border-radius: 100px;
5317
    -moz-border-radius: 100px;
5466
	-webkit-border-radius: 100px;
5318
    -webkit-border-radius: 100px;
5467
	height: 14px;
5319
    height: 14px;
5468
	margin: 23px 0 0 -6px;
5320
    margin: 23px 0 0 -6px;
5469
	width: 14px;
5321
    width: 14px;
5470
}
5322
}
5471
 
5323
 
5472
.act-time:hover:before {
5324
.act-time:hover:before {
5473
	background: #34aadc;
5325
    background: #34aadc;
5474
}
5326
}
5475
 
5327
 
5476
.act-time:first-child {
5328
.act-time:first-child {
5477
	padding-top: 0;
5329
    padding-top: 0;
5478
}
5330
}
5479
 
5331
 
5480
.activity-img {
5332
.activity-img {
5481
	float: left;
5333
    float: left;
5482
	margin-right: 30px;
5334
    margin-right: 30px;
5483
	overflow: hidden;
5335
    overflow: hidden;
5484
}
5336
}
5485
 
5337
 
5486
.activity-img img {
5338
.activity-img img {
5487
	display: block;
5339
    display: block;
5488
	height: 44px;
5340
    height: 44px;
5489
	width: 44px;
5341
    width: 44px;
5490
}
5342
}
5491
 
5343
 
5492
.activity-body {
5344
.activity-body {
5493
	/*margin-left: 80px;*/
5345
    /*margin-left: 80px;*/
5494
	
5346
 
5495
}
5347
}
5496
 
5348
 
5497
.act-time .act-in .text {
5349
.act-time .act-in .text {
5498
	border: 1px solid #e3e6ed;
5350
    border: 1px solid #e3e6ed;
5499
	padding: 10px;
5351
    padding: 10px;
5500
	border-radius: 4px;
5352
    border-radius: 4px;
5501
	-webkit-border-radius: 4px;
5353
    -webkit-border-radius: 4px;
5502
}
5354
}
5503
 
5355
 
5504
.act-time .act-out .text {
5356
.act-time .act-out .text {
5505
	border: 1px solid #e3e6ed;
5357
    border: 1px solid #e3e6ed;
5506
	padding: 10px;
5358
    padding: 10px;
5507
	border-radius: 4px;
5359
    border-radius: 4px;
5508
	-webkit-border-radius: 4px;
5360
    -webkit-border-radius: 4px;
5509
}
5361
}
5510
 
5362
 
5511
.act-time p {
5363
.act-time p {
5512
	margin: 0;
5364
    margin: 0;
5513
}
5365
}
5514
 
5366
 
5515
.act-time .attribution {
5367
.act-time .attribution {
5516
	font-size: 11px;
5368
    font-size: 11px;
5517
	margin: 0px 0 5px;
5369
    margin: 0px 0 5px;
5518
}
5370
}
5519
 
5371
 
5520
.act-time {
5372
.act-time {
5521
	overflow: hidden;
5373
    overflow: hidden;
5522
	padding: 8px 0;
5374
    padding: 8px 0;
5523
}
5375
}
5524
 
5376
 
5525
.act-in a, .act-in a:hover {
5377
.act-in a, .act-in a:hover {
5526
	color: #b64c4c;
5378
    color: #b64c4c;
5527
	text-decoration: none;
5379
    text-decoration: none;
5528
	border-radius: 50%;
5380
    border-radius: 50%;
5529
	-webkit-border-radius: 50%;
5381
    -webkit-border-radius: 50%;
5530
	margin-right: 10px;
5382
    margin-right: 10px;
5531
	font-weight: 400;
5383
    font-weight: 400;
5532
	font-size: 13px;
5384
    font-size: 13px;
5533
}
5385
}
5534
 
5386
 
5535
.act-out a, .act-out a:hover {
5387
.act-out a, .act-out a:hover {
5536
	color: #288f98;
5388
    color: #288f98;
5537
	text-decoration: none;
5389
    text-decoration: none;
5538
	border-radius: 4px;
5390
    border-radius: 4px;
5539
	-webkit-border-radius: 4px;
5391
    -webkit-border-radius: 4px;
5540
	margin-right: 10px;
5392
    margin-right: 10px;
5541
	font-weight: 400;
5393
    font-weight: 400;
5542
	font-size: 13px;
5394
    font-size: 13px;
5543
}
5395
}
5544
 
5396
 
5545
.messages-wrapper {
5397
.messages-wrapper {
5546
	position: relative;
5398
    position: relative;
5547
}
5399
}
5548
 
5400
 
5549
.message {
5401
.message {
5550
	border-radius: 20px 20px 20px 20px;
5402
    border-radius: 20px 20px 20px 20px;
5551
	margin: 0 15px 10px;
5403
    margin: 0 15px 10px;
5552
	padding: 5px 20px;
5404
    padding: 5px 20px;
5553
	position: relative;
5405
    position: relative;
5554
}
5406
}
5555
 
5407
 
5556
.message.to {
5408
.message.to {
5557
	background-color: #2095FE;
5409
    background-color: #2095FE;
5558
	color: #fff;
5410
    color: #fff;
5559
	margin-left: 80px;
5411
    margin-left: 80px;
5560
}
5412
}
5561
 
5413
 
5562
.message.from {
5414
.message.from {
5563
	background-color: #E5E4E9;
5415
    background-color: #E5E4E9;
5564
	color: #363636;
5416
    color: #363636;
5565
	margin-right: 80px;
5417
    margin-right: 80px;
5566
}
5418
}
5567
 
5419
 
5568
.message.to+.message.to, .message.from+.message.from {
5420
.message.to + .message.to, .message.from + .message.from {
5569
	margin-top: -7px;
5421
    margin-top: -7px;
5570
}
5422
}
5571
 
5423
 
5572
.message:before {
5424
.message:before {
5573
	border-color: #2095FE;
5425
    border-color: #2095FE;
5574
	border-radius: 50% 50% 50% 50%;
5426
    border-radius: 50% 50% 50% 50%;
5575
	border-style: solid;
5427
    border-style: solid;
5576
	border-width: 0 20px;
5428
    border-width: 0 20px;
5577
	bottom: 0;
5429
    bottom: 0;
5578
	clip: rect(20px, 35px, 42px, 0px);
5430
    clip: rect(20px, 35px, 42px, 0px);
5579
	content: " ";
5431
    content: " ";
5580
	height: 40px;
5432
    height: 40px;
5581
	position: absolute;
5433
    position: absolute;
5582
	right: -50px;
5434
    right: -50px;
5583
	width: 30px;
5435
    width: 30px;
5584
	z-index: -1;
5436
    z-index: -1;
5585
}
5437
}
5586
 
5438
 
5587
.message.from:before {
5439
.message.from:before {
5588
	border-color: #E5E4E9;
5440
    border-color: #E5E4E9;
5589
	left: -50px;
5441
    left: -50px;
5590
	-webkit-transform: rotateY(180deg);
5442
    -webkit-transform: rotateY(180deg);
5591
	-moz-transform: rotateY(180deg);
5443
    -moz-transform: rotateY(180deg);
5592
	transform: rotateY(180deg);
5444
    transform: rotateY(180deg);
5593
}
5445
}
5594
 
5446
 
5595
/*custom select*/
5447
/*custom select*/
5596
span.customSelect {
5448
span.customSelect {
5597
	font-size: 12px;
5449
    font-size: 12px;
5598
	background-color: #ffffff;
5450
    background-color: #ffffff;
5599
	padding: 10px;
5451
    padding: 10px;
5600
	border: 1px solid #EAEAEA;
5452
    border: 1px solid #EAEAEA;
5601
	-moz-border-radius: 4px;
5453
    -moz-border-radius: 4px;
5602
	-webkit-border-radius: 4px;
5454
    -webkit-border-radius: 4px;
5603
	border-radius: 4px;
5455
    border-radius: 4px;
5604
	color: #A4AABA;
5456
    color: #A4AABA;
5605
}
5457
}
5606
 
5458
 
5607
span.customSelect.changed {
5459
span.customSelect.changed {
5608
	background-color: #fff;
5460
    background-color: #fff;
5609
}
5461
}
5610
 
5462
 
5611
.customSelectInner {
5463
.customSelectInner {
5612
	background: url(../img/customSelect-arrow.gif) no-repeat center right;
5464
    background: url(../img/customSelect-arrow.gif) no-repeat center right;
5613
}
5465
}
5614
 
5466
 
5615
.avatar-custom {
5467
.avatar-custom {
5616
	width: 32px;
5468
    width: 32px;
5617
	height: 32px;
5469
    height: 32px;
5618
}
5470
}
5619
 
5471
 
5620
.equal {
5472
.equal {
5621
	display: flex;
5473
    display: flex;
5622
	display: -webkit-flex;
5474
    display: -webkit-flex;
5623
	flex-wrap: wrap;
5475
    flex-wrap: wrap;
5624
}
5476
}
5625
 
5477
 
5626
.float {
5478
.float {
5627
	position: fixed;
5479
    position: fixed;
5628
	width: 60px;
5480
    width: 60px;
5629
	height: 60px;
5481
    height: 60px;
5630
	bottom: 40px;
5482
    bottom: 40px;
5631
	right: 40px;
5483
    right: 40px;
5632
	background-color: #0C9;
5484
    background-color: #0C9;
5633
	color: #FFF;
5485
    color: #FFF;
5634
	border-radius: 50px;
5486
    border-radius: 50px;
5635
	text-align: center;
5487
    text-align: center;
5636
	box-shadow: 2px 2px 3px #999;
5488
    box-shadow: 2px 2px 3px #999;
5637
}
5489
}
5638
 
5490
 
5639
.my-float {
5491
.my-float {
5640
	margin-top: 22px;
5492
    margin-top: 22px;
5641
}
5493
}
5642
 
5494
 
5643
i.square-bordered {
5495
i.square-bordered {
5644
	cursor: pointer;
5496
    cursor: pointer;
5645
	font-size: 17px;
5497
    font-size: 17px;
5646
	width: 27px;
5498
    width: 27px;
5647
	height: 27px;
5499
    height: 27px;
5648
	margin: 0px;
5500
    margin: 0px;
5649
	color: rgba(255, 255, 255, 0.75);
5501
    color: rgba(255, 255, 255, 0.75);
5650
	line-height: initial;
5502
    line-height: initial;
5651
	text-align: center;
5503
    text-align: center;
5652
	float: none;
5504
    float: none;
5653
	padding: 0px;
5505
    padding: 0px;
5654
	margin: auto;
5506
    margin: auto;
5655
	line-height: 27px;
5507
    line-height: 27px;
5656
	border: 1px solid #a6a6a6;
5508
    border: 1px solid #a6a6a6;
5657
}
5509
}
5658
 
5510
 
5659
.multi-wrapper .item {
5511
.multi-wrapper .item {
5660
	border-bottom: 1px solid #efefef;
5512
    border-bottom: 1px solid #efefef;
5661
}
5513
}
5662
 
5514
 
5663
.select, .chosen-select, .chosen-select-no-single,
5515
.select, .chosen-select, .chosen-select-no-single,
5664
	.chosen-select-no-results, .chosen-select-deselect, .chosen-select-rtl,
5516
.chosen-select-no-results, .chosen-select-deselect, .chosen-select-rtl,
5665
	.chosen-select-width {
5517
.chosen-select-width {
5666
	width: 100%;
5518
    width: 100%;
5667
}
5519
}
5668
 
5520
 
5669
.select2-selection__choice__remove {
5521
.select2-selection__choice__remove {
5670
	float: right;
5522
    float: right;
5671
	margin-left: 5px /* I added to separate a little bit */
5523
    margin-left: 5px /* I added to separate a little bit */
-
 
5524
}
-
 
5525
 
-
 
5526
.btn-watch-video {
-
 
5527
    line-height: 32px;
-
 
5528
    height: 40px;
-
 
5529
    border-radius: 22px;
-
 
5530
    display: inline-block;
-
 
5531
    background: rgba(0, 0, 0, 0.4);
-
 
5532
    color: white;
-
 
5533
    text-decoration: none;
-
 
5534
    padding: 4px 46px 5px 20px;
-
 
5535
    position: relative;
-
 
5536
    box-sizing: border-box;
-
 
5537
    text-transform: uppercase;
-
 
5538
    font-size: 14px;
-
 
5539
    font-weight: bold;
-
 
5540
    letter-spacing: 1px;
-
 
5541
    transition: all 200ms ease-in;
-
 
5542
}
-
 
5543
 
-
 
5544
.btn-watch-video .fa {
-
 
5545
    width: 32px;
-
 
5546
    height: 32px;
-
 
5547
    line-height: 32px;
-
 
5548
    text-align: center;
-
 
5549
    border-radius: 50%;
-
 
5550
    border: solid 1px white;
-
 
5551
    position: absolute;
-
 
5552
    top: 3px;
-
 
5553
    right: 4px;
-
 
5554
    text-indent: 4px;
-
 
5555
}
-
 
5556
 
-
 
5557
.btn-watch-video:hover {
-
 
5558
    padding-right: 50px;
-
 
5559
    padding-left: 24px;
5672
}
5560
}
5673
5561