PluginProbe
ERP: Complete HR, Accounting & CRM Suite Built for WooCommerce / 1.2.6
ERP: Complete HR, Accounting & CRM Suite Built for WooCommerce v1.2.6
1.17.9 1.17.8 1.17.7 1.17.6 1.17.5 1.17.4 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.3.0 1.3.1 1.3.11 1.3.12 1.3.13 1.3.14 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7 All 143 releases
erp / assets / css / admin.css

admin.css in ERP: Complete HR, Accounting & CRM Suite Built for WooCommerce 1.2.6, at assets/css/admin.css

3,431 lines 90.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .erp-clear {
2 clear: both;
3 }
4 .erp-button-danger {
5 background: #e14d43 !important;
6 border-color: #d02c21 #ba281e #ba281e !important;
7 color: white !important;
8 -webkit-box-shadow: 0 1px 0 #ba281e !important;
9 -moz-box-shadow: 0 1px 0 #ba281e !important;
10 -o-box-shadow: 0 1px 0 #ba281e !important;
11 -ms-box-shadow: 0 1px 0 #ba281e !important;
12 box-shadow: 0 1px 0 #ba281e !important;
13 text-shadow: 0 -1px 1px #ba281e, 1px 0 1px #ba281e, 0 1px 1px #ba281e, -1px 0 1px #ba281e !important;
14 }
15 .select2-container--default .select2-selection--single {
16 border: 1px solid #ddd;
17 }
18 .crm-dashboard .badge-container {
19 margin-bottom: 40px;
20 }
21 .crm-dashboard .badge-container:before,
22 .crm-dashboard .badge-container:after {
23 content: " ";
24 display: table;
25 }
26 .crm-dashboard .badge-container:after {
27 clear: both;
28 }
29 .crm-dashboard .badge-container:before,
30 .crm-dashboard .badge-container:after {
31 content: " ";
32 display: table;
33 }
34 .crm-dashboard .badge-container:after {
35 clear: both;
36 }
37 .crm-dashboard .badge-container .badge-wrap {
38 float: left;
39 width: 49%;
40 margin-right: 1%;
41 background: #fff;
42 height: 180px;
43 border: 1px solid #e5e5e5;
44 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
45 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
46 }
47 .crm-dashboard .badge-container .badge-wrap:last-child {
48 margin-right: 0px;
49 }
50 .crm-dashboard .badge-container .badge-wrap .badge-inner {
51 height: 125px;
52 padding: 19px 0 0 15px;
53 text-align: center;
54 }
55 .crm-dashboard .badge-container .badge-wrap .badge-inner.total-counter {
56 padding-left: 14%;
57 }
58 .crm-dashboard .badge-container .badge-wrap .badge-inner.total-counter h3 {
59 font-size: 37px;
60 }
61 .crm-dashboard .badge-container .badge-wrap .badge-inner.total-counter p {
62 font-size: 14px;
63 }
64 .crm-dashboard .badge-container .badge-wrap .badge-inner .erp-dashboard-total-counter-list {
65 margin: 0px;
66 padding: 0px;
67 text-align: left;
68 margin-left: 38%;
69 }
70 .crm-dashboard .badge-container .badge-wrap .badge-inner .erp-dashboard-total-counter-list li {
71 text-decoration: none !important;
72 }
73 .crm-dashboard .badge-container .badge-wrap .badge-inner .erp-dashboard-total-counter-list li:before {
74 content: '\25A0';
75 display: block;
76 position: relative;
77 max-width: 0;
78 max-height: 0;
79 left: -20px;
80 top: 0;
81 color: #1E8CBE;
82 font-size: 19px;
83 }
84 .crm-dashboard .badge-container .badge-wrap .badge-inner .erp-dashboard-total-counter-list li a {
85 text-decoration: none;
86 }
87 .crm-dashboard .badge-container .badge-wrap .badge-inner .erp-dashboard-total-counter-list li a:hover {
88 text-decoration: underline;
89 }
90 .crm-dashboard .badge-container .badge-wrap h3 {
91 font-size: 34px;
92 margin: 10px 0 20px 0;
93 }
94 .crm-dashboard .badge-container .badge-wrap .badge-footer {
95 text-align: center;
96 padding: 5px 0;
97 }
98 .crm-dashboard .badge-container .badge-wrap .badge-footer:before,
99 .crm-dashboard .badge-container .badge-wrap .badge-footer:after {
100 content: " ";
101 display: table;
102 }
103 .crm-dashboard .badge-container .badge-wrap .badge-footer:after {
104 clear: both;
105 }
106 .crm-dashboard .badge-container .badge-wrap .badge-footer:before,
107 .crm-dashboard .badge-container .badge-wrap .badge-footer:after {
108 content: " ";
109 display: table;
110 }
111 .crm-dashboard .badge-container .badge-wrap .badge-footer:after {
112 clear: both;
113 }
114 .crm-dashboard .badge-container .badge-wrap .badge-footer:hover {
115 background: rgba(0, 0, 0, 0.5);
116 }
117 .crm-dashboard .badge-container .badge-wrap .badge-footer a {
118 color: #fff;
119 text-decoration: none;
120 display: block;
121 }
122 .crm-dashboard ul.erp-crm-dashbaord-todays-schedules,
123 .crm-dashboard ul.erp-crm-dashbaord-upcoming-schedules {
124 padding: 0px;
125 margin: 0px;
126 }
127 .crm-dashboard ul.erp-crm-dashbaord-todays-schedules li,
128 .crm-dashboard ul.erp-crm-dashbaord-upcoming-schedules li {
129 line-height: 22px;
130 }
131 .crm-dashboard ul.erp-crm-dashbaord-todays-schedules li a,
132 .crm-dashboard ul.erp-crm-dashbaord-upcoming-schedules li a {
133 text-decoration: none;
134 }
135 .crm-dashboard ul.erp-crm-dashbaord-todays-schedules li a:hover,
136 .crm-dashboard ul.erp-crm-dashbaord-upcoming-schedules li a:hover {
137 text-decoration: underline;
138 }
139 .crm-dashboard ul.erp-crm-dashbaord-todays-schedules li span,
140 .crm-dashboard ul.erp-crm-dashbaord-upcoming-schedules li span {
141 display: inline-block;
142 color: #0073aa;
143 cursor: pointer;
144 float: none !important;
145 }
146 .crm-dashboard ul.erp-crm-dashbaord-todays-schedules p,
147 .crm-dashboard ul.erp-crm-dashbaord-upcoming-schedules p {
148 padding: 0px;
149 margin: 0px;
150 }
151 .crm-dashboard ul.erp-latest-contact-list {
152 padding-bottom: 7px;
153 }
154 .crm-dashboard ul.erp-latest-contact-list li {
155 position: relative;
156 padding: 4px 0px;
157 border-bottom: 1px solid #e3e3e3;
158 }
159 .crm-dashboard ul.erp-latest-contact-list li:before,
160 .crm-dashboard ul.erp-latest-contact-list li:after {
161 content: " ";
162 display: table;
163 }
164 .crm-dashboard ul.erp-latest-contact-list li:after {
165 clear: both;
166 }
167 .crm-dashboard ul.erp-latest-contact-list li:before,
168 .crm-dashboard ul.erp-latest-contact-list li:after {
169 content: " ";
170 display: table;
171 }
172 .crm-dashboard ul.erp-latest-contact-list li:after {
173 clear: both;
174 }
175 .crm-dashboard ul.erp-latest-contact-list li span.contact-created-time {
176 position: absolute;
177 top: 0%;
178 right: 3px;
179 cursor: pointer;
180 }
181 .crm-dashboard ul.erp-latest-contact-list li:first-child {
182 padding-top: 0px;
183 }
184 .crm-dashboard ul.erp-latest-contact-list li:last-child {
185 border-bottom: none;
186 padding-bottom: 0px;
187 }
188 .crm-dashboard ul.erp-latest-contact-list li .avatar {
189 width: 29px;
190 float: left;
191 margin-right: 10px;
192 }
193 .crm-dashboard ul.erp-latest-contact-list li .details {
194 float: left;
195 }
196 .crm-dashboard ul.erp-latest-contact-list li .details p.contact-name {
197 margin-top: -3px;
198 margin-bottom: -2px;
199 padding: 0px;
200 }
201 .crm-dashboard ul.erp-latest-contact-list li .details p.contact-name a {
202 text-decoration: none;
203 }
204 .crm-dashboard ul.erp-latest-contact-list li .details p.contact-stage {
205 padding: 0px;
206 margin-top: 0px;
207 margin-bottom: 3px;
208 color: #afafaf;
209 font-style: italic;
210 }
211 .erp-leads-single .erp-user-info h3 {
212 margin: 15px 0;
213 }
214 .erp-leads-single .erp-user-info h3 span.company {
215 font-weight: normal;
216 }
217 .erp-customer-form fieldset.genaral-info li {
218 margin-top: 7px;
219 }
220 .erp-customer-form ol,
221 .erp-customer-form li {
222 list-style: none;
223 margin: 0;
224 padding: 0;
225 }
226 .erp-customer-form .photo-container {
227 display: inline-block;
228 width: 128px;
229 position: relative;
230 }
231 .erp-customer-form .photo-container img {
232 max-width: 80px;
233 height: auto;
234 }
235 .erp-customer-form .photo-container .erp-remove-photo {
236 position: absolute;
237 top: 0;
238 left: 0;
239 background: rgba(0, 0, 0, 0.5);
240 width: 80px;
241 height: 80px;
242 color: red;
243 text-align: center;
244 text-decoration: none;
245 font-size: 50px;
246 padding-top: 30px;
247 display: none;
248 }
249 .erp-customer-form .photo-container:hover .erp-remove-photo {
250 display: inline-block;
251 }
252 .erp-customer-form ol.form-fields:before,
253 .erp-customer-form ol.form-fields:after {
254 content: " ";
255 display: table;
256 }
257 .erp-customer-form ol.form-fields:after {
258 clear: both;
259 }
260 .erp-customer-form ol.form-fields:before,
261 .erp-customer-form ol.form-fields:after {
262 content: " ";
263 display: table;
264 }
265 .erp-customer-form ol.form-fields:after {
266 clear: both;
267 }
268 .erp-customer-form ol.form-fields > li {
269 float: left;
270 width: 100%;
271 padding-bottom: 5px;
272 }
273 .erp-customer-form ol.form-fields > li > label {
274 width: 15%;
275 display: inline-block;
276 vertical-align: top;
277 }
278 .erp-customer-form ol.form-fields > li select {
279 max-width: 55%;
280 }
281 .erp-customer-form ol.form-fields.two-col li {
282 width: 50%;
283 }
284 .erp-customer-form ol.form-fields.two-col li label {
285 width: 30%;
286 }
287 .erp-customer-form ol.form-fields.two-col li:nth-child(2n+1) {
288 clear: both;
289 }
290 .erp-customer-form ol.form-fields li.name-container {
291 width: 100%;
292 float: none;
293 }
294 .erp-customer-form ol.form-fields li.name-container > label {
295 float: left;
296 width: 15%;
297 margin-top: 22px;
298 }
299 .erp-customer-form ol.form-fields li.name-container ol {
300 float: left;
301 width: 85%;
302 }
303 .erp-customer-form ol.form-fields li.name-container ol label {
304 display: block;
305 color: #aaa;
306 width: 100%;
307 }
308 .erp-customer-form ol.form-fields li.name-container ol li.middle-name {
309 width: 185px;
310 }
311 .erp-customer-form ol.form-fields li.name-container ol li.middle-name input {
312 width: 98%;
313 }
314 .erp-customer-form fieldset {
315 margin-bottom: 20px;
316 padding-top: 15px;
317 border-top: 1px solid #eee;
318 }
319 .erp-customer-form fieldset.no-border {
320 border-top: none;
321 }
322 .erp-customer-form fieldset legend {
323 font-weight: bold;
324 padding-right: 20px;
325 margin-bottom: 10px;
326 }
327 .erp-customer-form ol.fields-inline li {
328 display: inline-block;
329 }
330 .erp-crm-customer table.wp-list-table .row-actions > span:last-child > span,
331 .erp-crm-subscriber-contact table.wp-list-table .row-actions > span:last-child > span {
332 display: none;
333 }
334 .erp-crm-customer table.wp-list-table .column-name img,
335 .erp-crm-subscriber-contact table.wp-list-table .column-name img {
336 float: left;
337 margin-right: 10px;
338 margin-top: 1px;
339 }
340 .erp-crm-customer table.wp-list-table .column-balance,
341 .erp-crm-subscriber-contact table.wp-list-table .column-balance {
342 width: 8%;
343 }
344 .erp-crm-customer table.wp-list-table .column-status,
345 .erp-crm-subscriber-contact table.wp-list-table .column-status {
346 width: 8%;
347 }
348 .erp-crm-customer table.wp-list-table .column-comments,
349 .erp-crm-subscriber-contact table.wp-list-table .column-comments {
350 width: 25%;
351 }
352 .erp-crm-customer table.wp-list-table.customers .column-name,
353 .erp-crm-subscriber-contact table.wp-list-table.customers .column-name {
354 width: 22%;
355 }
356 .erp-crm-customer table.wp-list-table.customers .column-email,
357 .erp-crm-subscriber-contact table.wp-list-table.customers .column-email {
358 width: 22%;
359 }
360 .erp-crm-customer .erp-crm-list-table-wrap a.erp-advance-search-button span,
361 .erp-crm-subscriber-contact .erp-crm-list-table-wrap a.erp-advance-search-button span {
362 margin: 3px 3px 0px 0px;
363 }
364 .erp-crm-customer .erp-crm-list-table-wrap #erp-advance-filter-contact-btn,
365 .erp-crm-subscriber-contact .erp-crm-list-table-wrap #erp-advance-filter-contact-btn,
366 .erp-crm-customer .erp-crm-list-table-wrap a#erp-show-save-search-field,
367 .erp-crm-subscriber-contact .erp-crm-list-table-wrap a#erp-show-save-search-field {
368 margin-top: -1px;
369 }
370 .erp-crm-customer .erp-crm-list-table-wrap a#erp-show-save-search-field,
371 .erp-crm-subscriber-contact .erp-crm-list-table-wrap a#erp-show-save-search-field {
372 margin-left: 3px;
373 }
374 .erp-crm-customer .erp-save-search-wrap {
375 padding: 15px;
376 border: 1px solid #e3e3e3;
377 margin: 15px 0px;
378 }
379 .erp-crm-customer #erp-contact-advance-search-segment {
380 margin: 15px 0px;
381 }
382 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters {
383 padding: 15px;
384 background: #fff;
385 }
386 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .add-filter {
387 float: left;
388 margin-right: 9px;
389 height: 30px;
390 margin-top: 6px;
391 }
392 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item {
393 float: left;
394 margin: 6px 8px 3px 0px;
395 border: 1px solid #e5e5e5;
396 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
397 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
398 -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
399 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
400 background-color: #fff;
401 }
402 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item .filter-content input,
403 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item .filter-content select {
404 vertical-align: middle;
405 margin-right: 5px;
406 }
407 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item .filter-content .select2-container {
408 width: auto !important;
409 min-width: 270px !important;
410 }
411 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item .filter-content .select2-container--default .select2-selection--multiple {
412 border: 1px solid #ddd;
413 height: 19px;
414 }
415 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item .filter-content .filter-left {
416 padding: 4px 10px;
417 float: left;
418 }
419 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item .filter-content .filter-right {
420 float: left;
421 padding: 10px;
422 background: #F5F5F5;
423 height: 100%;
424 color: #fff;
425 }
426 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item .filter-content .filter-right a {
427 color: #23282D;
428 }
429 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item .filter-content .filter-right a:first-child {
430 border-right: 2px solid #fff;
431 margin-right: 8px;
432 padding-right: 8px;
433 }
434 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item .filter-details .filter-left {
435 padding: 6px 10px;
436 float: left;
437 cursor: pointer;
438 }
439 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item .filter-details .filter-right {
440 float: left;
441 padding: 6px 10px;
442 background: #F5F5F5;
443 height: 100%;
444 color: #fff;
445 }
446 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .erp-advance-search-or-wrapper .filter-item .filter-details .filter-right a {
447 color: #23282D;
448 }
449 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .or-divider {
450 position: relative;
451 text-align: center;
452 margin: 15px 0px;
453 }
454 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-filters .or-divider span {
455 position: absolute;
456 top: -9px;
457 left: 45%;
458 font-size: 14px;
459 background: #FFF;
460 width: 50px;
461 color: #afafaf;
462 }
463 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-action-wrapper {
464 padding: 15px;
465 background: #fff;
466 border-top: 1px solid #eee;
467 }
468 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-action-wrapper button {
469 margin-right: 8px;
470 }
471 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-action-wrapper .saveasnew-wrapper .save-search-name,
472 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-action-wrapper .saveasnew-wrapper label {
473 margin-right: 15px;
474 }
475 .erp-crm-customer #erp-contact-advance-search-segment .erp-advance-search-action-wrapper .saveasnew-wrapper input[type="submit"] {
476 margin-right: 8px;
477 }
478 .erp-advance-search-filter {
479 position: relative;
480 margin-bottom: 25px;
481 margin-top: 10px;
482 border: 1px solid #e5e5e5;
483 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
484 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
485 background-color: #fff;
486 }
487 .erp-advance-search-filter:before {
488 content: ' ';
489 width: 0;
490 height: 0;
491 border-left: 15px solid transparent;
492 border-right: 14px solid transparent;
493 border-top: 19px solid #FFF;
494 position: absolute;
495 right: 20px;
496 bottom: -19px;
497 }
498 .erp-advance-search-filter input[type=text]:focus,
499 .erp-advance-search-filter select:focus,
500 .erp-advance-search-filter input[type=checkbox]:focus {
501 outline: none;
502 box-shadow: none;
503 }
504 .erp-advance-search-filter .erp-save-search-wrapper {
505 padding: 20px;
506 }
507 .erp-advance-search-filter .erp-save-search-wrapper .erp-save-search-item .search-fields.marginbottomonly {
508 margin-bottom: 15px;
509 }
510 .erp-advance-search-filter .erp-save-search-wrapper .erp-save-search-item .search-fields table.search-fields-table {
511 border-collapse: collapse;
512 }
513 .erp-advance-search-filter .erp-save-search-wrapper .erp-save-search-item .search-fields table.search-fields-table tbody.search-fields-table-tbody tr td {
514 padding: 6px 10px;
515 }
516 .erp-advance-search-filter .erp-save-search-wrapper .erp-save-search-item .search-fields table.search-fields-table tbody.search-fields-table-tbody tr td select,
517 .erp-advance-search-filter .erp-save-search-wrapper .erp-save-search-item .search-fields table.search-fields-table tbody.search-fields-table-tbody tr td input {
518 width: 100%;
519 }
520 .erp-advance-search-filter .erp-save-search-wrapper .erp-save-search-item .search-fields table.search-fields-table tbody.search-fields-table-tbody tr td:first-child {
521 padding-left: 0px;
522 }
523 .erp-advance-search-filter .erp-save-search-wrapper .erp-save-search-item .search-fields table.search-fields-table tbody.search-fields-table-tbody tr td a.remove-field {
524 text-decoration: none;
525 color: #666;
526 }
527 .erp-advance-search-filter .erp-save-search-wrapper .erp-save-search-item .erp-save-search-filter-actions label[for="or-action-add"] {
528 margin-right: 7px;
529 }
530 .erp-advance-search-filter .erp-save-search-wrapper .erp-save-search-item .or-divider {
531 position: relative;
532 text-align: center;
533 margin: 20px 0px;
534 }
535 .erp-advance-search-filter .erp-save-search-wrapper .erp-save-search-item .or-divider hr {
536 border-top: 1px solid #eee;
537 }
538 .erp-advance-search-filter .erp-save-search-wrapper .erp-save-search-item .or-divider span {
539 position: absolute;
540 top: -9px;
541 left: 45%;
542 font-size: 14px;
543 background: #fff;
544 width: 50px;
545 color: #afafaf;
546 }
547 .erp-advance-search-filter .erp-save-serach-action {
548 margin-top: 10px;
549 padding: 12px 20px 12px;
550 border-top: 1px solid #eee;
551 }
552 .erp-advance-search-filter .erp-save-serach-action .saved-search-lists {
553 display: inline-block;
554 }
555 .erp-advance-search-filter .erp-save-serach-action #erp_save_search_name {
556 margin-right: 15px;
557 border: none;
558 box-shadow: none;
559 transition: none;
560 padding: 5px 0px 5px 9px;
561 background: #eee;
562 }
563 .erp-advance-search-filter .erp-save-serach-action #erp_save_search_name:focus {
564 outline: none;
565 }
566 .erp-advance-search-filter .erp-save-serach-action #erp_save_search_name::-webkit-input-placeholder {
567 font-style: italic;
568 font-weight: normal;
569 }
570 .erp-advance-search-filter .erp-save-serach-action #erp_save_search_name:-moz-placeholder {
571 font-style: italic;
572 font-weight: normal;
573 }
574 .erp-advance-search-filter .erp-save-serach-action #erp_save_search_name::-moz-placeholder {
575 font-style: italic;
576 font-weight: normal;
577 }
578 .erp-advance-search-filter .erp-save-serach-action #erp_save_search_name:-ms-input-placeholder {
579 font-style: italic;
580 font-weight: normal;
581 }
582 .erp-advance-search-filter .erp-save-serach-action label[for=erp_save_serach_make_global] {
583 margin-right: 15px;
584 }
585 .erp-advance-search-filter .erp-save-serach-action input[type=submit] {
586 margin-right: 3px;
587 }
588 .erp-advance-search-filter .erp-save-serach-action .save-new-search-wrap {
589 float: left;
590 margin-right: 10px;
591 }
592 .erp-crm-subscriber-contact .subscribe-group,
593 .erp-crm-contact-subscriber-wrap .subscribe-group,
594 .erp-crm-subscriber-contact .unsubscribe-group,
595 .erp-crm-contact-subscriber-wrap .unsubscribe-group {
596 cursor: pointer !important;
597 }
598 .erp-crm-subscriber-contact .unsubscribe-group,
599 .erp-crm-contact-subscriber-wrap .unsubscribe-group {
600 color: #A9A9A9;
601 }
602 #erp-crm-edit-contact-subscriber label[for="erp-crm-contact-group-id"],
603 #erp-crm-customer-bulk-assign-group label[for="erp-crm-contact-group-id"] {
604 min-width: 105px;
605 }
606 .erp-single-customer {
607 /**
608 * Erp Single customer
609 * feeds styles
610 */
611 }
612 .erp-single-customer .erp-single-customer-content .row {
613 margin-left: -12px;
614 margin-right: -12px;
615 }
616 .erp-single-customer .erp-single-customer-content .postbox .erp-handlediv {
617 float: right;
618 width: 36px;
619 height: 36px;
620 padding: 0;
621 }
622 .erp-single-customer .erp-single-customer-content .postbox .erp-handlediv:before {
623 content: '\f142';
624 right: 12px;
625 font: 400 20px/1 dashicons;
626 speak: none;
627 display: inline-block;
628 padding: 8px 10px;
629 top: 0;
630 position: relative;
631 -webkit-font-smoothing: antialiased;
632 -moz-osx-font-smoothing: grayscale;
633 text-decoration: none!important;
634 }
635 .erp-single-customer .erp-single-customer-content .postbox .erp-hndle {
636 font-size: 14px;
637 padding: 8px 12px;
638 margin: 0;
639 line-height: 1.4;
640 cursor: pointer;
641 border-bottom: 1px solid #eee;
642 }
643 .erp-single-customer .erp-single-customer-content .postbox.closed .erp-hndle {
644 border-bottom: none;
645 }
646 .erp-single-customer .erp-single-customer-content .customer-image-wraper {
647 background: #FFF;
648 margin-bottom: 20px;
649 }
650 .erp-single-customer .erp-single-customer-content .customer-image-wraper .avatar img {
651 margin-left: 12px;
652 }
653 .erp-single-customer .erp-single-customer-content .customer-image-wraper .details {
654 padding-left: 20px;
655 }
656 .erp-single-customer .erp-single-customer-content .customer-image-wraper .details h3 {
657 margin-top: 5px;
658 margin-bottom: 15px;
659 }
660 .erp-single-customer .erp-single-customer-content .customer-image-wraper .details p {
661 margin: 7px 0px;
662 }
663 .erp-single-customer .erp-single-customer-content .customer-image-wraper .details ul.social-profile {
664 margin-bottom: 0px;
665 }
666 .erp-single-customer .erp-single-customer-content .customer-image-wraper .details ul.social-profile li {
667 margin-right: 5px;
668 }
669 .erp-single-customer .erp-single-customer-content .customer-image-wraper .details ul.social-profile li a {
670 color: #505050;
671 font-size: 21px;
672 }
673 .erp-single-customer .erp-single-customer-content .customer-basic-info .erp-crm-assign-contact {
674 margin-top: 0px;
675 padding: 5px 0px 5px;
676 }
677 .erp-single-customer .erp-single-customer-content .customer-basic-info .erp-crm-assign-contact .inner-wrap {
678 position: relative;
679 }
680 .erp-single-customer .erp-single-customer-content .customer-basic-info .erp-crm-assign-contact .inner-wrap h4:after {
681 content: ' ';
682 position: relative;
683 top: -9px;
684 left: 34%;
685 display: block;
686 width: 65%;
687 border: 1px solid #eee;
688 }
689 .erp-single-customer .erp-single-customer-content .customer-basic-info .erp-crm-assign-contact .inner-wrap .user-wrap {
690 position: relative;
691 }
692 .erp-single-customer .erp-single-customer-content .customer-basic-info .erp-crm-assign-contact .inner-wrap .user-wrap img {
693 float: left;
694 margin-right: 10px;
695 }
696 .erp-single-customer .erp-single-customer-content .customer-basic-info .erp-crm-assign-contact .inner-wrap span#erp-crm-edit-assign-contact-to-agent {
697 position: absolute;
698 top: 50%;
699 right: 2%;
700 cursor: pointer;
701 }
702 .erp-single-customer .erp-single-customer-content .customer-basic-info .erp-crm-assign-contact .inner-wrap .assign-form .crm-aget-search-select-wrap {
703 margin-bottom: 15px;
704 }
705 .erp-single-customer .erp-single-customer-content .customer-basic-info .erp-crm-assign-contact .inner-wrap .assign-form .assign-form-loader {
706 margin: 4px 0px 0px 6px;
707 }
708 .erp-single-customer .erp-single-customer-content .customer-basic-info .erp-crm-assign-contact .inner-wrap .user-details {
709 float: left;
710 margin-top: -2px;
711 }
712 .erp-single-customer .erp-single-customer-content .customer-basic-info .erp-crm-assign-contact .inner-wrap .user-details a {
713 text-decoration: none;
714 display: block;
715 }
716 .erp-single-customer .erp-single-customer-content .customer-basic-info .erp-crm-assign-contact .inner-wrap .user-details span {
717 font-style: italic;
718 }
719 .erp-single-customer .erp-single-customer-content .customer-company-info .company-profile-content .postbox {
720 margin-bottom: 15px;
721 }
722 .erp-single-customer .erp-single-customer-content .customer-company-info .company-profile-content .postbox .action {
723 position: absolute;
724 top: 12px;
725 right: 40px;
726 }
727 .erp-single-customer .erp-single-customer-content .customer-company-info .company-profile-content .postbox .action .fa {
728 font-size: 13px;
729 color: #222;
730 margin-left: 3px;
731 }
732 .erp-single-customer .erp-single-customer-content .customer-company-info .company-profile-content .postbox .erp-hndle .customer-avatar img {
733 width: 20px;
734 height: 20px;
735 margin-right: 2px;
736 }
737 .erp-single-customer .erp-single-customer-content .customer-company-info .company-profile-content .postbox .erp-hndle .customer-name {
738 position: relative;
739 top: -5px;
740 left: 5px;
741 }
742 .erp-single-customer .erp-single-customer-content .customer-company-info .company-profile-content .postbox .erp-hndle .customer-name a {
743 text-decoration: none;
744 color: #222;
745 }
746 .erp-single-customer .erp-single-customer-content .customer-company-info .company-profile-content .postbox .erp-hndle .customer-name a:hover {
747 text-decoration: underline;
748 }
749 .erp-single-customer .erp-single-customer-content .customer-mail-subscriber-info .contact-group-content p {
750 border: 1px solid #e5e5e5;
751 padding: 8px 11px;
752 position: relative;
753 }
754 .erp-single-customer .erp-single-customer-content .customer-mail-subscriber-info .contact-group-content p span {
755 position: absolute;
756 top: 6px;
757 right: 10px;
758 font-size: 15px;
759 cursor: pointer;
760 color: #222;
761 }
762 .erp-single-customer .erp-single-customer-content .customer-mail-subscriber-info .contact-group-content a#erp-contact-update-assign-group {
763 text-decoration: none;
764 }
765 .erp-single-customer .erp-single-customer-content .customer-mail-subscriber-info .contact-group-content a#erp-contact-update-assign-group i.fa {
766 font-size: 11px;
767 }
768 .erp-single-customer .erp-customer-feeds .activity-filter {
769 margin-top: 20px;
770 background: #fff;
771 border: 1px solid #e5e5e5;
772 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
773 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
774 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
775 }
776 .erp-single-customer .erp-customer-feeds .activity-filter .filters {
777 padding: 15px 25px;
778 border-right: 1px solid #e3e3e3;
779 float: left;
780 }
781 .erp-single-customer .erp-customer-feeds .activity-filter .filters:last-child {
782 border-right: none;
783 }
784 .erp-single-customer .erp-customer-feeds .submit-action {
785 padding-top: 10px;
786 border-top: 1px solid #eee;
787 }
788 .erp-single-customer .erp-customer-feeds #email p label {
789 margin-left: 8px;
790 }
791 .erp-single-customer .erp-customer-feeds #email p,
792 .erp-single-customer .erp-customer-feeds #schedule p {
793 margin: 0px;
794 border-bottom: 1px solid #eee;
795 padding: 8px 0px;
796 }
797 .erp-single-customer .erp-customer-feeds #email p span.select2-selection--single,
798 .erp-single-customer .erp-customer-feeds #schedule p span.select2-selection--single {
799 border: none;
800 height: 32px;
801 }
802 .erp-single-customer .erp-customer-feeds #email p span.select2-selection--single input,
803 .erp-single-customer .erp-customer-feeds #schedule p span.select2-selection--single input {
804 width: 100% !important;
805 }
806 .erp-single-customer .erp-customer-feeds #email p span.select2-selection--single:focus,
807 .erp-single-customer .erp-customer-feeds #schedule p span.select2-selection--single:focus {
808 outline: none;
809 }
810 .erp-single-customer .erp-customer-feeds #email p label,
811 .erp-single-customer .erp-customer-feeds #schedule p label {
812 min-width: 12%;
813 display: inline-block;
814 vertical-align: middle;
815 }
816 .erp-single-customer .erp-customer-feeds #email p span.sep,
817 .erp-single-customer .erp-customer-feeds #schedule p span.sep {
818 width: 15px;
819 display: inline-block;
820 }
821 .erp-single-customer .erp-customer-feeds #email p input[type='text'],
822 .erp-single-customer .erp-customer-feeds #schedule p input[type='text'] {
823 border: none;
824 box-shadow: none;
825 transition: none;
826 width: 80%;
827 }
828 .erp-single-customer .erp-customer-feeds #email p input[type='text']:focus,
829 .erp-single-customer .erp-customer-feeds #schedule p input[type='text']:focus {
830 outline: none;
831 }
832 .erp-single-customer .erp-customer-feeds #email p input[type='text']::-webkit-input-placeholder,
833 .erp-single-customer .erp-customer-feeds #schedule p input[type='text']::-webkit-input-placeholder {
834 font-style: italic;
835 font-weight: normal;
836 }
837 .erp-single-customer .erp-customer-feeds #email p input[type='text']:-moz-placeholder,
838 .erp-single-customer .erp-customer-feeds #schedule p input[type='text']:-moz-placeholder {
839 font-style: italic;
840 font-weight: normal;
841 }
842 .erp-single-customer .erp-customer-feeds #email p input[type='text']::-moz-placeholder,
843 .erp-single-customer .erp-customer-feeds #schedule p input[type='text']::-moz-placeholder {
844 font-style: italic;
845 font-weight: normal;
846 }
847 .erp-single-customer .erp-customer-feeds #email p input[type='text']:-ms-input-placeholder,
848 .erp-single-customer .erp-customer-feeds #schedule p input[type='text']:-ms-input-placeholder {
849 font-style: italic;
850 font-weight: normal;
851 }
852 .erp-single-customer .erp-customer-feeds #log-activity p,
853 .erp-single-customer .erp-customer-feeds #tasks p {
854 margin: 0px;
855 border-bottom: 1px solid #eee;
856 padding: 8px 0px;
857 }
858 .erp-single-customer .erp-customer-feeds #log-activity p:first-child,
859 .erp-single-customer .erp-customer-feeds #tasks p:first-child {
860 padding-bottom: 16px;
861 }
862 .erp-single-customer .erp-customer-feeds #log-activity p span.select2-selection--multiple,
863 .erp-single-customer .erp-customer-feeds #tasks p span.select2-selection--multiple {
864 border: none;
865 height: 32px;
866 }
867 .erp-single-customer .erp-customer-feeds #log-activity p span.select2-selection--multiple .select2-search__field,
868 .erp-single-customer .erp-customer-feeds #tasks p span.select2-selection--multiple .select2-search__field {
869 width: auto !important;
870 }
871 .erp-single-customer .erp-customer-feeds #log-activity p label,
872 .erp-single-customer .erp-customer-feeds #tasks p label {
873 min-width: 12%;
874 display: inline-block;
875 vertical-align: middle;
876 margin-left: 5px;
877 }
878 .erp-single-customer .erp-customer-feeds #log-activity p span.sep,
879 .erp-single-customer .erp-customer-feeds #tasks p span.sep {
880 width: 15px;
881 display: inline-block;
882 }
883 .erp-single-customer .erp-customer-feeds #log-activity p input.email_subject,
884 .erp-single-customer .erp-customer-feeds #tasks p input.email_subject {
885 border: none;
886 box-shadow: none;
887 transition: none;
888 width: 80%;
889 }
890 .erp-single-customer .erp-customer-feeds #log-activity p input.email_subject:focus,
891 .erp-single-customer .erp-customer-feeds #tasks p input.email_subject:focus {
892 outline: none;
893 }
894 .erp-single-customer .erp-customer-feeds #log-activity p input.email_subject::-webkit-input-placeholder,
895 .erp-single-customer .erp-customer-feeds #tasks p input.email_subject::-webkit-input-placeholder {
896 font-style: italic;
897 font-weight: normal;
898 }
899 .erp-single-customer .erp-customer-feeds #log-activity p input.email_subject:-moz-placeholder,
900 .erp-single-customer .erp-customer-feeds #tasks p input.email_subject:-moz-placeholder {
901 font-style: italic;
902 font-weight: normal;
903 }
904 .erp-single-customer .erp-customer-feeds #log-activity p input.email_subject::-moz-placeholder,
905 .erp-single-customer .erp-customer-feeds #tasks p input.email_subject::-moz-placeholder {
906 font-style: italic;
907 font-weight: normal;
908 }
909 .erp-single-customer .erp-customer-feeds #log-activity p input.email_subject:-ms-input-placeholder,
910 .erp-single-customer .erp-customer-feeds #tasks p input.email_subject:-ms-input-placeholder {
911 font-style: italic;
912 font-weight: normal;
913 }
914 .erp-single-customer .erp-customer-feeds #schedule .submit-action {
915 border-top: none;
916 }
917 .erp-single-customer .erp-customer-feeds #schedule p {
918 font-weight: normal;
919 }
920 .erp-single-customer .erp-customer-feeds #schedule p span.select2-selection--multiple {
921 border: none;
922 height: 32px;
923 }
924 .erp-single-customer .erp-customer-feeds #schedule p span.select2-selection--multiple input {
925 width: 100% !important;
926 }
927 .erp-single-customer .erp-customer-feeds #schedule .schedule-datetime {
928 border-bottom: 1px solid #eee;
929 }
930 .erp-single-customer .erp-customer-feeds #schedule .schedule-datetime p {
931 border-bottom: none;
932 width: 40%;
933 padding-left: 5px;
934 }
935 .erp-single-customer .erp-customer-feeds #schedule .schedule-datetime p.schedule-end {
936 border-left: 1px solid #eee;
937 padding-left: 20px;
938 }
939 .erp-single-customer .erp-customer-feeds #schedule .schedule-datetime p.schedule-all-day {
940 width: 16%;
941 padding: 12px 20px;
942 border-left: 1px solid #eee;
943 }
944 .erp-single-customer .erp-customer-feeds #schedule .schedule-datetime input.start-time,
945 .erp-single-customer .erp-customer-feeds #schedule .schedule-datetime input.start-date {
946 width: 33%;
947 }
948 .erp-single-customer .erp-customer-feeds #schedule .schedule-notification {
949 border-bottom: 1px solid #eee;
950 }
951 .erp-single-customer .erp-customer-feeds #schedule .schedule-notification p {
952 border: none;
953 width: 40%;
954 padding-left: 5px;
955 }
956 .erp-single-customer .erp-customer-feeds #schedule .schedule-notification p label {
957 width: 27%;
958 }
959 .erp-single-customer .erp-customer-feeds #schedule .schedule-notification p.schedule-notification-via {
960 width: 50%;
961 border-right: 1px solid #eee;
962 }
963 .erp-single-customer .erp-customer-feeds #schedule .schedule-notification p.schedule-notification-before {
964 padding-left: 20px;
965 width: 50%;
966 }
967 .erp-single-customer .erp-customer-feeds #schedule .schedule-notification p.schedule-notification-before select {
968 margin-top: -2px;
969 }
970 .erp-single-customer .erp-customer-feeds #schedule .schedule-notification p.schedule-type {
971 width: 50%;
972 border-right: 1px solid #eee;
973 padding-left: 5px;
974 }
975 .erp-single-customer .erp-customer-feeds #schedule .schedule-notification p.schedule-notification-allow {
976 width: 50%;
977 padding: 13px 20px;
978 }
979 .erp-single-customer .erp-customer-feeds #tasks .assign-task-datetime {
980 border-bottom: 1px solid #e3e3e3;
981 }
982 .erp-single-customer .erp-customer-feeds #tasks p {
983 padding-bottom: 10px !important;
984 }
985 .erp-single-customer .erp-customer-feeds #tasks p.assign-task-time {
986 border-bottom: none;
987 width: 45%;
988 margin-left: 10px;
989 }
990 .erp-single-customer .erp-customer-feeds #tasks p.assign-task-date {
991 width: 45%;
992 border-bottom: none;
993 border-right: 1px solid #e3e3e3;
994 margin-left: 5px;
995 }
996 .erp-single-customer .erp-customer-feeds #tasks p input[type=text] {
997 border: none;
998 box-shadow: none;
999 transition: none;
1000 width: 45%;
1001 }
1002 .erp-single-customer .erp-customer-feeds #tasks p input[type=text]:focus {
1003 outline: none;
1004 }
1005 .erp-single-customer .erp-customer-feeds #tasks p input[type=text]::-webkit-input-placeholder {
1006 font-style: italic;
1007 font-weight: normal;
1008 }
1009 .erp-single-customer .erp-customer-feeds #tasks p input[type=text]:-moz-placeholder {
1010 font-style: italic;
1011 font-weight: normal;
1012 }
1013 .erp-single-customer .erp-customer-feeds #tasks p input[type=text]::-moz-placeholder {
1014 font-style: italic;
1015 font-weight: normal;
1016 }
1017 .erp-single-customer .erp-customer-feeds #tasks p input[type=text]:-ms-input-placeholder {
1018 font-style: italic;
1019 font-weight: normal;
1020 }
1021 .erp-single-customer .erp-customer-feeds .activity-form {
1022 background: #fff;
1023 }
1024 .erp-single-customer .erp-customer-feeds .activity-form ul.nav-item {
1025 background: #32373C;
1026 border: 1px solid #3a4042;
1027 box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.15), inset 1px 1px 1px 0 rgba(255, 255, 255, 0.15);
1028 margin: 0;
1029 padding: 0;
1030 width: 100%;
1031 }
1032 .erp-single-customer .erp-customer-feeds .activity-form ul.nav-item li {
1033 display: inline-block;
1034 position: relative;
1035 list-style: none;
1036 margin: 0px;
1037 }
1038 .erp-single-customer .erp-customer-feeds .activity-form ul.nav-item li.active {
1039 background: #191E23;
1040 position: relative;
1041 color: white;
1042 text-shadow: 0 1px 2px #212425;
1043 border-color: black;
1044 }
1045 .erp-single-customer .erp-customer-feeds .activity-form ul.nav-item li .fa {
1046 font-size: 11px;
1047 margin-right: 3px;
1048 }
1049 .erp-single-customer .erp-customer-feeds .activity-form ul.nav-item li a {
1050 display: inline-block;
1051 color: #fafafa;
1052 font-weight: 700;
1053 opacity: 1;
1054 height: 100%;
1055 margin: 0;
1056 text-decoration: none;
1057 text-align: center;
1058 padding: 12px;
1059 }
1060 .erp-single-customer .erp-customer-feeds .activity-form .nav-content {
1061 padding: 10px;
1062 }
1063 .erp-single-customer .erp-customer-feeds .activity-content {
1064 margin: 30px 0px;
1065 /*
1066 * Component: Timeline
1067 * -------------------
1068 */
1069 }
1070 .erp-single-customer .erp-customer-feeds .activity-content .feed-load-more {
1071 position: relative;
1072 padding: 20px 0px;
1073 border-top: 2px solid #fafafa;
1074 }
1075 .erp-single-customer .erp-customer-feeds .activity-content .feed-load-more button {
1076 border: none;
1077 box-shadow: none;
1078 position: absolute;
1079 top: -1px;
1080 right: 10px;
1081 padding: 0px 30px;
1082 height: 40px;
1083 color: #969696;
1084 border-radius: 0px;
1085 }
1086 .erp-single-customer .erp-customer-feeds .activity-content .no-activity-found {
1087 width: 100%;
1088 font-weight: bold;
1089 padding: 20px 12px;
1090 display: inline-block;
1091 background-color: #fff;
1092 border-radius: 2px;
1093 border-left: 3px solid #DEDEDE;
1094 }
1095 .erp-single-customer .erp-customer-feeds .activity-content .timeline {
1096 position: relative;
1097 margin: 0 0 30px 0;
1098 padding: 0;
1099 list-style: none;
1100 }
1101 .erp-single-customer .erp-customer-feeds .activity-content .timeline:before {
1102 content: '';
1103 position: absolute;
1104 top: 0;
1105 bottom: 0;
1106 width: 3px;
1107 background: #DEDEDE;
1108 left: 31px;
1109 margin: 0;
1110 border-radius: 2px;
1111 }
1112 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li {
1113 position: relative;
1114 margin-right: 10px;
1115 margin-bottom: 20px;
1116 }
1117 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li:before,
1118 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li:after {
1119 content: " ";
1120 display: table;
1121 }
1122 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li:after {
1123 content: " ";
1124 clear: both;
1125 }
1126 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li.time-label:before {
1127 width: 80%;
1128 position: relative;
1129 top: 15px;
1130 z-index: 1;
1131 left: 19%;
1132 clear: both;
1133 border: 1px dotted #ddd;
1134 }
1135 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item {
1136 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
1137 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
1138 border-radius: 3px;
1139 margin-top: 0;
1140 background: #fff;
1141 color: #444;
1142 margin-left: 60px;
1143 padding: 0;
1144 position: relative;
1145 }
1146 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item .cancel-timeline-feed-edit {
1147 cursor: pointer;
1148 }
1149 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item.timeline-oneliner {
1150 background: none;
1151 box-shadow: none;
1152 }
1153 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item.timeline-oneliner .timeline-body {
1154 padding: 0;
1155 }
1156 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item.timeline-oneliner .timeline-body .timeline-feed-header-text {
1157 line-height: 1.5;
1158 display: block;
1159 border-bottom: 1px solid #eee;
1160 padding: 4px 0;
1161 }
1162 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item.timeline-oneliner .timeline-body .timeline-feed-header-text a {
1163 text-decoration: none;
1164 font-weight: bold;
1165 }
1166 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .time {
1167 color: #999;
1168 float: right;
1169 padding: 8px 10px;
1170 font-size: 12px;
1171 }
1172 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-header {
1173 margin: 0;
1174 color: #8E8E8E;
1175 border-bottom: 1px solid #f4f4f4;
1176 padding: 10px;
1177 font-size: 12px;
1178 font-weight: normal;
1179 line-height: 1.1;
1180 cursor: pointer;
1181 }
1182 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-header > span.timeline-feed-header-text {
1183 display: block;
1184 }
1185 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-header > span.timeline-feed-header-text strong {
1186 color: #000000;
1187 }
1188 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-header > .timeline-feed-avatar {
1189 display: block;
1190 float: left;
1191 }
1192 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-header > .timeline-feed-avatar img {
1193 width: 17px;
1194 height: 17px;
1195 margin-right: 6px;
1196 }
1197 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-header > a {
1198 font-weight: 600;
1199 text-decoration: none;
1200 }
1201 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-body,
1202 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-footer {
1203 padding: 10px;
1204 }
1205 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-footer {
1206 box-shadow: -1px 1px 4px 0 #e6e6e6;
1207 transition: all 0.2s ease;
1208 background: #fafafa;
1209 border: 1px solid #e9eced;
1210 z-index: 1;
1211 }
1212 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-body {
1213 color: #565656;
1214 line-height: 24px;
1215 }
1216 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-body #schedule span.sep {
1217 width: 8px;
1218 }
1219 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-body #schedule .schedule-datetime input.start-time,
1220 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-body #schedule .schedule-datetime input.start-date {
1221 margin-left: -2px;
1222 width: 37%;
1223 }
1224 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-body #schedule .schedule-datetime p.schedule-end {
1225 padding-left: 10px !important;
1226 }
1227 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-body #schedule p.schedule-all-day {
1228 padding: 12px 13px;
1229 }
1230 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-body #schedule .schedule-notification p label {
1231 width: 33%;
1232 }
1233 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-body ul {
1234 list-style-type: disc;
1235 margin-left: 2em;
1236 }
1237 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-body ul.select2-selection__rendered {
1238 list-style-type: none;
1239 margin-left: 0;
1240 }
1241 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-body .timeline-email-subject {
1242 padding: 0px 0px 10px;
1243 border-bottom: 1px solid #eee;
1244 margin-bottom: 10px;
1245 font-style: italic;
1246 }
1247 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .timeline-item > .timeline-footer a {
1248 text-decoration: none;
1249 }
1250 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .fa,
1251 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .glyphicon,
1252 .erp-single-customer .erp-customer-feeds .activity-content .timeline > li > .ion {
1253 width: 30px;
1254 height: 30px;
1255 font-size: 15px;
1256 line-height: 30px;
1257 position: absolute;
1258 color: #a2a2a2;
1259 background: #dfdfdf;
1260 border-radius: 50%;
1261 text-align: center;
1262 left: 18px;
1263 top: 0;
1264 cursor: pointer;
1265 }
1266 .erp-single-customer .erp-customer-feeds .activity-content .timeline > .time-label > span {
1267 font-weight: bold;
1268 padding: 6px 8px;
1269 display: inline-block;
1270 background-color: #fff;
1271 border-radius: 2px;
1272 border-left: 3px solid #DEDEDE;
1273 }
1274 .erp-single-customer .erp-customer-feeds .activity-content .timeline-inverse > li > .timeline-item {
1275 background: #f0f0f0;
1276 border: 1px solid #ddd;
1277 -webkit-box-shadow: none;
1278 box-shadow: none;
1279 }
1280 .erp-single-customer .erp-customer-feeds .activity-content .timeline-inverse > li > .timeline-item > .timeline-header {
1281 border-bottom-color: #ddd;
1282 }
1283 .erp-crm-new-schedule-wrapper p {
1284 border-bottom: 1px solid #eee;
1285 padding-bottom: 11px !important;
1286 margin-bottom: 0px !important;
1287 }
1288 .erp-crm-new-schedule-wrapper p input {
1289 margin-left: 15px;
1290 }
1291 .erp-crm-new-schedule-wrapper p input[disabled=disabled] {
1292 color: #222;
1293 }
1294 .erp-crm-new-schedule-wrapper span.select2-selection--multiple,
1295 .erp-crm-new-schedule-wrapper span.select2-selection--single {
1296 border: none;
1297 height: 32px;
1298 }
1299 .erp-crm-new-schedule-wrapper span.select2-selection--multiple input,
1300 .erp-crm-new-schedule-wrapper span.select2-selection--single input {
1301 width: 100% !important;
1302 }
1303 .erp-crm-new-schedule-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple,
1304 .erp-crm-new-schedule-wrapper .select2-container--default.select2-container--focus .select2-selection--single {
1305 border: none;
1306 }
1307 .erp-crm-new-schedule-wrapper .feed-log-activity input[type='text'][name='email_subject'] {
1308 border: none;
1309 box-shadow: none;
1310 transition: none;
1311 width: 80%;
1312 }
1313 .erp-crm-new-schedule-wrapper .feed-log-activity input[type='text'][name='email_subject']:focus {
1314 outline: none;
1315 }
1316 .erp-crm-new-schedule-wrapper .feed-log-activity input[type='text'][name='email_subject']::-webkit-input-placeholder {
1317 font-style: italic;
1318 font-weight: normal;
1319 }
1320 .erp-crm-new-schedule-wrapper .feed-log-activity input[type='text'][name='email_subject']:-moz-placeholder {
1321 font-style: italic;
1322 font-weight: normal;
1323 }
1324 .erp-crm-new-schedule-wrapper .feed-log-activity input[type='text'][name='email_subject']::-moz-placeholder {
1325 font-style: italic;
1326 font-weight: normal;
1327 }
1328 .erp-crm-new-schedule-wrapper .feed-log-activity input[type='text'][name='email_subject']:-ms-input-placeholder {
1329 font-style: italic;
1330 font-weight: normal;
1331 }
1332 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-title-assign-user {
1333 border-bottom: 1px solid #eee;
1334 }
1335 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-title-assign-user p {
1336 border-bottom: none;
1337 }
1338 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-title-assign-user p.schedule-title {
1339 width: 63%;
1340 }
1341 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-title-assign-user p.schedule-assign-user {
1342 width: 36%;
1343 }
1344 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper p {
1345 border-bottom: 1px solid #eee;
1346 padding-bottom: 20px;
1347 }
1348 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper p input {
1349 margin-left: 15px;
1350 }
1351 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper input[type='text'] {
1352 border: none;
1353 box-shadow: none;
1354 transition: none;
1355 width: 80%;
1356 }
1357 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper input[type='text']:focus {
1358 outline: none;
1359 }
1360 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper input[type='text']::-webkit-input-placeholder {
1361 font-style: italic;
1362 font-weight: normal;
1363 }
1364 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper input[type='text']:-moz-placeholder {
1365 font-style: italic;
1366 font-weight: normal;
1367 }
1368 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper input[type='text']::-moz-placeholder {
1369 font-style: italic;
1370 font-weight: normal;
1371 }
1372 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper input[type='text']:-ms-input-placeholder {
1373 font-style: italic;
1374 font-weight: normal;
1375 }
1376 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-datetime {
1377 border-bottom: 1px solid #eee;
1378 }
1379 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-datetime p {
1380 border-bottom: none;
1381 width: 37%;
1382 padding-left: 5px;
1383 }
1384 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-datetime p.schedule-end {
1385 _border-left: 1px solid #eee;
1386 padding-left: 20px;
1387 }
1388 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-datetime p.schedule-all-day {
1389 width: 20%;
1390 padding: 3px 20px;
1391 _border-left: 1px solid #eee;
1392 }
1393 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-datetime input.start-time,
1394 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-datetime input.start-date {
1395 width: 33%;
1396 }
1397 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-notification {
1398 border-bottom: 1px solid #eee;
1399 }
1400 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-notification:last-child {
1401 border-bottom: none;
1402 }
1403 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-notification p {
1404 border: none;
1405 width: 40%;
1406 padding-left: 5px;
1407 }
1408 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-notification p label {
1409 width: 27%;
1410 }
1411 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-notification p.schedule-notification-via {
1412 width: 50%;
1413 _border-right: 1px solid #eee;
1414 padding-top: 15px;
1415 }
1416 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-notification p.schedule-notification-before {
1417 padding-left: 20px;
1418 padding-top: 15px;
1419 width: 50%;
1420 }
1421 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-notification p.schedule-notification-before select {
1422 margin-top: -2px;
1423 }
1424 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-notification p.schedule-type {
1425 width: 50%;
1426 _border-right: 1px solid #eee;
1427 padding-left: 5px;
1428 }
1429 .erp-crm-new-schedule-wrapper .feed-schedule-wrapper .schedule-notification p.schedule-notification-allow {
1430 width: 50%;
1431 padding: 6px 20px;
1432 }
1433 .erp-crm-schedule-wrapper {
1434 margin-top: 20px;
1435 }
1436 [v-cloak] {
1437 display: none;
1438 }
1439 table.widefat.cfi-table {
1440 border-collapse: collapse;
1441 border: 0;
1442 background: transparent;
1443 box-shadow: none;
1444 }
1445 .cfi-table tr {
1446 border-left: 1px solid #E1E1E1;
1447 border-right: 1px solid #E1E1E1;
1448 }
1449 .cfi-table tr.cfi-option-row {
1450 background-color: #fff;
1451 }
1452 .cfi-table th,
1453 .cfi-table td {
1454 padding: 10px 20px;
1455 }
1456 .cfi-table th {
1457 background-color: #fff;
1458 border-top: 1px solid #E1E1E1;
1459 border-bottom: 1px solid #E1E1E1;
1460 }
1461 .cfi-table td {
1462 border-bottom: 1px solid #E1E1E1;
1463 }
1464 .cfi-table td.cfi-contact-options {
1465 text-align: center;
1466 }
1467 .cfi-table td.cfi-contact-options .button {
1468 margin: 0 3px 6px;
1469 }
1470 .cfi-table tfoot tr {
1471 border: 0;
1472 }
1473 .cfi-table tfoot td {
1474 padding: 10px 0;
1475 text-align: left;
1476 background: #F1F1F1;
1477 border: 0;
1478 }
1479 .cfi-table tfoot tr:last-of-type td {
1480 border-bottom: 1px solid #E1E1E1;
1481 padding-bottom: 25px;
1482 }
1483 .erp-crm-save-replies-wrap label[for=template-body] {
1484 margin-top: 12px;
1485 }
1486 .erp-crm-save-replies-wrap .row {
1487 margin-bottom: 25px !important;
1488 }
1489 .erp-crm-save-replies-wrap .template-body-wrapper {
1490 float: left;
1491 width: 80%;
1492 position: relative;
1493 }
1494 .erp-crm-save-replies-wrap .template-body-wrapper select#erp-crm-template-shortcodes {
1495 position: absolute;
1496 top: -30px;
1497 right: 0px;
1498 }
1499 .erp-crm-save-replies-wrap .template-body-wrapper trix-toolbar {
1500 border-bottom: 1px solid #eee;
1501 margin-bottom: 5px;
1502 }
1503 .erp-crm-tasks .erp-crm-tasks-wrapper ul.erp-crm-tasks-menu li {
1504 display: inline-block;
1505 float: left;
1506 margin-right: 15px;
1507 }
1508 .erp-crm-tasks .erp-crm-tasks-wrapper ul.erp-crm-tasks-menu li a {
1509 text-decoration: none;
1510 }
1511 .erp-crm-tasks .erp-crm-tasks-wrapper ul.erp-crm-tasks-menu li a:hover {
1512 text-decoration: underline;
1513 }
1514 #erp-crm-single-schedule-details-wrap p.title {
1515 font-size: 16px;
1516 }
1517 #erp-crm-single-schedule-details-wrap .message {
1518 margin-top: 15px;
1519 }
1520 #erp-crm-single-schedule-details-wrap span.header,
1521 #erp-crm-single-schedule-details-wrap span.email_subject {
1522 font-size: 14px;
1523 font-style: italic;
1524 display: inline-block;
1525 padding: 4px 0px;
1526 }
1527 @media (min-width: 1200px) {
1528 .cfi-table {
1529 width: 50%;
1530 }
1531 .cfi-table .cfi-table-wide-column {
1532 width: 35%;
1533 }
1534 .cfi-table .cfi-table-narrow-column {
1535 width: 30%;
1536 }
1537 }
1538 @media (min-width: 783px) and (max-width: 1199px) {
1539 .cfi-table {
1540 width: 55%;
1541 }
1542 }
1543 @media (min-width: 783px) {
1544 .button.button-default .dashicons {
1545 line-height: 26px;
1546 }
1547 }
1548 .button.button-default .dashicons {
1549 color: #82878c;
1550 }
1551 .button.button-default[disabled] .dashicons {
1552 color: #C7C7C7 !important;
1553 border-color: #ddd !important;
1554 background: #f7f7f7 !important;
1555 -webkit-box-shadow: none !important;
1556 box-shadow: none !important;
1557 text-shadow: 0 1px 0 #fff !important;
1558 cursor: default;
1559 -webkit-transform: none !important;
1560 -ms-transform: none !important;
1561 transform: none !important;
1562 }
1563 .cfi-table-container > td {
1564 padding-bottom: 0;
1565 }
1566 .cfi-contact-group {
1567 margin-left: 10px;
1568 }
1569 span.red {
1570 color: #CF0202;
1571 }
1572 span.green {
1573 color: green;
1574 }
1575 .erp-hr-employees table.wp-list-table .column-name img {
1576 float: left;
1577 margin-right: 10px;
1578 margin-top: 1px;
1579 }
1580 .erp-hr-employees table.wp-list-table .column-balance {
1581 width: 8%;
1582 }
1583 .erp-hr-employees table.wp-list-table .column-status {
1584 width: 8%;
1585 }
1586 .erp-hr-employees table.wp-list-table .column-comments {
1587 width: 25%;
1588 }
1589 .hrm-dashboard .badge-container {
1590 margin-bottom: 40px;
1591 }
1592 .hrm-dashboard .badge-container:before,
1593 .hrm-dashboard .badge-container:after {
1594 content: " ";
1595 display: table;
1596 }
1597 .hrm-dashboard .badge-container:after {
1598 clear: both;
1599 }
1600 .hrm-dashboard .badge-container:before,
1601 .hrm-dashboard .badge-container:after {
1602 content: " ";
1603 display: table;
1604 }
1605 .hrm-dashboard .badge-container:after {
1606 clear: both;
1607 }
1608 .hrm-dashboard .badge-container .badge-wrap {
1609 float: left;
1610 width: 32%;
1611 margin-right: 10px;
1612 background: #fff;
1613 }
1614 .hrm-dashboard .badge-container .badge-wrap .badge-inner {
1615 padding: 15px 0 0 15px;
1616 }
1617 .hrm-dashboard .badge-container .badge-wrap h3 {
1618 font-size: 34px;
1619 margin: 10px 0 20px 0;
1620 }
1621 .hrm-dashboard .badge-container .badge-wrap .badge-footer {
1622 text-align: center;
1623 padding: 5px 0;
1624 }
1625 .hrm-dashboard .badge-container .badge-wrap .badge-footer:hover {
1626 background: rgba(0, 0, 0, 0.5);
1627 }
1628 .hrm-dashboard .badge-container .badge-wrap .badge-footer a {
1629 color: #fff;
1630 text-decoration: none;
1631 display: block;
1632 }
1633 .erp-employee-form ol,
1634 .erp-employee-form li {
1635 list-style: none;
1636 margin: 0;
1637 padding: 0;
1638 }
1639 .erp-employee-form .photo-container {
1640 display: inline-block;
1641 width: 128px;
1642 position: relative;
1643 }
1644 .erp-employee-form .photo-container img {
1645 max-width: 80px;
1646 height: auto;
1647 }
1648 .erp-employee-form .photo-container .erp-remove-photo {
1649 position: absolute;
1650 top: 0;
1651 left: 0;
1652 background: rgba(0, 0, 0, 0.5);
1653 width: 80px;
1654 height: 80px;
1655 color: red;
1656 text-align: center;
1657 text-decoration: none;
1658 font-size: 50px;
1659 padding-top: 30px;
1660 display: none;
1661 }
1662 .erp-employee-form .photo-container:hover .erp-remove-photo {
1663 display: inline-block;
1664 }
1665 .erp-employee-form ol.form-fields:before,
1666 .erp-employee-form ol.form-fields:after {
1667 content: " ";
1668 display: table;
1669 }
1670 .erp-employee-form ol.form-fields:after {
1671 clear: both;
1672 }
1673 .erp-employee-form ol.form-fields:before,
1674 .erp-employee-form ol.form-fields:after {
1675 content: " ";
1676 display: table;
1677 }
1678 .erp-employee-form ol.form-fields:after {
1679 clear: both;
1680 }
1681 .erp-employee-form ol.form-fields > li {
1682 float: left;
1683 width: 100%;
1684 padding-bottom: 5px;
1685 }
1686 .erp-employee-form ol.form-fields > li > label {
1687 width: 15%;
1688 display: inline-block;
1689 vertical-align: top;
1690 }
1691 .erp-employee-form ol.form-fields > li select {
1692 max-width: 55%;
1693 }
1694 .erp-employee-form ol.form-fields.two-col li {
1695 width: 50%;
1696 }
1697 .erp-employee-form ol.form-fields.two-col li label {
1698 width: 30%;
1699 }
1700 .erp-employee-form ol.form-fields.two-col li:nth-child(2n+1) {
1701 clear: both;
1702 }
1703 .erp-employee-form ol.form-fields li.name-container {
1704 width: 100%;
1705 float: none;
1706 }
1707 .erp-employee-form ol.form-fields li.name-container > label {
1708 float: left;
1709 width: 15%;
1710 margin-top: 22px;
1711 }
1712 .erp-employee-form ol.form-fields li.name-container ol {
1713 float: left;
1714 width: 85%;
1715 }
1716 .erp-employee-form ol.form-fields li.name-container ol label {
1717 display: block;
1718 color: #aaa;
1719 width: 100%;
1720 }
1721 .erp-employee-form ol.form-fields li.name-container ol li.middle-name {
1722 width: 185px;
1723 }
1724 .erp-employee-form ol.form-fields li.name-container ol li.middle-name input {
1725 width: 98%;
1726 }
1727 .erp-employee-form fieldset {
1728 margin-bottom: 20px;
1729 padding-top: 15px;
1730 border-top: 1px solid #eee;
1731 }
1732 .erp-employee-form fieldset.no-border {
1733 border-top: none;
1734 }
1735 .erp-employee-form fieldset legend {
1736 font-weight: bold;
1737 padding-right: 20px;
1738 margin-bottom: 10px;
1739 }
1740 .erp-employee-form ol.fields-inline li {
1741 display: inline-block;
1742 }
1743 .job-tab-wrap table.widefat,
1744 .performance-tab-wrap table.widefat {
1745 margin-bottom: 20px;
1746 }
1747 .job-tab-wrap table.widefat a.remove,
1748 .performance-tab-wrap table.widefat a.remove,
1749 .job-tab-wrap table.widefat a.performance-remove,
1750 .performance-tab-wrap table.widefat a.performance-remove {
1751 visibility: hidden;
1752 color: #999;
1753 }
1754 .job-tab-wrap table.widefat td.action,
1755 .performance-tab-wrap table.widefat td.action,
1756 .job-tab-wrap table.widefat th.action,
1757 .performance-tab-wrap table.widefat th.action {
1758 width: 4%;
1759 }
1760 .job-tab-wrap table.widefat tr:hover a.remove,
1761 .performance-tab-wrap table.widefat tr:hover a.remove,
1762 .job-tab-wrap table.widefat tr:hover a.performance-remove,
1763 .performance-tab-wrap table.widefat tr:hover a.performance-remove {
1764 visibility: visible;
1765 }
1766 .job-tab-wrap a.action,
1767 .performance-tab-wrap a.action {
1768 float: right;
1769 margin-top: -38px;
1770 padding-bottom: 10px;
1771 text-decoration: none;
1772 }
1773 .job-tab-wrap a.action span.erp-performance-dashicon,
1774 .performance-tab-wrap a.action span.erp-performance-dashicon {
1775 line-height: 30px;
1776 font-size: 13px;
1777 }
1778 .performance-form-wrap .row label {
1779 min-width: 190px !important;
1780 }
1781 .erp-hr-leave-policy td span.leave-color {
1782 border-radius: 3px;
1783 display: block;
1784 height: 20px;
1785 width: 50px;
1786 margin-top: 12px;
1787 background-color: #ddd;
1788 }
1789 table.leaves td.column-status {
1790 color: #fff;
1791 font-size: 11px;
1792 font-weight: bold;
1793 }
1794 table.leaves td.column-status span {
1795 padding: 2px 5px;
1796 border-radius: 3px;
1797 margin-top: 10px;
1798 display: inline-block;
1799 }
1800 table.leaves td.column-status .status-1 {
1801 background: #7ad03a;
1802 }
1803 table.leaves td.column-status .status-2 {
1804 background: #ffba00;
1805 }
1806 table.leaves td.column-status .status-3 {
1807 background: #dd3d36;
1808 }
1809 .erp-hr-leave-request-new .show-days {
1810 width: 97%;
1811 }
1812 .erp-hr-leave-request-new .show-days .table-wrap {
1813 border: 1px solid #ddd;
1814 }
1815 .erp-hr-leave-request-new .show-days .table-wrap .total {
1816 border-top: 1px solid #ddd;
1817 background: #fff;
1818 font-weight: bold;
1819 padding: 8px 0 8px 10px;
1820 }
1821 .erp-hr-leave-request-new .show-days table.list-days {
1822 width: 100%;
1823 margin: 0;
1824 padding: 0;
1825 }
1826 .erp-hr-leave-request-new .show-days table.list-days tbody td {
1827 padding: 2px 0 2px 15px;
1828 margin: 0;
1829 border: none;
1830 }
1831 .erp-hr-leave-request-new .show-days table.list-days tr:nth-child(2n+1) {
1832 background-color: #fff;
1833 }
1834 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row {
1835 width: 400px;
1836 margin: 10px 0px;
1837 }
1838 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row:before,
1839 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row:after {
1840 content: " ";
1841 display: table;
1842 }
1843 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row:after {
1844 clear: both;
1845 }
1846 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row:before,
1847 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row:after {
1848 content: " ";
1849 display: table;
1850 }
1851 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row:after {
1852 clear: both;
1853 }
1854 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row label {
1855 display: block;
1856 margin-bottom: 5px;
1857 }
1858 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row.two-col:before,
1859 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row.two-col:after {
1860 content: " ";
1861 display: table;
1862 }
1863 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row.two-col:after {
1864 clear: both;
1865 }
1866 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row.two-col:before,
1867 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row.two-col:after {
1868 content: " ";
1869 display: table;
1870 }
1871 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row.two-col:after {
1872 clear: both;
1873 }
1874 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row.two-col .cols {
1875 float: left;
1876 width: 48%;
1877 margin-right: 2%;
1878 }
1879 .erp-hr-leave-request-new.erp-hr-leave-reqs-wrap .row.two-col .cols.last {
1880 margin-right: 0;
1881 }
1882 /**
1883 * Employee notes tab
1884 */
1885 .note-tab-wrap .note-form {
1886 padding: 12px;
1887 border: 1px solid #ddd;
1888 position: relative;
1889 }
1890 .note-tab-wrap .note-form:before,
1891 .note-tab-wrap .note-form:after {
1892 content: " ";
1893 display: table;
1894 }
1895 .note-tab-wrap .note-form:after {
1896 clear: both;
1897 }
1898 .note-tab-wrap .note-form:before,
1899 .note-tab-wrap .note-form:after {
1900 content: " ";
1901 display: table;
1902 }
1903 .note-tab-wrap .note-form:after {
1904 clear: both;
1905 }
1906 .note-tab-wrap .note-form textarea {
1907 width: 100%;
1908 padding: 10px;
1909 }
1910 .note-tab-wrap .note-form p.submit {
1911 margin: 9px 0 0 0;
1912 padding: 0;
1913 float: right;
1914 }
1915 .note-tab-wrap .note-form span.erp-note-loader {
1916 right: 100px;
1917 bottom: 15px;
1918 display: none;
1919 }
1920 .note-tab-wrap ul.notes-list .avatar-wrap {
1921 float: left;
1922 width: 32px;
1923 margin-right: 15px;
1924 }
1925 .note-tab-wrap ul.notes-list .avatar-wrap img {
1926 max-width: 32px;
1927 height: auto;
1928 }
1929 .note-tab-wrap ul.notes-list .note-wrap {
1930 float: left;
1931 width: 90%;
1932 }
1933 .note-tab-wrap ul.notes-list .note-wrap .by {
1934 padding-bottom: 10px;
1935 font-size: 12px;
1936 }
1937 .note-tab-wrap ul.notes-list .note-wrap .by a.author {
1938 text-decoration: none;
1939 font-weight: bold;
1940 color: #444;
1941 }
1942 .note-tab-wrap ul.notes-list .note-wrap .by .date {
1943 color: #999;
1944 margin-left: 10px;
1945 }
1946 .note-tab-wrap ul.notes-list .note-wrap .row-action {
1947 font-size: 12px;
1948 margin-top: 5px;
1949 }
1950 .note-tab-wrap ul.notes-list .note-wrap .row-action a {
1951 text-decoration: none;
1952 }
1953 .note-tab-wrap ul.notes-list .note-wrap p {
1954 margin: 0 0 1em 0;
1955 }
1956 .note-tab-wrap ul.notes-list .note-wrap p:last-child {
1957 margin: 0;
1958 }
1959 .note-tab-wrap ul.notes-list li {
1960 border-bottom: 1px solid #ddd;
1961 border-top: 1px solid #fff;
1962 padding: 10px 0;
1963 margin: 0;
1964 }
1965 .note-tab-wrap ul.notes-list li:before,
1966 .note-tab-wrap ul.notes-list li:after {
1967 content: " ";
1968 display: table;
1969 }
1970 .note-tab-wrap ul.notes-list li:after {
1971 clear: both;
1972 }
1973 .note-tab-wrap ul.notes-list li:before,
1974 .note-tab-wrap ul.notes-list li:after {
1975 content: " ";
1976 display: table;
1977 }
1978 .note-tab-wrap ul.notes-list li:after {
1979 clear: both;
1980 }
1981 .note-tab-wrap ul.notes-list li:hover .row-actions {
1982 visibility: visible;
1983 }
1984 .note-tab-wrap ul.notes-list li:last-child {
1985 border-bottom: none;
1986 }
1987 .note-tab-wrap ul.notes-list li:first-child {
1988 border-top: none;
1989 }
1990 .note-tab-wrap .show {
1991 display: block;
1992 }
1993 .note-tab-wrap .hide {
1994 display: none;
1995 }
1996 .wperp-hrm-report .report-month {
1997 border-bottom: 1px solid #ddd;
1998 padding-bottom: 8px;
1999 margin-bottom: 8px;
2000 }
2001 .wperp-hrm-report table th {
2002 padding-left: 15px;
2003 text-align: right;
2004 width: 20px;
2005 padding-right: 5px;
2006 font-weight: bold;
2007 font-size: 120% ;
2008 }
2009 @media print {
2010 .erp-hide-print {
2011 display: none !important;
2012 }
2013 .erp-work-experience-wrap {
2014 margin-top: 150px !important;
2015 }
2016 #wpadminbar,
2017 #adminmenumain,
2018 #wpfooter {
2019 display: none;
2020 }
2021 #adminmenuback,
2022 #adminmenuwrap {
2023 width: 0px;
2024 }
2025 #wpcontent {
2026 margin-left: 0px;
2027 }
2028 }
2029 .caret {
2030 display: inline-block;
2031 width: 0;
2032 height: 0;
2033 margin-top: -1px;
2034 margin-left: 2px;
2035 vertical-align: middle;
2036 border-top: 4px dashed;
2037 border-top: 4px solid \9;
2038 border-right: 4px solid transparent;
2039 border-left: 4px solid transparent;
2040 }
2041 .erp-dropup,
2042 .erp-dropdown {
2043 position: relative;
2044 }
2045 .erp-dropdown-toggle:focus {
2046 outline: 0;
2047 }
2048 .erp-dropdown-menu {
2049 position: absolute;
2050 top: 100%;
2051 left: 0;
2052 z-index: 1000;
2053 display: none;
2054 float: left;
2055 min-width: 160px;
2056 padding: 5px 0;
2057 margin: 0;
2058 list-style: none;
2059 font-size: 13px;
2060 text-align: left;
2061 background-color: #ffffff;
2062 border: 1px solid #cccccc;
2063 border: 1px solid rgba(0, 0, 0, 0.15);
2064 border-radius: 0;
2065 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2066 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2067 background-clip: padding-box;
2068 }
2069 .erp-dropdown-menu.pull-right {
2070 right: 0;
2071 left: auto;
2072 }
2073 .erp-dropdown-menu .divider {
2074 height: 1px;
2075 margin: 8px 0;
2076 overflow: hidden;
2077 background-color: #e5e5e5;
2078 }
2079 .erp-dropdown-menu > li > a {
2080 display: block;
2081 padding: 3px 20px;
2082 clear: both;
2083 font-weight: normal;
2084 line-height: 1.42857143;
2085 color: #606a74;
2086 white-space: nowrap;
2087 text-decoration: none;
2088 }
2089 .erp-dropdown-menu > li > a:hover,
2090 .erp-dropdown-menu > li > a:focus {
2091 text-decoration: none;
2092 color: #555d66;
2093 background-color: #f5f5f5;
2094 }
2095 .erp-dropdown-menu > .active > a,
2096 .erp-dropdown-menu > .active > a:hover,
2097 .erp-dropdown-menu > .active > a:focus {
2098 color: #ffffff;
2099 text-decoration: none;
2100 outline: 0;
2101 background-color: #337ab7;
2102 }
2103 .erp-dropdown-menu > .disabled > a,
2104 .erp-dropdown-menu > .disabled > a:hover,
2105 .erp-dropdown-menu > .disabled > a:focus {
2106 color: #a7aeb5;
2107 }
2108 .erp-dropdown-menu > .disabled > a:hover,
2109 .erp-dropdown-menu > .disabled > a:focus {
2110 text-decoration: none;
2111 background-color: transparent;
2112 background-image: none;
2113 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2114 cursor: not-allowed;
2115 }
2116 .open > .erp-dropdown-menu {
2117 display: block;
2118 }
2119 .open > a {
2120 outline: 0;
2121 }
2122 .erp-dropdown-menu-right {
2123 left: auto;
2124 right: 0;
2125 }
2126 .erp-dropdown-menu-left {
2127 left: 0;
2128 right: auto;
2129 }
2130 .erp-dropdown-header {
2131 display: block;
2132 padding: 3px 20px;
2133 font-size: 12px;
2134 line-height: 1.42857143;
2135 color: #a7aeb5;
2136 white-space: nowrap;
2137 }
2138 .erp-dropdown-backdrop {
2139 position: fixed;
2140 left: 0;
2141 right: 0;
2142 bottom: 0;
2143 top: 0;
2144 z-index: 990;
2145 }
2146 .pull-right > .erp-dropdown-menu {
2147 right: 0;
2148 left: auto;
2149 }
2150 .erp-dropup .caret,
2151 .navbar-fixed-bottom .erp-dropdown .caret {
2152 border-top: 0;
2153 border-bottom: 4px dashed;
2154 border-bottom: 4px solid \9;
2155 content: "";
2156 }
2157 .erp-dropup .erp-dropdown-menu,
2158 .navbar-fixed-bottom .erp-dropdown .erp-dropdown-menu {
2159 top: auto;
2160 bottom: 100%;
2161 margin-bottom: 2px;
2162 }
2163 @media (min-width: 783px) {
2164 .navbar-right .erp-dropdown-menu {
2165 left: auto;
2166 right: 0;
2167 }
2168 .navbar-right .erp-dropdown-menu-left {
2169 left: 0;
2170 right: auto;
2171 }
2172 }
2173 .wp-core-ui .button-group.erp-button-group > .button:last-of-type {
2174 -webkit-border-radius: 0 3px 3px 0;
2175 border-radius: 0 3px 3px 0;
2176 }
2177 .button-group > .button.erp-dropdown-toggle {
2178 padding-left: 6px;
2179 padding-right: 6px;
2180 }
2181 #wp-admin-bar-erp-mode-switch .ab-icon.dashicons-randomize {
2182 padding-top: 7px !important;
2183 }
2184 .erp-hide {
2185 display: none;
2186 }
2187 .erp-loader {
2188 position: absolute;
2189 width: 20px;
2190 height: 20px;
2191 background: url('../../assets/images/spinner-2x.gif') center center no-repeat;
2192 z-index: 99;
2193 background-size: 20px;
2194 }
2195 span.required {
2196 color: red;
2197 }
2198 .clearfix:before,
2199 .clearfix:after {
2200 content: " ";
2201 display: table;
2202 }
2203 .clearfix:after {
2204 clear: both;
2205 }
2206 table.erp-table.full-width {
2207 width: 100%;
2208 }
2209 .erp-license-status.has-error,
2210 .erp-license-status.has-error p {
2211 color: red;
2212 }
2213 /*----------------------------------------
2214 Table style in settings area
2215 ----------------------------------------*/
2216 .vtable-wrap .vtbale-table-wrapper {
2217 position: relative;
2218 }
2219 .vtable-wrap .vtbale-table-wrapper table.vtable {
2220 position: relative;
2221 width: 100%;
2222 height: 100%;
2223 }
2224 .vtable-wrap .vtbale-table-wrapper table.vtable tbody.vtbale-tbody tr.vtable-ajax-loading {
2225 height: 50px;
2226 }
2227 .vtable-wrap .vtbale-table-wrapper .vtable-loader-bg {
2228 width: 100%;
2229 height: 100%;
2230 background: #fafafa;
2231 position: absolute;
2232 top: 0px;
2233 left: 0px;
2234 opacity: 0.4;
2235 }
2236 .vtable-wrap .vtbale-table-wrapper .vtable-loader {
2237 position: absolute;
2238 width: 30px;
2239 height: 30px;
2240 background: url('../../assets/images/spinner-2x.gif') center center no-repeat;
2241 z-index: 99;
2242 background-size: 30px;
2243 top: 38%;
2244 left: 50%;
2245 }
2246 td.erp-settings-table-wrapper {
2247 padding: 0 15px 10px 0;
2248 }
2249 table.erp-settings-table th {
2250 padding: 9px 7px!important;
2251 vertical-align: middle;
2252 }
2253 table.erp-settings-table th.erp-settings-table-status,
2254 table.erp-settings-table td.erp-settings-table-status {
2255 width: 1em;
2256 }
2257 table.erp-settings-table td {
2258 padding: 7px;
2259 line-height: 2em;
2260 vertical-align: middle;
2261 }
2262 table.erp-settings-table th.erp-settings-table-name,
2263 table.erp-settings-table td.erp-settings-table-name {
2264 padding-left: 15px !important;
2265 }
2266 table.erp-settings-table th.erp-settings-table-name a,
2267 table.erp-settings-table td.erp-settings-table-name a {
2268 font-weight: 700;
2269 }
2270 table.erp-settings-table tr:nth-child(odd) td {
2271 background: #f9f9f9;
2272 }
2273 /*----------------------------------------
2274 A simple 6 column grid framework
2275 ----------------------------------------*/
2276 .erp-grid-container {
2277 width: 100%;
2278 }
2279 .erp-grid-container * {
2280 box-sizing: border-box;
2281 }
2282 .erp-grid-container .row:before,
2283 .erp-grid-container .row:after {
2284 content: " ";
2285 display: table;
2286 }
2287 .erp-grid-container .row:after {
2288 clear: both;
2289 }
2290 .erp-grid-container .row:before,
2291 .erp-grid-container .row:after {
2292 content: " ";
2293 display: table;
2294 }
2295 .erp-grid-container .row:after {
2296 clear: both;
2297 }
2298 .erp-grid-container [class*='col-'] {
2299 float: left;
2300 min-height: 1px;
2301 width: 16.66%;
2302 padding: 12px;
2303 }
2304 .erp-grid-container .col-1 {
2305 width: 16.66%;
2306 }
2307 .erp-grid-container .col-2 {
2308 width: 33.33%;
2309 }
2310 .erp-grid-container .col-3 {
2311 width: 50%;
2312 }
2313 .erp-grid-container .col-4 {
2314 width: 66.66%;
2315 }
2316 .erp-grid-container .col-5 {
2317 width: 83.33%;
2318 }
2319 .erp-grid-container .col-6 {
2320 width: 100%;
2321 }
2322 @media all and (max-width: 800px) {
2323 .erp-grid-container .col-1 {
2324 width: 33.33%;
2325 }
2326 .erp-grid-container .col-2 {
2327 width: 50%;
2328 }
2329 .erp-grid-container .col-3 {
2330 width: 83.33%;
2331 }
2332 .erp-grid-container .col-4 {
2333 width: 100%;
2334 }
2335 .erp-grid-container .col-5 {
2336 width: 100%;
2337 }
2338 .erp-grid-container .col-6 {
2339 width: 100%;
2340 }
2341 .erp-grid-container .row .col-2:last-of-type {
2342 width: 100%;
2343 }
2344 .erp-grid-container .row .col-5 ~ .col-1 {
2345 width: 100%;
2346 }
2347 }
2348 @media all and (max-width: 650px) {
2349 .erp-grid-container .col-1 {
2350 width: 50%;
2351 }
2352 .erp-grid-container .col-2 {
2353 width: 100%;
2354 }
2355 .erp-grid-container .col-3 {
2356 width: 100%;
2357 }
2358 .erp-grid-container .col-4 {
2359 width: 100%;
2360 }
2361 .erp-grid-container .col-5 {
2362 width: 100%;
2363 }
2364 .erp-grid-container .col-6 {
2365 width: 100%;
2366 }
2367 }
2368 .erp .erp-single-container {
2369 margin-top: 10px;
2370 }
2371 .erp .erp-single-container:before,
2372 .erp .erp-single-container:after {
2373 content: " ";
2374 display: table;
2375 }
2376 .erp .erp-single-container:after {
2377 clear: both;
2378 }
2379 .erp .erp-single-container:before,
2380 .erp .erp-single-container:after {
2381 content: " ";
2382 display: table;
2383 }
2384 .erp .erp-single-container:after {
2385 clear: both;
2386 }
2387 .erp .erp-single-container .erp-area-left {
2388 width: 72%;
2389 min-width: 463px;
2390 float: left;
2391 margin-right: 10px;
2392 }
2393 .erp .erp-single-container .erp-area-left.full-width {
2394 width: 100%;
2395 float: none;
2396 margin-right: 0;
2397 }
2398 .erp .erp-single-container .erp-area-left .erp-profile-top {
2399 margin-bottom: 45px;
2400 }
2401 .erp .erp-single-container .erp-area-left .erp-profile-top:before,
2402 .erp .erp-single-container .erp-area-left .erp-profile-top:after {
2403 content: " ";
2404 display: table;
2405 }
2406 .erp .erp-single-container .erp-area-left .erp-profile-top:after {
2407 clear: both;
2408 }
2409 .erp .erp-single-container .erp-area-left .erp-profile-top:before,
2410 .erp .erp-single-container .erp-area-left .erp-profile-top:after {
2411 content: " ";
2412 display: table;
2413 }
2414 .erp .erp-single-container .erp-area-left .erp-profile-top:after {
2415 clear: both;
2416 }
2417 .erp .erp-single-container .erp-area-left .erp-profile-top .erp-avatar {
2418 float: left;
2419 width: 128px;
2420 position: relative;
2421 }
2422 .erp .erp-single-container .erp-area-left .erp-profile-top .erp-avatar .inactive {
2423 background: url('../images/inactive.png') no-repeat;
2424 background-position: 50%;
2425 position: absolute;
2426 bottom: 0px;
2427 left: 0px;
2428 background-size: 105px 31px;
2429 height: 31px;
2430 width: 100%;
2431 -ms-transform: rotate(-8deg);
2432 /* IE 9 */
2433 -webkit-transform: rotate(-8deg);
2434 /* Chrome, Safari, Opera */
2435 transform: rotate(-8deg);
2436 }
2437 .erp .erp-single-container .erp-area-left .erp-profile-top .erp-avatar img {
2438 max-width: 100%;
2439 margin-top: 15px;
2440 }
2441 .erp .erp-single-container .erp-area-left .erp-profile-top .erp-user-info {
2442 float: left;
2443 margin-left: 25px;
2444 width: 60%;
2445 }
2446 .erp .erp-single-container .erp-area-left .erp-profile-top .erp-user-info a {
2447 text-decoration: none;
2448 }
2449 .erp .erp-single-container .erp-area-right {
2450 float: right;
2451 width: 25%;
2452 }
2453 .erp .postbox h3.hndle {
2454 font-size: 14px;
2455 padding: 8px 12px;
2456 margin: 0;
2457 line-height: 1.4;
2458 }
2459 .erp .postbox .handlediv::before {
2460 content: '\f142';
2461 right: 12px;
2462 font: 400 20px/1 dashicons;
2463 speak: none;
2464 display: inline-block;
2465 padding: 8px 10px;
2466 top: 0;
2467 position: relative;
2468 -webkit-font-smoothing: antialiased;
2469 -moz-osx-font-smoothing: grayscale;
2470 text-decoration: none!important;
2471 }
2472 .erp .postbox.company-postbox #major-publishing-actions {
2473 margin: -12px -12px -23px -12px;
2474 }
2475 .erp table.form-table td {
2476 padding: 6px 10px;
2477 }
2478 .erp .erp-hr-new-leave-request-wrap {
2479 margin: 20px 0px;
2480 }
2481 ul.erp-list {
2482 width: 100%;
2483 }
2484 ul.erp-list.list-inline li {
2485 display: inline-block;
2486 margin-right: 10px;
2487 }
2488 ul.erp-list.list-two-side li {
2489 clear: both;
2490 }
2491 ul.erp-list.list-two-side li span {
2492 float: right;
2493 }
2494 ul.erp-list.list-sep li {
2495 border-bottom: 1px dotted #eee;
2496 padding: 0px 0px 8px;
2497 }
2498 ul.erp-list.list-sep li:last-child {
2499 border-bottom: none;
2500 }
2501 ul.erp-list.two-col:before,
2502 ul.erp-list.two-col:after {
2503 content: " ";
2504 display: table;
2505 }
2506 ul.erp-list.two-col:after {
2507 clear: both;
2508 }
2509 ul.erp-list.two-col:before,
2510 ul.erp-list.two-col:after {
2511 content: " ";
2512 display: table;
2513 }
2514 ul.erp-list.two-col:after {
2515 clear: both;
2516 }
2517 ul.erp-list.two-col li {
2518 line-height: 1.5em;
2519 float: left;
2520 display: inline;
2521 width: 50%;
2522 }
2523 ul.erp-list.separated label {
2524 min-width: 28%;
2525 display: inline-block;
2526 vertical-align: top;
2527 }
2528 ul.erp-list.separated span.sep {
2529 width: 15px;
2530 display: inline-block;
2531 }
2532 ul.erp-list.blur label {
2533 color: #777;
2534 }
2535 ul.erp-list.blocked li {
2536 margin-bottom: 8px;
2537 }
2538 ul.erp-list.blocked > li > label {
2539 display: block;
2540 padding-bottom: 5px;
2541 }
2542 ul.erp-list.no-style li {
2543 list-style: none;
2544 }
2545 ul.erp-list li.two-col:before,
2546 ul.erp-list li.two-col:after {
2547 content: " ";
2548 display: table;
2549 }
2550 ul.erp-list li.two-col:after {
2551 clear: both;
2552 }
2553 ul.erp-list li.two-col:before,
2554 ul.erp-list li.two-col:after {
2555 content: " ";
2556 display: table;
2557 }
2558 ul.erp-list li.two-col:after {
2559 clear: both;
2560 }
2561 ul.erp-list li.two-col .cols {
2562 float: left;
2563 width: 48%;
2564 margin-right: 2%;
2565 }
2566 ul.erp-list li.two-col .cols.last {
2567 margin-right: 0;
2568 }
2569 ul.erp-dashboard-announcement li {
2570 padding: 5px;
2571 position: relative;
2572 }
2573 ul.erp-dashboard-announcement li .announcement-title {
2574 padding-right: 90px;
2575 }
2576 ul.erp-dashboard-announcement li .announcement-title a {
2577 font-size: 15px;
2578 text-decoration: none;
2579 }
2580 ul.erp-dashboard-announcement li .announcement-title span.announcement-date {
2581 font-size: 12px;
2582 font-weight: normal;
2583 margin-right: 50px;
2584 }
2585 ul.erp-dashboard-announcement li p {
2586 margin: 2px 0px 0px;
2587 }
2588 ul.erp-dashboard-announcement li .announcement-row-actions {
2589 visibility: hidden;
2590 position: absolute;
2591 top: 5px;
2592 right: 10px;
2593 }
2594 ul.erp-dashboard-announcement li .announcement-row-actions a {
2595 color: #222;
2596 text-decoration: none;
2597 width: auto;
2598 display: inline-block;
2599 margin-left: 10px;
2600 }
2601 ul.erp-dashboard-announcement li .announcement-row-actions a .dashicons {
2602 font-size: 18px;
2603 line-height: 1.2;
2604 }
2605 ul.erp-dashboard-announcement li.read .announcement-row-actions .mark-read {
2606 display: none;
2607 }
2608 ul.erp-dashboard-announcement li:first-child {
2609 border-bottom: 1px solid #eee;
2610 }
2611 ul.erp-dashboard-announcement li.unread {
2612 background: #fafafa;
2613 }
2614 ul.erp-dashboard-announcement li:hover {
2615 background: #fafafa;
2616 }
2617 ul.erp-dashboard-announcement li:hover .announcement-row-actions {
2618 visibility: visible;
2619 }
2620 table.vendor-list-table th.col-username,
2621 table.vendor-list-table td.col-username {
2622 width: 40%;
2623 }
2624 table.vendor-list-table th.col-balance,
2625 table.vendor-list-table td.col-balance {
2626 width: 15%;
2627 }
2628 table.invoice-list-table td.col-inv-no,
2629 table.invoice-list-table th.col-inv-no {
2630 width: 12%;
2631 }
2632 table.audit-log-table td.col-action,
2633 table.audit-log-table th.col-action {
2634 width: 8%;
2635 }
2636 table.audit-log-table td.col-amount,
2637 table.audit-log-table th.col-amount {
2638 width: 12%;
2639 }
2640 table.audit-log-table td.col-date,
2641 table.audit-log-table th.col-date {
2642 width: 11%;
2643 }
2644 .company-accounts .account:before,
2645 .company-accounts .account:after {
2646 content: " ";
2647 display: table;
2648 }
2649 .company-accounts .account:after {
2650 clear: both;
2651 }
2652 .company-accounts .account:before,
2653 .company-accounts .account:after {
2654 content: " ";
2655 display: table;
2656 }
2657 .company-accounts .account:after {
2658 clear: both;
2659 }
2660 .company-accounts .account .inside {
2661 padding: 0 11px;
2662 }
2663 .company-accounts h2 a {
2664 text-decoration: none;
2665 font-size: 12px;
2666 background: #e0e0e0;
2667 border-radius: 2px;
2668 padding: 0px 8px;
2669 margin-left: 4px;
2670 font-weight: 600;
2671 }
2672 .company-accounts h2 a:hover {
2673 background: #363b3f;
2674 color: #fff;
2675 }
2676 .company-accounts .logo-area {
2677 float: left;
2678 width: 15%;
2679 margin-right: 15px;
2680 }
2681 .company-accounts .logo-area img {
2682 max-width: 100%;
2683 }
2684 .company-accounts .content-area {
2685 float: left;
2686 width: 80%;
2687 }
2688 .erp-company-single #company-locations {
2689 margin-top: 15px;
2690 }
2691 .erp-company-single .postbox.company-location {
2692 width: 240px;
2693 min-width: 220px;
2694 float: left;
2695 margin-right: 15px;
2696 margin-bottom: 15px;
2697 }
2698 .erp-company-single .postbox.company-location .inside {
2699 min-height: 90px;
2700 }
2701 .erp-company-single .postbox.company-location .actions {
2702 text-align: right;
2703 padding: 0 5px 5px 0;
2704 }
2705 .erp-company-single .postbox.company-location .actions a {
2706 text-decoration: none;
2707 color: #999;
2708 }
2709 .erp-company-single .postbox.company-location .actions a:hover {
2710 color: #0099d5;
2711 }
2712 .erp-ui-dialog.ui-dialog {
2713 padding: 0;
2714 z-index: 160000;
2715 }
2716 .erp-ui-dialog.ui-dialog .ui-dialog-titlebar-close {
2717 top: 22%;
2718 right: 0;
2719 width: 45px;
2720 height: 45px;
2721 }
2722 .erp-ui-dialog.ui-dialog .ui-dialog-title {
2723 line-height: 30px;
2724 color: #5d6d74;
2725 font-size: 20px;
2726 text-shadow: 0 1px 1px #fff;
2727 font-weight: 400;
2728 }
2729 .erp-ui-dialog.ui-widget-content {
2730 border: none;
2731 }
2732 .erp-ui-dialog.ui-corner-all,
2733 .erp-ui-dialog .ui-corner-all {
2734 border-radius: 0 !important;
2735 }
2736 .erp-ui-dialog .ui-widget-header {
2737 border: none;
2738 border-bottom: 1px solid #ddd;
2739 background: #fff;
2740 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
2741 }
2742 .erp-ui-dialog .ui-widget-header .ui-state-default {
2743 border: none;
2744 border-left: 1px solid #ddd;
2745 background: #fff;
2746 }
2747 .ui-widget-overlay {
2748 z-index: 159999;
2749 background: #000;
2750 opacity: .7;
2751 }
2752 .erp-modal {
2753 background: #fff;
2754 position: fixed;
2755 top: 10%;
2756 bottom: 10%;
2757 right: 15%;
2758 left: 15%;
2759 display: none;
2760 box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
2761 z-index: 160000;
2762 }
2763 .erp-modal * {
2764 box-sizing: border-box;
2765 }
2766 .erp-modal.smaller {
2767 bottom: 30%;
2768 top: 15%;
2769 left: 30%;
2770 right: 30%;
2771 }
2772 .erp-modal.medium {
2773 bottom: 20%;
2774 top: 10%;
2775 left: 25%;
2776 right: 25%;
2777 }
2778 .erp-modal .loader {
2779 position: absolute;
2780 width: 100%;
2781 height: 100%;
2782 background: #ffffff url('../../assets/images/spinner-2x.gif') center center no-repeat;
2783 z-index: 99;
2784 display: none;
2785 background-size: 20px;
2786 }
2787 .erp-modal .close {
2788 position: absolute;
2789 top: 0;
2790 right: 0;
2791 font: 300 1.71429em "dashicons" !important;
2792 color: #777;
2793 content: '\f335';
2794 display: inline-block;
2795 padding: 10px 20px;
2796 z-index: 5;
2797 text-decoration: none;
2798 height: 50px;
2799 border-left: 1px solid #ddd;
2800 }
2801 .erp-modal .close:hover {
2802 background: #eee;
2803 opacity: 0.8;
2804 }
2805 .erp-modal .close:active {
2806 background: #eee;
2807 opacity: 0.4;
2808 }
2809 .erp-modal .modal-header {
2810 position: absolute;
2811 top: 0;
2812 left: 0;
2813 right: 0;
2814 height: 50px;
2815 z-index: 4;
2816 border-bottom: 1px solid #ddd;
2817 padding-left: 15px;
2818 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
2819 }
2820 .erp-modal .modal-header h2 {
2821 line-height: 50px;
2822 text-align: left;
2823 margin-top: 0;
2824 color: #5d6d74;
2825 font-size: 20px;
2826 text-shadow: 0 1px 1px #fff;
2827 }
2828 .erp-modal .modal-header .modal-suggession {
2829 position: absolute;
2830 top: 50px;
2831 left: 0px;
2832 padding: 10px;
2833 color: #8a6d3b;
2834 background-color: #fcf8e3;
2835 border: 1px solid #faebcc;
2836 width: 100%;
2837 }
2838 .erp-modal .content-container {
2839 position: absolute;
2840 top: 50px;
2841 right: 0;
2842 bottom: 50px;
2843 left: 0;
2844 overflow: auto;
2845 padding: 2.14286em 5em;
2846 }
2847 .erp-modal .content {
2848 margin: 0 auto;
2849 max-width: 900px;
2850 text-align: left;
2851 }
2852 .erp-modal .content .row {
2853 margin-bottom: 12px;
2854 }
2855 .erp-modal .content .row:before,
2856 .erp-modal .content .row:after {
2857 content: " ";
2858 display: table;
2859 }
2860 .erp-modal .content .row:after {
2861 clear: both;
2862 }
2863 .erp-modal .content .row:before,
2864 .erp-modal .content .row:after {
2865 content: " ";
2866 display: table;
2867 }
2868 .erp-modal .content .row:after {
2869 clear: both;
2870 }
2871 .erp-modal .content .row label {
2872 min-width: 130px;
2873 line-height: 1.5em;
2874 display: inline-block;
2875 vertical-align: top;
2876 float: left;
2877 }
2878 .erp-modal .content .row label.block {
2879 display: block;
2880 }
2881 .erp-modal .content .row select {
2882 max-width: 62%;
2883 }
2884 .erp-modal .content .row span.checkbox {
2885 float: left;
2886 width: 63%;
2887 }
2888 .erp-modal .content .row span.checkbox label {
2889 margin-bottom: 10px;
2890 min-width: 100%;
2891 }
2892 .erp-modal .content .row span.description {
2893 display: block;
2894 margin-left: 130px;
2895 padding: 5px 0 0 0;
2896 }
2897 .erp-modal .content img {
2898 max-width: 100%;
2899 height: auto;
2900 }
2901 .erp-modal p {
2902 font-size: 1.10em;
2903 }
2904 .erp-modal footer {
2905 position: absolute;
2906 left: 0;
2907 bottom: 0;
2908 width: 100%;
2909 padding: 12px 20px;
2910 border-top: 1px solid #ddd;
2911 background: #fff;
2912 text-align: right;
2913 }
2914 .erp-modal footer ul {
2915 margin: 0;
2916 }
2917 .erp-modal footer li {
2918 display: inline-block;
2919 margin: 0;
2920 }
2921 .erp-modal footer li .erp-loader {
2922 position: relative;
2923 margin-right: 7px;
2924 padding-top: 18px;
2925 top: 5px;
2926 }
2927 .erp-modal .button-secondary,
2928 .erp-modal .button-primary:active {
2929 vertical-align: baseline;
2930 }
2931 .erp-modal-backdrop {
2932 position: fixed;
2933 z-index: 159999;
2934 top: 0;
2935 left: 0;
2936 right: 0;
2937 bottom: 0;
2938 min-height: 360px;
2939 background: #000;
2940 opacity: .7;
2941 display: none;
2942 }
2943 form.erp-form ol.erp-form-fields,
2944 form.erp-form ul.erp-form-fields {
2945 list-style: none;
2946 margin-left: 0;
2947 }
2948 form.erp-form ol.erp-form-fields.two-col:before,
2949 form.erp-form ul.erp-form-fields.two-col:before,
2950 form.erp-form ol.erp-form-fields.two-col:after,
2951 form.erp-form ul.erp-form-fields.two-col:after {
2952 content: " ";
2953 display: table;
2954 }
2955 form.erp-form ol.erp-form-fields.two-col:after,
2956 form.erp-form ul.erp-form-fields.two-col:after {
2957 clear: both;
2958 }
2959 form.erp-form ol.erp-form-fields.two-col:before,
2960 form.erp-form ul.erp-form-fields.two-col:before,
2961 form.erp-form ol.erp-form-fields.two-col:after,
2962 form.erp-form ul.erp-form-fields.two-col:after {
2963 content: " ";
2964 display: table;
2965 }
2966 form.erp-form ol.erp-form-fields.two-col:after,
2967 form.erp-form ul.erp-form-fields.two-col:after {
2968 clear: both;
2969 }
2970 form.erp-form ol.erp-form-fields.two-col li,
2971 form.erp-form ul.erp-form-fields.two-col li {
2972 line-height: 1.5em;
2973 float: left;
2974 display: inline;
2975 width: 50%;
2976 }
2977 form.erp-form .erp-form-field {
2978 padding: 10px 0;
2979 }
2980 form.erp-form .erp-form-field:before,
2981 form.erp-form .erp-form-field:after {
2982 content: " ";
2983 display: table;
2984 }
2985 form.erp-form .erp-form-field:after {
2986 clear: both;
2987 }
2988 form.erp-form .erp-form-field:before,
2989 form.erp-form .erp-form-field:after {
2990 content: " ";
2991 display: table;
2992 }
2993 form.erp-form .erp-form-field:after {
2994 clear: both;
2995 }
2996 form.erp-form .erp-form-field > label {
2997 float: left;
2998 min-width: 150px;
2999 font-weight: bold;
3000 vertical-align: top;
3001 color: #23282d;
3002 font-size: 14px;
3003 }
3004 form.erp-form .erp-form-field .description {
3005 margin-left: 5px;
3006 }
3007 form.erp-form .erp-form-field.invalid {
3008 background-color: rgba(255, 0, 0, 0.08);
3009 }
3010 form.erp-form .block .erp-form-field > label {
3011 float: none;
3012 display: block;
3013 margin-bottom: 10px;
3014 }
3015 ul.edit-address li {
3016 display: block;
3017 clear: both;
3018 padding-bottom: 5px;
3019 }
3020 ul.edit-address label {
3021 display: block;
3022 }
3023 ul.edit-address li.city-wrap {
3024 width: 100%;
3025 }
3026 ul.edit-address li.city-wrap:before,
3027 ul.edit-address li.city-wrap:after {
3028 content: " ";
3029 display: table;
3030 }
3031 ul.edit-address li.city-wrap:after {
3032 clear: both;
3033 }
3034 ul.edit-address li.city-wrap:before,
3035 ul.edit-address li.city-wrap:after {
3036 content: " ";
3037 display: table;
3038 }
3039 ul.edit-address li.city-wrap:after {
3040 clear: both;
3041 }
3042 ul.edit-address li.city-wrap input {
3043 max-width: 90%;
3044 }
3045 ul.edit-address li.city-wrap span {
3046 float: left;
3047 width: 30%;
3048 }
3049 .terminate-form-wrap .row label {
3050 width: 155px !important;
3051 }
3052 .align-right {
3053 text-align: right !important;
3054 }
3055 .align-left {
3056 text-align: left !important;
3057 }
3058 .erp-text-center {
3059 text-align: center;
3060 }
3061 .erp-left {
3062 float: left;
3063 }
3064 .erp-right {
3065 float: right;
3066 }
3067 .input-group {
3068 display: table;
3069 }
3070 .input-group input,
3071 .input-group select {
3072 margin: 0;
3073 }
3074 .input-group .input-group-addon {
3075 width: 1%;
3076 white-space: nowrap;
3077 vertical-align: middle;
3078 background-color: #f5f5f5;
3079 padding: 2px 12px;
3080 display: table-cell;
3081 border: 1px solid #ddd;
3082 text-align: center;
3083 }
3084 .input-group .input-group-addon:first-child {
3085 border-right: 0;
3086 }
3087 .input-group .input-group-addon:last-child {
3088 border-left: 0;
3089 }
3090 .erp-settings .erp-subsubsub {
3091 list-style: none;
3092 font-size: 13px;
3093 color: #666;
3094 }
3095 .erp-settings .erp-subsubsub li {
3096 display: inline-block;
3097 padding: 0px;
3098 margin: 0px;
3099 white-space: nowrap;
3100 }
3101 .erp-settings .erp-subsubsub li a {
3102 text-decoration: none;
3103 border: none;
3104 line-height: 2;
3105 padding: .2em;
3106 }
3107 .erp-settings .erp-nav-tab-active {
3108 color: #000;
3109 font-weight: 600;
3110 }
3111 .erp-settings .erp-settings-title-before-field {
3112 margin: 6px 0;
3113 }
3114 .erp-settings .erp-settings-radio {
3115 margin-top: 3px;
3116 }
3117 .erp-settings p.description {
3118 font-size: 12px;
3119 color: #777;
3120 }
3121 .erp-attachment-area {
3122 overflow: auto;
3123 padding: 2px 2px;
3124 width: 32%;
3125 }
3126 .erp-attachment-area .erp-drop-jon {
3127 border: 1px dashed #b4b9be;
3128 }
3129 .erp-attachment-area .erp-drop-jon .erp-pre-load-image-wrap {
3130 background: red;
3131 height: 100px;
3132 width: 100px;
3133 }
3134 .erp-attachment-area .erp-drop-jon .bar {
3135 background-color: #83b4d8;
3136 border-radius: 3px;
3137 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
3138 height: 5px;
3139 width: 0;
3140 z-index: 9;
3141 }
3142 .erp-attachment-area .erp-drop-jon .erp-attc-link-text {
3143 text-align: center;
3144 padding: 12px 0;
3145 }
3146 .erp-attachment-area .erp-drop-jon .erp-image-wrap {
3147 float: left;
3148 position: relative;
3149 padding-left: 17px;
3150 padding-top: 10px;
3151 }
3152 .erp-attachment-area .erp-drop-jon .erp-image-wrap .erp-img-progress {
3153 border: 1px solid #ddd;
3154 padding: 5px;
3155 border-radius: 5px;
3156 background: #fff;
3157 width: 80px;
3158 height: 80px;
3159 }
3160 .erp-attachment-area .erp-drop-jon .erp-image-wrap .attachment-name img {
3161 border: 1px solid #ddd;
3162 padding: 5px;
3163 border-radius: 5px;
3164 background: #fff;
3165 max-width: 150px;
3166 }
3167 .erp-attachment-area .erp-drop-jon .erp-image-wrap .caption {
3168 background: #000;
3169 border: medium none;
3170 border-radius: 0;
3171 color: red;
3172 display: none;
3173 height: 80px;
3174 left: 23px;
3175 line-height: 150%;
3176 opacity: 0.5;
3177 padding-top: 0;
3178 position: absolute;
3179 text-align: center;
3180 text-decoration: none;
3181 top: 16px;
3182 width: 80px;
3183 }
3184 .erp-attachment-area .erp-drop-jon .erp-image-wrap:hover .caption {
3185 display: inline-block;
3186 }
3187 .erp-attachment-area .erp-drop-jon .erp-image-wrap .erp-del-attc-button {
3188 color: red;
3189 display: block;
3190 font-size: 28px;
3191 font-weight: bold;
3192 padding-top: 30px;
3193 text-decoration: none;
3194 }
3195 .erp-activation-cloud-prompt {
3196 width: 100%;
3197 margin: 0 !important;
3198 padding: 0;
3199 border: 1px solid #e5e5e5;
3200 background-color: #fff;
3201 font-weight: normal;
3202 box-shadow: none;
3203 -webkit-box-shadow: none;
3204 display: -ms-flex;
3205 display: -webkit-flex;
3206 display: flex;
3207 }
3208 .erp-activation-cloud-prompt * {
3209 box-sizing: border-box;
3210 }
3211 .erp-activation-cloud-prompt .activation-prompt-text {
3212 width: 60%;
3213 background-color: #f8f8f8;
3214 padding: 16px 20px;
3215 border-right: 1px solid #e5e5e5;
3216 }
3217 .erp-activation-cloud-prompt input[type="email"] {
3218 width: 200px;
3219 min-height: 32px;
3220 }
3221 .erp-activation-cloud-prompt .button-primary {
3222 margin-right: 10px;
3223 }
3224 .erp-activation-cloud-prompt .erp-button-xs {
3225 font-size: small;
3226 }
3227 .erp-activation-cloud-prompt .activation-form-container {
3228 width: 40%;
3229 padding-top: 9px;
3230 padding-right: 20px;
3231 margin-left: 30px;
3232 text-align: right;
3233 }
3234 .erp-progress-status-indicator .status {
3235 text-align: center;
3236 font-size: 16px;
3237 }
3238 .erp-progress-status-indicator .status #progress-total {
3239 font-weight: bold;
3240 color: #3b99fc;
3241 }
3242 .erp-progress-status-indicator .status #completed-total {
3243 color: green;
3244 }
3245 .erp-progress-status-indicator .status #failed-total {
3246 color: red;
3247 }
3248 .erp-progress-status-indicator .progress progress {
3249 width: 100%;
3250 }
3251 trix-editor ul {
3252 list-style-type: disc;
3253 margin-left: 2em;
3254 }
3255 .wp-admin #toast-container.toast-top-right {
3256 top: 40px;
3257 right: 18px;
3258 }
3259 .wp-admin #toast-container > div {
3260 opacity: 1;
3261 }
3262 .wp-admin #toast-container > :hover {
3263 opacity: .9;
3264 }
3265 .erp-info-box {
3266 display: flex;
3267 flex-wrap: wrap;
3268 justify-content: space-between;
3269 margin-left: -12px;
3270 margin-right: -12px;
3271 }
3272 .erp-info-box .erp-info-box-item {
3273 padding-left: 12px;
3274 padding-right: 12px;
3275 flex: 1;
3276 margin-bottom: 20px;
3277 }
3278 .erp-info-box .erp-info-box-item .erp-info-box-item-inner {
3279 position: relative;
3280 height: 100%;
3281 background-color: #fff;
3282 border: 1px solid #e5e5e5;
3283 padding-bottom: 30px;
3284 }
3285 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-content {
3286 height: 100%;
3287 }
3288 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-content .erp-info-box-content-row {
3289 height: 100%;
3290 display: flex;
3291 flex-wrap: wrap;
3292 justify-content: space-between;
3293 }
3294 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-content .erp-info-box-content-row .erp-info-box-content-left {
3295 flex: 1;
3296 padding: 12px;
3297 align-self: center;
3298 text-align: center;
3299 }
3300 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-content .erp-info-box-content-row .erp-info-box-content-left h3 {
3301 font-size: 37px;
3302 margin: 10px 0 10px 0;
3303 line-height: 1;
3304 }
3305 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-content .erp-info-box-content-row .erp-info-box-content-left p {
3306 font-size: 14px;
3307 }
3308 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-content .erp-info-box-content-row .erp-info-box-content-right {
3309 flex: 1;
3310 padding: 20px 12px;
3311 }
3312 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-content .erp-info-box-list {
3313 margin: 0;
3314 padding: 0;
3315 list-style-type: none;
3316 }
3317 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-content .erp-info-box-list li {
3318 margin-bottom: 5px;
3319 }
3320 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-content .erp-info-box-list li a {
3321 text-decoration: none;
3322 }
3323 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-content .erp-info-box-list li:last-child {
3324 margin-bottom: 0;
3325 }
3326 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-footer {
3327 position: absolute;
3328 bottom: 0;
3329 left: 0;
3330 width: 100%;
3331 }
3332 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-footer a {
3333 display: block;
3334 background-color: #0073aa;
3335 color: #fff;
3336 text-align: center;
3337 text-decoration: none;
3338 padding: 6px;
3339 height: 30px;
3340 }
3341 .erp-info-box .erp-info-box-item .erp-info-box-item-inner .erp-info-box-footer a:hover {
3342 background-color: #005177;
3343 }
3344 /*****/
3345 /**
3346 * Media Query for responsive
3347 *
3348 **/
3349 /* Tab and small screen (portrait and landscape ) ----------- */
3350 @media only screen and (max-width: 960px) {
3351 .erp-modal,
3352 .erp-modal.smaller {
3353 top: 8%;
3354 bottom: 1%;
3355 right: 2%;
3356 left: 4%;
3357 }
3358 .content-container {
3359 padding: 1.25em !important;
3360 }
3361 }
3362 /* Smartphones (portrait and landscape) ----------- */
3363 @media only screen and (max-width: 640px) {
3364 .erp-modal,
3365 .erp-modal.smaller {
3366 top: 8%;
3367 bottom: 1%;
3368 right: 2%;
3369 left: 2%;
3370 }
3371 .content-container {
3372 padding: 1em !important;
3373 }
3374 .content-container .content {
3375 margin: 0 0;
3376 }
3377 .content-container .content li label {
3378 display: block !important;
3379 width: 100% !important;
3380 }
3381 .content-container .content li select {
3382 width: 100%;
3383 }
3384 .content-container .content li .select2-container {
3385 width: 95% !important;
3386 }
3387 .content-container .content .name-container ol {
3388 width: 100% !important;
3389 }
3390 .content-container .content .name-container ol li {
3391 width: 100%;
3392 }
3393 .content-container .content .name-container li.middle-name {
3394 width: 100% !important;
3395 }
3396 .content-container .content .name-container input {
3397 width: 95% !important;
3398 }
3399 .content-container .content .name-container label:first-child {
3400 display: none;
3401 }
3402 .content-container .content .two-col li {
3403 width: 100% !important ;
3404 }
3405 .content-container .content .two-col label {
3406 display: block;
3407 width: 100% !important;
3408 }
3409 .content-container .content input[type="text"],
3410 .content-container .content input[type="password"],
3411 .content-container .content input[type="color"],
3412 .content-container .content input[type="date"],
3413 .content-container .content input[type="datetime"],
3414 .content-container .content input[type="datetime-local"],
3415 .content-container .content input[type="email"],
3416 .content-container .content input[type="month"],
3417 .content-container .content input[type="number"],
3418 .content-container .content input[type="password"],
3419 .content-container .content input[type="search"],
3420 .content-container .content input[type="radio"],
3421 .content-container .content input[type="tel"],
3422 .content-container .content input[type="text"],
3423 .content-container .content input[type="time"],
3424 .content-container .content input[type="url"],
3425 .content-container .content input[type="week"],
3426 .content-container .content select,
3427 .content-container .content textarea {
3428 width: 95%;
3429 }
3430 }
3431