Proyectos de Subversion LeadersLinked - Backend

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
/*!
2 
 *   Estilos customizados
3 
 */
4 
html{
5 
  background-color: #f4f6f9;
6 
}
7 
/** Autocomplete de google */
8 
.pac-container {
9 
  z-index: 1051 !important;
10 
}
11 
 
12 
.datefm {
13 
  float: left;
14 
  width: 100%;
15 
  position: relative;
16 
}
17 
.datefm i {
18 
  position: absolute;
19 
  top: 11px;
20 
  right: 15px;
21 
  font-size: 18px;
22 
  color: #b2b2b2;
23 
}
24 
 
25 
 
26 
/* ================== USER PROFILE =================== */
27 
.change-cover-image{
28 
  position: absolute;
29 
  margin-top: -23%;
30 
  float: right;
31 
  margin-left: 81%;
32 
}
33 
.feed-container{
34 
  padding: 0 26%
35 
}
36 
@media(max-width: 720px){
37 
  .feed-container{
38 
    padding: 0 5%;
39 
  }
40 
}
41 
.cover-sec img {
42 
  width: 100%;
43 
}
44 
.cover-sec > a {
45 
  display: inline-block;
46 
  color: #e44d3a;
47 
  font-size: 16px;
48 
  background-color: #fff;
49 
  border: 1px solid #e44d3a;
50 
  position: absolute;
51 
  top: 30px;
52 
  right: 0;
53 
  padding: 10px 15px;
54 
  font-weight: 600;
55 
  margin-right: 15px;
56 
}
57 
.cover-sec > a i {
58 
  padding-right: 5px;
59 
}
60 
 
61 
 
62 
/* ============= user_profile ============= */
63 
 
64 
.user_profile {
65 
  float: left;
66 
  width: 100%;
67 
  background-color: #fff;
68 
  margin-bottom: 20px;
69 
  text-align: center;
70 
  margin-top: -40px;
71 
}
72 
.user-pro-img {
73 
  float: left;
74 
  width: 100%;
75 
  text-align: center;
76 
  margin-bottom: 28px;
77 
  margin-top: -60px;
78 
  position: relative;
79 
}
80 
.user-pro-img .add-dp {
81 
  position: absolute;
82 
  top: 10px;
83 
  left: 60%;
84 
}
85 
 
86 
.add-dp i {
87 
  bottom: 0;
88 
  font-size: 14px;
89 
  box-shadow: none;
90 
  position: relative;
91 
  border-radius: 50px;
92 
  width: 40px;
93 
  height: 40px;
94 
  text-align: center;
95 
  background: #e44d3a;
96 
  padding: 12px;
97 
  color: #ffff;
98 
  left: 0;
99 
  top: -5px;
100 
}
101 
.add-dp i:hover {
102 
  font-size: 14px;
103 
  border: 2px solid #fff;
104 
  background: #e44d3a;
105 
  padding: 11px;
106 
}
107 
.add-dp {
108 
  margin: -16px;
109 
  padding: 0;
110 
}
111 
.add-dp input[type="file"] {
112 
  opacity: 0;
113 
  padding: 10px 0px 9px;
114 
  display: none;
115 
}
116 
 
117 
.user-pro-img img {
118 
  -webkit-border-radius: 100px;
119 
  -moz-border-radius: 100px;
120 
  -ms-border-radius: 100px;
121 
  -o-border-radius: 100px;
122 
  border-radius: 100px;
123 
  float: none;
124 
  border: 5px solid #fff;
125 
}
126 
.user_pro_status {
127 
  float: left;
128 
  width: 100%;
129 
  border-bottom: 1px solid #e5e5e5;
130 
  padding-bottom: 27px;
131 
}
132 
.flw-hr {
133 
  float: left;
134 
  width: 100%;
135 
  margin-bottom: 30px;
136 
}
137 
.flw-hr li {
138 
  display: inline-block;
139 
  margin-right: 17px;
140 
}
141 
.flw-hr li:last-child {
142 
  margin-right: 0;
143 
}
144 
.flw-hr li a {
145 
  display: inline-block;
146 
  color: #ffffff;
147 
  font-size: 16px;
148 
  font-weight: 600;
149 
  padding: 11px 15px;
150 
}
151 
.flw-hr li a i {
152 
  padding-right: 5px;
153 
}
154 
.flww {
155 
  background-color: #53d690;
156 
}
157 
.hre {
158 
  background-color: #51a5fb;
159 
}
160 
 
161 
 
162 
.user-profile-extended-ov {
163 
  float: left;
164 
  width: 100%;
165 
  background-color: #ffff !important;
166 
  padding: 30px 20px;
167 
  border-left: 1px solid #e4e4e4;
168 
  border-bottom: 1px solid #e4e4e4;
169 
  border-top: 1px solid #e4e4e4;
170 
  border-right: 1px solid #e4e4e4;
171 
  margin-bottom: 20px;
172 
}
173 
 
174 
.user-profile-extended-ov h3 {
175 
  color: #000000;
176 
  font-size: 18px;
177 
  font-weight: 600;
178 
  margin-bottom: 20px;
179 
}
180 
 
181 
.user-profile-extended-ov span {
182 
  line-height: 22px;
183 
}
184 
 
185 
.user-profile-extended-ov p {
186 
  line-height: 20px;
187 
}
188 
 
189 
.user-profile-extended-ov i {
190 
  color: #000000;
191 
  font-size: 13px;
192 
  /* margin-left: 5px; */
193 
}
194 
 
195 
.user-profile-extended-ov strong {
196 
  font-weight: bold !important;
197 
}
198 
 
199 
.user-social-network-ov {
200 
  float: left;
201 
  width: 100%;
202 
  background-color: #fff;
203 
  padding: 30px;
204 
  border-left: 1px solid #e4e4e4;
205 
  border-bottom: 1px solid #e4e4e4;
206 
  border-right: 1px solid #e4e4e4;
207 
  margin-bottom: 20px;
208 
}
209 
 
210 
.user-social-network-ov h3 {
211 
  color: #000000;
212 
  font-size: 18px;
213 
  font-weight: 600;
214 
}
215 
 
216 
.user-social-network-ov i {
217 
  color: #000000;
218 
  font-size: 13px;
219 
  padding-left: 5px;
220 
}
221 
 
222 
/* ================== social_links ============= */
223 
 
224 
.social_links {
225 
  float: left;
226 
  width: 100%;
227 
  text-align: left;
228 
}
229 
.social_links li {
230 
  float: left;
231 
  width: 100%;
232 
  padding: 15px 15px;
233 
  border-bottom: 1px solid #e5e5e5;
234 
}
235 
.social_links li a {
236 
  float: left;
237 
  width: 100%;
238 
  color: #51a5fb;
239 
  font-size: 14px;
240 
  font-weight: 400;
241 
  text-overflow: ellipsis;
242 
  white-space: nowrap;
243 
  overflow: hidden;
244 
}
245 
.social_links li a i {
246 
  padding-right: 5px;
247 
  font-size: 20px;
248 
  position: relative;
249 
  top: 3px;
250 
}
251 
 
252 
.social_links li a {
253 
  line-height: 18px;
254 
  background-color: #ffff;
255 
}
256 
 
257 
 
258 
/* =============== user-profile-ov ================ */
259 
 
260 
.user-profile-ov {
261 
  float: left;
262 
  width: 100%;
263 
  background-color: #fff;
264 
  padding: 30px 20px;
265 
  border-left: 1px solid #e4e4e4;
266 
  border-bottom: 1px solid #e4e4e4;
267 
  border-right: 1px solid #e4e4e4;
268 
  margin-bottom: 20px;
269 
}
270 
.user-profile-ov h3 {
271 
  color: #000000;
272 
  font-size: 18px;
273 
  font-weight: 600;
274 
  margin-bottom: 20px;
275 
}
276 
.user-profile-ov h3 a {
277 
  color: #000000;
278 
}
279 
.user-profile-ov i {
280 
  color: #000000;
281 
  font-size: 13px;
282 
  padding-left: 5px;
283 
}
284 
.user-profile-ov h4 {
285 
  font-size: 16px;
286 
  color: #000;
287 
  font-weight: 600;
288 
  margin-bottom: 10px;
289 
}
290 
.user-profile-ov p {
291 
  color: #686868;
292 
  font-size: 14px;
293 
  line-height: 24px;
294 
}
295 
.user-profile-ov.st2 p {
296 
  margin-bottom: 23px;
297 
}
298 
.no-margin {
299 
  margin: 0 !important;
300 
}
301 
.user-profile-ov > span {
302 
  color: #686868;
303 
  font-size: 14px;
304 
  float: left;
305 
  width: 100%;
306 
  margin-bottom: 8px;
307 
  margin-top: 3px;
308 
}
309 
.user-profile-ov ul {
310 
  float: left;
311 
  width: 100%;
312 
}
313 
.user-profile-ov ul li {
314 
  display: inline-block;
315 
  margin-bottom: 10px;
316 
  padding: 0 2px;
317 
}
318 
.user-profile-ov ul li a {
319 
  display: inline-block;
320 
  color: #b2b2b2;
321 
  font-size: 14px;
322 
  font-weight: 600;
323 
  background-color: #e5e5e5;
324 
  -webkit-border-radius: 30px;
325 
  -moz-border-radius: 30px;
326 
  -ms-border-radius: 30px;
327 
  -o-border-radius: 30px;
328 
  border-radius: 30px;
329 
  padding: 10px 15px;
330 
}
331 
 
332 
 
333 
 
334 
.user-profile-ov {
335 
  background-color: #fff;
336 
}
337 
 
338 
/* =================== main-ws-sec ================== */
339 
 
340 
.main-ws-sec {
341 
  float: left;
342 
  width: 100%;
343 
}
344 
 
345 
 
346 
 
347 
/* ================ posts-section ================== */
348 
 
349 
.show-read-more .more-text {
350 
  display: none;
351 
}
352 
 
353 
.show-read-more {
354 
  color: #666666;
355 
  font-size: 15px;
356 
  /* line-height: 24px; */
357 
  /* margin-bottom: 20px; */
358 
  text-align: justify;
359 
}
360 
 
361 
.show-read-more p {
362 
  font-size: 15px;
363 
  text-align: justify;
364 
}
365 
 
366 
.posts-section {
367 
  float: left;
368 
  width: 100%;
369 
}
370 
.reviewtext {
371 
  margin: 0 -20px;
372 
}
373 
.reviewtext p {
374 
  padding-left: 20px;
375 
}
376 
.post-bar {
377 
  float: left;
378 
  width: 100%;
379 
  background-color: #fff;
380 
  /* border-left: 1px solid #e4e4e4;
381 
  border-right: 1px solid #e4e4e4;
382 
  border-bottom: 1px solid #e4e4e4; */
383 
  /* border: 1px solid #e4e4e4; */
384 
  /* margin-bottom: 20px; */
385 
  padding: 20px;
386 
  /* box-shadow: 0px 2px #e4e4e4; */
387 
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05);
388 
  height: 100%;
389 
}
390 
.shared-post-bar {
391 
  margin-top: 1rem;
392 
}
393 
.shared-post-bar .post-bar {
394 
  box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%);
395 
}
396 
.post_topbar {
397 
  float: left;
398 
  width: 100%;
399 
  position: relative;
400 
}
401 
.rep-post {
402 
  padding: 0;
403 
}
404 
.usy-dt {
405 
  float: left;
406 
}
407 
.usy-dt img {
408 
  -webkit-border-radius: 100px;
409 
  -moz-border-radius: 100px;
410 
  -ms-border-radius: 100px;
411 
  -o-border-radius: 100px;
412 
  border-radius: 100px;
413 
  margin-top: 2px;
414 
}
415 
.ed-opts {
416 
  float: right;
417 
  position: relative;
418 
  top: 7px;
419 
}
420 
.ed-opts > a {
421 
  color: #b2b2b2;
422 
  font-size: 24px;
423 
  float: right;
424 
  position: relative;
425 
  left: 10px;
426 
  top: -10px;
427 
}
428 
.ed-options {
429 
  position: absolute;
430 
  top: 100%;
431 
  right: 0;
432 
  width: 130px;
433 
  background-color: #fff;
434 
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
435 
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
436 
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
437 
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
438 
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
439 
  padding: 20px;
440 
  opacity: 0;
441 
  visibility: hidden;
442 
  z-index: 0;
443 
}
444 
.ed-options.active {
445 
  opacity: 1;
446 
  visibility: visible;
447 
  z-index: 999;
448 
}
449 
.ed-options li {
450 
  float: left;
451 
  width: 100%;
452 
  margin-bottom: 15px;
453 
}
454 
.ed-options li:last-child {
455 
  margin-bottom: 0;
456 
}
457 
.ed-options li a {
458 
  color: #686868;
459 
  font-size: 14px;
460 
  font-weight: 600;
461 
}
462 
.ed-opts > a:hover {
463 
  color: #e44d3a;
464 
}
465 
.usy-name {
466 
  float: right;
467 
  margin-left: 15px;
468 
}
469 
.usy-name h3 {
470 
  color: #000000;
471 
  font-size: 18px;
472 
  text-transform: capitalize;
473 
  font-weight: 600;
474 
  margin-bottom: 5px;
475 
  margin-top: 2px;
476 
}
477 
.usy-name span {
478 
  color: #b2b2b2;
479 
  font-size: 14px;
480 
}
481 
.usy-name img {
482 
  margin-top: 4px;
483 
  margin-right: 6px;
484 
}
485 
 
486 
.usy-name .bklink img {
487 
  margin-top: 1px;
488 
  margin-right: 6px;
489 
}
490 
 
491 
.epi2 i {
492 
  margin-right: 5px;
493 
}
494 
 
495 
#rewivewdata .review-lt {
496 
  float: left;
497 
  margin-top: 5px;
498 
  margin-bottom: 15px;
499 
}
500 
 
501 
.review-lt img {
502 
  margin-top: 1px;
503 
  margin-right: 6px;
504 
}
505 
.bid-tab {
506 
  margin-bottom: 20px;
507 
}
508 
.epi-sec {
509 
  float: left;
510 
  width: 100%;
511 
  padding: 0;
512 
}
513 
.usy-name .bklink {
514 
  float: left;
515 
  margin-top: 5px !important;
516 
  margin-bottom: 15px;
517 
}
518 
.descp {
519 
  float: left;
520 
  margin-top: 15px;
521 
  margin-bottom: 15px;
522 
}
523 
.descp li {
524 
  display: inline-block;
525 
  margin-right: 15px;
526 
}
527 
.descp li span {
528 
  color: #b2b2b2;
529 
  font-size: 14px;
530 
  float: left;
531 
}
532 
.descp li img {
533 
  margin-right: 5px;
534 
}
535 
.bk-links {
536 
  /* float: right; */
537 
}
538 
.bk-links li {
539 
  display: inline-block;
540 
  margin-right: 7px;
541 
}
542 
.bk-links li:last-child {
543 
  margin-right: 0;
544 
}
545 
.bk-links li i {
546 
  color: #fff;
547 
  font-size: 24px;
548 
  width: 33px;
549 
  height: 30px;
550 
  padding-left: 0px;
551 
  background-color: #53d690;
552 
  text-align: center;
553 
  line-height: 30px;
554 
}
555 
.bk-links li i.la-envelope {
556 
  background-color: #e44d3a;
557 
}
558 
.bid_now {
559 
  color: #fff;
560 
  background-color: #51a5fb;
561 
  text-transform: capitalize;
562 
  display: inline-block;
563 
  height: 30px;
564 
  padding: 0 10px;
565 
  line-height: 30px;
566 
  position: relative;
567 
  top: -3px;
568 
}
569 
.bid_now:hover {
570 
  color: #fff;
571 
}
572 
 
573 
 
574 
/* ============== job_descp ============ */
575 
 
576 
.job_descp {
577 
  float: left;
578 
  width: 100%;
579 
  margin: 1rem 0;
580 
}
581 
.job_descp h3 {
582 
  color: #333;
583 
  font-size: 16px;
584 
  font-weight: 600;
585 
  /* margin-bottom: 15px; */
586 
}
587 
.job-dt {
588 
  float: left;
589 
  width: 100%;
590 
  margin-bottom: 22px;
591 
}
592 
.job-dt li {
593 
  display: inline-block;
594 
  margin-right: 15px;
595 
}
596 
.job-dt li a {
597 
  color: #fff;
598 
  background-color: #53d690;
599 
  text-transform: capitalize;
600 
  padding: 5px 13px;
601 
  -webkit-border-radius: 30px;
602 
  -moz-border-radius: 30px;
603 
  -ms-border-radius: 30px;
604 
  -o-border-radius: 30px;
605 
  border-radius: 3px;
606 
  display: inline-block;
607 
  font-size: 14px;
608 
  font-weight: 500;
609 
}
610 
.job-dt li span {
611 
  color: #333;
612 
  font-size: 16px;
613 
  font-weight: 600;
614 
}
615 
.job_descp > p {
616 
  color: #666666;
617 
  font-size: 15px;
618 
  line-height: 24px;
619 
  margin-bottom: 20px;
620 
}
621 
.job_descp > p a {
622 
  color: #0961bf;
623 
  font-weight: 600;
624 
}
625 
 
626 
 
627 
.job_descp video,
628 
.job_descp img {
629 
  width: 100%;
630 
  height: auto;
631 
  border-radius: 10px;
632 
  margin-top: 1rem;
633 
}
634 
 
635 
 
636 
/* ========== job-status-bar ========== */
637 
 
638 
.job-status-bar {
639 
  float: left;
640 
  width: 100%;
641 
}
642 
.like-com {
643 
  /* float: left; */
644 
  /* margin-top: 20px; */
645 
  margin: 0;
646 
}
647 
.like-com li {
648 
  display: inline-block;
649 
  margin-right: 15px;
650 
}
651 
.like-com li a {
652 
  color: #b2b2b2;
653 
  font-size: 14px;
654 
  font-weight: 500;
655 
  float: left;
656 
  margin-top: 6px;
657 
  margin-right: 5px;
658 
}
659 
.like-com li a:hover {
660 
  color: #e44d3a;
661 
}
662 
.like-com li a.active {
663 
  color: #e44d3a;
664 
}
665 
.like-com li a i {
666 
  margin-right: 2px;
667 
  font-size: 14px;
668 
  position: relative;
669 
  top: 2px;
670 
}
671 
.like-com li span {
672 
  color: #ffffff;
673 
  font-size: 13px;
674 
  width: 30px;
675 
  height: 30px;
676 
  background-color: #e44d3a;
677 
  line-height: 30px;
678 
  -webkit-border-radius: 30px;
679 
  -moz-border-radius: 30px;
680 
  -ms-border-radius: 30px;
681 
  -o-border-radius: 30px;
682 
  border-radius: 30px;
683 
  float: left;
684 
  text-align: center;
685 
  font-weight: 600;
686 
  margin-left: -25px;
687 
}
688 
.like-com li .com {
689 
  position: relative;
690 
  top: -9px;
691 
}
692 
.like-com li .com img {
693 
  margin-right: 10px;
694 
}
695 
 
696 
.job-status-bar > a {
697 
  /* float: right; */
698 
  color: #b2b2b2 !important;
699 
  font-size: 14px;
700 
  /* margin-top: 29px; */
701 
  cursor: pointer;
702 
}
703 
.job-status-bar > a:hover {
704 
  color: #e44d3a !important;
705 
}
706 
.job-status-bar > a i {
707 
  font-size: 14px;
708 
  margin-right: 7px;
709 
  position: relative;
710 
  top: 1px;
711 
}
712 
 
713 
.job-status-bar > a:hover {
714 
  color: #1e5591 !important;
715 
}
716 
 
717 
.job-status-bar > ul > li > a:hover {
718 
  color: #1e5591;
719 
}
720 
 
721 
 
722 
.comment-section {
723 
  box-shadow: none;
724 
}
725 
 
726 
/* =============== comment-section ============== */
727 
 
728 
.comment-section {
729 
  float: left;
730 
  width: 100%;
731 
  background-color: #fff;
732 
  padding: 20px;
733 
  /* box-shadow: 0px 3px #e4e4e4; */
734 
  margin-top: 1rem;
735 
}
736 
.plus-ic {
737 
  float: left;
738 
  width: 100%;
739 
  text-align: center;
740 
  margin-bottom: 20px;
741 
}
742 
.plus-ic i {
743 
  width: 30px;
744 
  height: 30px;
745 
  line-height: 30px;
746 
  border: 1px solid #d2d2d2;
747 
  text-align: center;
748 
  color: #b2b2b2;
749 
  -webkit-border-radius: 100px;
750 
  -moz-border-radius: 100px;
751 
  -ms-border-radius: 100px;
752 
  -o-border-radius: 100px;
753 
  border-radius: 100px;
754 
}
755 
 
756 
/* =============== comment-sec ================ */
757 
 
758 
.comment-sec {
759 
  float: left;
760 
  width: 100%;
761 
}
762 
.comment-sec ul {
763 
  float: left;
764 
  width: 100%;
765 
}
766 
.comment-sec ul li {
767 
  float: left;
768 
  width: 100%;
769 
}
770 
.comment-sec ul ul {
771 
  padding-left: 50px;
772 
}
773 
.comment-list {
774 
  display: table;
775 
  /* padding-bottom: 30px; */
776 
}
777 
.bg-img {
778 
  display: table-cell;
779 
}
780 
.bg-img img {
781 
  -webkit-border-radius: 100px;
782 
  -moz-border-radius: 100px;
783 
  -ms-border-radius: 100px;
784 
  -o-border-radius: 100px;
785 
  border-radius: 100px;
786 
}
787 
.comment {
788 
  display: table-cell;
789 
  vertical-align: top;
790 
  width: 100%;
791 
  padding-left: 10px;
792 
}
793 
.comment h3 {
794 
  color: #000000;
795 
  font-size: 16px;
796 
  font-weight: 600;
14817 stevensc 797 
  margin-bottom: 10px;
1 www 798 
}
799 
.comment img {
800 
  /* position: relative;
801 
  top: 2px;
802 
  margin-right: 5px; */
803 
}
804 
.comment span {
805 
  color: #b2b2b2;
806 
  font-size: 14px;
807 
  display: block;
14817 stevensc 808 
  margin-bottom: 14px;
1 www 809 
}
810 
.comment p {
811 
  color: #686868;
812 
  font-size: 14px;
813 
  margin-bottom: 10px;
814 
  line-height: 20px;
815 
}
816 
.comment > a {
817 
  display: inline-block;
818 
  color: #b2b2b2;
819 
  font-size: 14px;
820 
  font-weight: 600;
821 
}
822 
.comment > a.active,
823 
.comment > a:hover {
824 
  color: #e44d3a;
825 
}
826 
.comment > a i {
827 
  font-weight: 600;
828 
  margin-right: 6px;
829 
}
830 
 
831 
/* =============== post-comment ============= */
832 
 
833 
.post-comment {
834 
  float: left;
835 
  width: 100%;
836 
}
837 
.cm_img {
838 
  float: left;
839 
  width: 40px;
840 
  margin-right: 10px;
841 
}
842 
.comment_box {
843 
  float: none;
844 
}
845 
.comment_box input {
846 
  width: 80%;
847 
  height: 40px;
848 
  border: 1px solid #e5e5e5;
849 
  background-color: #efefef;
850 
  padding-left: 10px;
851 
  color: #b2b2b2;
852 
  font-size: 14px;
853 
  font-weight: 600;
854 
  line-height: 40px;
855 
  resize: none;
856 
}
857 
.comment_box form button {
858 
  float: right;
859 
  color: #fff;
860 
  background-color: #007bff;
861 
  height: 40px;
862 
  padding: 0 10px;
863 
  text-align: center;
864 
  font-size: 14px;
865 
  border: 0;
866 
  margin-left: 10px;
867 
  cursor: pointer;
868 
  font-weight: 600;
869 
}
870 
 
871 
/* ============== process-comm ============= */
872 
 
873 
.process-comm {
874 
  float: left;
875 
  width: 100%;
876 
  text-align: center;
877 
  padding-top: 40px;
878 
}
879 
.process-comm img {
880 
  float: none;
881 
}
882 
 
883 
 
884 
.process-comm {
885 
  padding-top: 10px;
886 
  padding-bottom: 20px;
6 steven 887 
}
18 steven 888 
 
889 
.right-border{
890 
  border: solid 1px rgb(0 0 0 / 20%);
891 
}
892 
 
19 steven 893 
.content-wrapper {
894 
  background-color: #fff !important;
895 
}
896 
 
6 steven 897 
/*
898 
  Rewriting styles
899 
*/
900 
.btn-primary{
21 steven 901 
  border-color: #16283c;
7 steven 902 
  background-color: transparent;
21 steven 903 
  color: #16283c;
6 steven 904 
}
905 
.btn-primary:hover{
21 steven 906 
  color: #16283c;
8 steven 907 
  background-color: transparent;
44 steven 908 
  border-color: #16283c;
6 steven 909 
  text-shadow: 2px 2px 2px rgb(0 0 0 / 40%);
10 steven 910 
}
45 steven 911 
.btn-primary:focus{
912 
  color: #16283c;
913 
  background-color: transparent;
914 
  border-color: #16283c;
915 
  text-shadow: 2px 2px 2px rgb(0 0 0 / 40%);
916 
}
34 steven 917 
.btn-primary.focus, .btn-primary:focus {
918 
  color: #fff;
919 
  background-color: #16283c;
920 
  border-color: #16283c;
921 
  box-shadow: 0 0 0 0 rgb(38 143 255 / 50%);
922 
}
10 steven 923 
.btn-secondary {
924 
  color: #6c757d;
925 
  background-color: transparent;
926 
  border-color: #6c757d;
927 
}
928 
.btn-secondary:hover {
929 
  color: #6c757d;
930 
  background-color: transparent;
931 
  text-shadow: 2px 2px 2px #a9a9a9;
11 steven 932 
}
933 
.btn-success {
934 
  color: #28a745;
12 steven 935 
  background-color: transparent;
11 steven 936 
  border-color: #28a745;
13 steven 937 
}
938 
.btn-success:hover {
939 
  color: #28a745;
940 
  background-color: transparent;
941 
  border-color: #1e7e34;
942 
  text-shadow: 2px 2px 2px #a9a9a9;
943 
}
14 steven 944 
.btn-danger {
945 
  color: #dc3545;
946 
  background-color: transparent;
947 
  border-color: #dc3545;
948 
}
949 
.btn-danger:hover {
950 
  color: #c82333;
951 
  background-color: transparent;
952 
  border-color: #bd2130;
953 
  text-shadow: 2px 2px 2px #a9a9a9;
954 
}
15 steven 955 
.btn-warning {
956 
  color: #ffc107;
957 
  background-color: transparent;
958 
  border-color: #ffc107;
959 
}
960 
.btn-warning:hover {
961 
  color: #e0a800;
962 
  background-color: transparent;
963 
  border-color: #d39e00;
964 
  text-shadow: 2px 2px 2px #a9a9a9;
965 
}
16 steven 966 
.btn-info {
967 
  color: #17a2b8;
968 
  background-color: transparent;
969 
  border-color: #17a2b8;
970 
}
971 
.btn-info:hover {
972 
  color: #138496;
973 
  background-color: transparent;
974 
  border-color: #117a8b;
975 
  text-shadow: 2px 2px 2px #a9a9a9;
976 
}
29 steven 977 
 
978 
/*
979 
  Toggles
980 
*/
46 steven 981 
.toggle{
982 
  height: calc(2.25rem + 2px) !important;
983 
}
33 steven 984 
.toggle-on, .toggle-off{
31 steven 985 
  background-color: #16283c !important;
986 
  color: white;
32 steven 987 
}
33 steven 988 
.toggle-on:hover, .toggle-off:hover{
32 steven 989 
  color: white;
990 
  box-shadow: inset -8px 1px 8px rgb(189 189 189 / 70%);
29 steven 991 
}