sdga-ui 1.0.18 → 1.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/dga-ui.css +1390 -40
- package/css/dga-ui.css.map +1 -1
- package/package.json +1 -1
- package/theme/customizations/_tabs.scss +138 -101
package/css/dga-ui.css
CHANGED
|
@@ -28345,10 +28345,12 @@ html {
|
|
|
28345
28345
|
--dga-nav-tabs-link-active-bg: transparent;
|
|
28346
28346
|
position: relative;
|
|
28347
28347
|
border-bottom: 3px solid transparent;
|
|
28348
|
+
border-right: 0;
|
|
28348
28349
|
gap: 0.5rem;
|
|
28349
28350
|
}
|
|
28350
28351
|
.nav-tabs::before {
|
|
28351
28352
|
content: "";
|
|
28353
|
+
display: block;
|
|
28352
28354
|
position: absolute;
|
|
28353
28355
|
left: 0;
|
|
28354
28356
|
bottom: -3px;
|
|
@@ -28369,6 +28371,9 @@ html {
|
|
|
28369
28371
|
display: flex;
|
|
28370
28372
|
align-items: center;
|
|
28371
28373
|
gap: 0.25rem;
|
|
28374
|
+
width: auto;
|
|
28375
|
+
justify-content: center;
|
|
28376
|
+
margin-bottom: 0;
|
|
28372
28377
|
}
|
|
28373
28378
|
.nav-tabs .nav-link:hover:not(.disabled):not(.active), .nav-tabs .nav-link.pseudo-hover:not(.active) {
|
|
28374
28379
|
background-color: #F3F4F6;
|
|
@@ -28388,13 +28393,14 @@ html {
|
|
|
28388
28393
|
pointer-events: none;
|
|
28389
28394
|
cursor: not-allowed;
|
|
28390
28395
|
}
|
|
28391
|
-
|
|
28392
|
-
.nav-tabs.nav-tabs:not(.flex-column) .nav-link::before {
|
|
28396
|
+
.nav-tabs .nav-link::before {
|
|
28393
28397
|
content: "";
|
|
28394
28398
|
position: absolute;
|
|
28395
28399
|
inset-inline-start: 1rem;
|
|
28396
28400
|
inset-inline-end: 1rem;
|
|
28397
28401
|
bottom: 0;
|
|
28402
|
+
top: auto;
|
|
28403
|
+
width: auto;
|
|
28398
28404
|
height: 3px;
|
|
28399
28405
|
background-color: transparent;
|
|
28400
28406
|
border-radius: 9999px;
|
|
@@ -28402,22 +28408,20 @@ html {
|
|
|
28402
28408
|
transition: background-color 0.2s ease;
|
|
28403
28409
|
margin-bottom: -2.75px;
|
|
28404
28410
|
}
|
|
28405
|
-
.nav-tabs.
|
|
28411
|
+
.nav-tabs.flush .nav-link::before {
|
|
28406
28412
|
inset-inline-start: 0;
|
|
28407
28413
|
inset-inline-end: 0;
|
|
28408
28414
|
}
|
|
28409
|
-
|
|
28410
|
-
.nav-tabs.nav-tabs:not(.flex-column) .nav-link.active::before {
|
|
28415
|
+
.nav-tabs .nav-link.active::before {
|
|
28411
28416
|
background-color: #1B8354;
|
|
28412
28417
|
}
|
|
28413
|
-
.nav-tabs
|
|
28418
|
+
.nav-tabs .nav-link:hover:not(.active):not(.disabled)::before, .nav-tabs .nav-link.pseudo-hover:not(.active):not(.disabled)::before, .nav-tabs .nav-link:active:not(.active):not(.disabled)::before, .nav-tabs .nav-link.pseudo-active:not(.active):not(.disabled)::before {
|
|
28414
28419
|
background-color: #161616;
|
|
28415
28420
|
}
|
|
28416
|
-
.nav-tabs
|
|
28421
|
+
.nav-tabs .nav-link.disabled.active::before {
|
|
28417
28422
|
background-color: #9DA4AE;
|
|
28418
28423
|
}
|
|
28419
|
-
|
|
28420
|
-
.nav-tabs.nav-tabs:not(.flex-column).nav-lg .nav-link {
|
|
28424
|
+
.nav-tabs.nav-lg .nav-link {
|
|
28421
28425
|
height: 3.25rem !important;
|
|
28422
28426
|
padding: 1rem 1rem !important;
|
|
28423
28427
|
font-size: 0.875rem;
|
|
@@ -28426,7 +28430,7 @@ html {
|
|
|
28426
28430
|
justify-content: center;
|
|
28427
28431
|
gap: 0.25rem;
|
|
28428
28432
|
}
|
|
28429
|
-
.nav-tabs.nav-
|
|
28433
|
+
.nav-tabs.nav-md .nav-link {
|
|
28430
28434
|
height: 2.75rem !important;
|
|
28431
28435
|
padding: 0.75rem 1rem !important;
|
|
28432
28436
|
font-size: 0.875rem;
|
|
@@ -28435,7 +28439,7 @@ html {
|
|
|
28435
28439
|
justify-content: center;
|
|
28436
28440
|
gap: 0.25rem;
|
|
28437
28441
|
}
|
|
28438
|
-
.nav-tabs.nav-
|
|
28442
|
+
.nav-tabs.nav-sm .nav-link {
|
|
28439
28443
|
height: 2.25rem !important;
|
|
28440
28444
|
padding: 0.5rem 0.75rem !important;
|
|
28441
28445
|
font-size: 0.875rem;
|
|
@@ -28445,17 +28449,239 @@ html {
|
|
|
28445
28449
|
gap: 0.25rem;
|
|
28446
28450
|
}
|
|
28447
28451
|
|
|
28448
|
-
.nav.flex-column
|
|
28452
|
+
.nav-tabs.flex-column {
|
|
28449
28453
|
border-bottom: 0;
|
|
28454
|
+
border-right: 0;
|
|
28455
|
+
gap: 0;
|
|
28450
28456
|
}
|
|
28451
|
-
.nav.flex-column
|
|
28457
|
+
.nav-tabs.flex-column::before {
|
|
28452
28458
|
display: none;
|
|
28453
28459
|
}
|
|
28454
|
-
.nav.flex-column.nav-
|
|
28460
|
+
.nav-tabs.flex-column .nav-link {
|
|
28461
|
+
width: 100%;
|
|
28462
|
+
justify-content: flex-start;
|
|
28463
|
+
border: none;
|
|
28464
|
+
border-bottom: none;
|
|
28465
|
+
border-radius: 0.25rem;
|
|
28466
|
+
margin-bottom: 0.25rem;
|
|
28467
|
+
font-weight: 400;
|
|
28468
|
+
color: #384250;
|
|
28469
|
+
position: relative;
|
|
28470
|
+
display: flex;
|
|
28471
|
+
align-items: center;
|
|
28472
|
+
gap: 0.5rem;
|
|
28473
|
+
}
|
|
28474
|
+
.nav-tabs.flex-column .nav-link::before {
|
|
28475
|
+
content: "";
|
|
28476
|
+
position: absolute;
|
|
28477
|
+
inset-inline-start: 0;
|
|
28478
|
+
inset-inline-end: auto;
|
|
28479
|
+
top: 0.25rem;
|
|
28480
|
+
bottom: 0.25rem;
|
|
28481
|
+
width: 3px;
|
|
28482
|
+
height: auto;
|
|
28483
|
+
background-color: transparent;
|
|
28484
|
+
border-radius: 9999px;
|
|
28485
|
+
transition: background-color 0.2s ease;
|
|
28486
|
+
margin-bottom: 0;
|
|
28487
|
+
}
|
|
28488
|
+
.nav-tabs.flex-column .nav-link i, .nav-tabs.flex-column .nav-link img, .nav-tabs.flex-column .nav-link svg {
|
|
28489
|
+
display: inline-flex;
|
|
28490
|
+
align-items: center;
|
|
28491
|
+
justify-content: center;
|
|
28492
|
+
}
|
|
28493
|
+
.nav-tabs.flex-column .nav-link:focus, .nav-tabs.flex-column .nav-link:focus-visible {
|
|
28494
|
+
outline: none;
|
|
28495
|
+
border: none;
|
|
28496
|
+
}
|
|
28497
|
+
.nav-tabs.flex-column .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-column .nav-link.pseudo-hover:not(.active) {
|
|
28498
|
+
background-color: #F3F4F6;
|
|
28499
|
+
color: #384250;
|
|
28500
|
+
}
|
|
28501
|
+
.nav-tabs.flex-column .nav-link:hover:not(.disabled):not(.active)::before, .nav-tabs.flex-column .nav-link.pseudo-hover:not(.active)::before {
|
|
28502
|
+
background-color: #161616;
|
|
28503
|
+
}
|
|
28504
|
+
.nav-tabs.flex-column .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-column .nav-link.pseudo-active:not(.active) {
|
|
28505
|
+
background-color: #E5E7EB;
|
|
28506
|
+
color: #161616;
|
|
28507
|
+
}
|
|
28508
|
+
.nav-tabs.flex-column .nav-link:active:not(.disabled):not(.active)::before, .nav-tabs.flex-column .nav-link.pseudo-active:not(.active)::before {
|
|
28509
|
+
background-color: #161616;
|
|
28510
|
+
}
|
|
28511
|
+
.nav-tabs.flex-column .nav-link.active {
|
|
28512
|
+
background-color: transparent;
|
|
28513
|
+
color: #161616;
|
|
28514
|
+
font-weight: 600;
|
|
28515
|
+
position: relative;
|
|
28516
|
+
}
|
|
28517
|
+
.nav-tabs.flex-column .nav-link.active::before {
|
|
28518
|
+
background-color: #1B8354;
|
|
28519
|
+
}
|
|
28520
|
+
.nav-tabs.flex-column .nav-link.active:hover:not(.disabled), .nav-tabs.flex-column .nav-link.active.pseudo-hover {
|
|
28521
|
+
background-color: transparent;
|
|
28522
|
+
}
|
|
28523
|
+
.nav-tabs.flex-column .nav-link.active:active:not(.disabled), .nav-tabs.flex-column .nav-link.active.pseudo-active {
|
|
28524
|
+
background-color: transparent;
|
|
28525
|
+
}
|
|
28526
|
+
.nav-tabs.flex-column .nav-link.disabled, .nav-tabs.flex-column .nav-link:disabled {
|
|
28527
|
+
color: #9DA4AE;
|
|
28528
|
+
background-color: transparent !important;
|
|
28529
|
+
pointer-events: none;
|
|
28530
|
+
cursor: not-allowed;
|
|
28531
|
+
}
|
|
28532
|
+
.nav-tabs.flex-column .nav-link.disabled.active::before, .nav-tabs.flex-column .nav-link:disabled.active::before {
|
|
28533
|
+
background-color: #9DA4AE;
|
|
28534
|
+
}
|
|
28535
|
+
.nav-tabs.flex-column .nav-link.disabled:not(.active)::before, .nav-tabs.flex-column .nav-link:disabled:not(.active)::before {
|
|
28536
|
+
background-color: transparent;
|
|
28537
|
+
}
|
|
28538
|
+
.nav-tabs.flex-column.nav-lg .nav-link {
|
|
28539
|
+
height: auto !important;
|
|
28540
|
+
min-height: 2.5rem;
|
|
28541
|
+
padding: 0.5rem 0.5rem !important;
|
|
28542
|
+
font-size: 1rem;
|
|
28543
|
+
}
|
|
28544
|
+
.nav-tabs.flex-column.nav-lg .nav-link.active {
|
|
28545
|
+
font-weight: 600;
|
|
28546
|
+
}
|
|
28547
|
+
.nav-tabs.flex-column.nav-md .nav-link {
|
|
28548
|
+
height: auto !important;
|
|
28549
|
+
min-height: 2rem;
|
|
28550
|
+
padding: 0.375rem 0.5rem !important;
|
|
28551
|
+
font-size: 0.875rem;
|
|
28552
|
+
}
|
|
28553
|
+
.nav-tabs.flex-column.nav-md .nav-link.active {
|
|
28554
|
+
font-weight: 600;
|
|
28555
|
+
}
|
|
28556
|
+
.nav-tabs.flex-column.nav-sm .nav-link {
|
|
28557
|
+
height: auto !important;
|
|
28558
|
+
min-height: 1.5rem;
|
|
28559
|
+
padding: 0.125rem 0.375rem !important;
|
|
28560
|
+
font-size: 0.875rem;
|
|
28561
|
+
}
|
|
28562
|
+
.nav-tabs.flex-column.nav-sm .nav-link.active {
|
|
28563
|
+
font-weight: 500;
|
|
28564
|
+
}
|
|
28565
|
+
|
|
28566
|
+
.nav-tabs.flex-row {
|
|
28567
|
+
--dga-nav-tabs-border-width: 0;
|
|
28568
|
+
--dga-nav-tabs-border-radius: 0;
|
|
28569
|
+
--dga-nav-tabs-link-active-bg: transparent;
|
|
28570
|
+
position: relative;
|
|
28571
|
+
border-bottom: 3px solid transparent;
|
|
28572
|
+
border-right: 0;
|
|
28573
|
+
gap: 0.5rem;
|
|
28574
|
+
}
|
|
28575
|
+
.nav-tabs.flex-row::before {
|
|
28576
|
+
content: "";
|
|
28577
|
+
display: block;
|
|
28578
|
+
position: absolute;
|
|
28579
|
+
left: 0;
|
|
28580
|
+
bottom: -3px;
|
|
28581
|
+
width: 100%;
|
|
28582
|
+
height: 3px;
|
|
28583
|
+
background-color: #D2D6DB;
|
|
28584
|
+
border-radius: 9999px;
|
|
28585
|
+
pointer-events: none;
|
|
28586
|
+
}
|
|
28587
|
+
.nav-tabs.flex-row .nav-link {
|
|
28588
|
+
font-family: "IBM Plex Sans Arabic";
|
|
28589
|
+
font-weight: 400;
|
|
28590
|
+
color: #384250;
|
|
28591
|
+
border: none;
|
|
28592
|
+
border-radius: 0.25rem;
|
|
28593
|
+
position: relative;
|
|
28594
|
+
transition: all 0.2s ease;
|
|
28595
|
+
display: flex;
|
|
28596
|
+
align-items: center;
|
|
28597
|
+
gap: 0.25rem;
|
|
28598
|
+
width: auto;
|
|
28599
|
+
justify-content: center;
|
|
28600
|
+
margin-bottom: 0;
|
|
28601
|
+
}
|
|
28602
|
+
.nav-tabs.flex-row .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-row .nav-link.pseudo-hover:not(.active) {
|
|
28603
|
+
background-color: #F3F4F6;
|
|
28604
|
+
color: #384250;
|
|
28605
|
+
}
|
|
28606
|
+
.nav-tabs.flex-row .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-row .nav-link.pseudo-active:not(.active) {
|
|
28607
|
+
background-color: #E5E7EB;
|
|
28608
|
+
}
|
|
28609
|
+
.nav-tabs.flex-row .nav-link.active {
|
|
28610
|
+
color: #161616;
|
|
28611
|
+
font-weight: 700;
|
|
28612
|
+
background-color: transparent;
|
|
28613
|
+
}
|
|
28614
|
+
.nav-tabs.flex-row .nav-link.disabled {
|
|
28615
|
+
color: #9DA4AE;
|
|
28616
|
+
background-color: transparent;
|
|
28617
|
+
pointer-events: none;
|
|
28618
|
+
cursor: not-allowed;
|
|
28619
|
+
}
|
|
28620
|
+
.nav-tabs.flex-row .nav-link::before {
|
|
28621
|
+
content: "";
|
|
28622
|
+
position: absolute;
|
|
28623
|
+
inset-inline-start: 1rem;
|
|
28624
|
+
inset-inline-end: 1rem;
|
|
28625
|
+
bottom: 0;
|
|
28626
|
+
top: auto;
|
|
28627
|
+
width: auto;
|
|
28628
|
+
height: 3px;
|
|
28629
|
+
background-color: transparent;
|
|
28630
|
+
border-radius: 9999px;
|
|
28631
|
+
z-index: 1;
|
|
28632
|
+
transition: background-color 0.2s ease;
|
|
28633
|
+
margin-bottom: -2.75px;
|
|
28634
|
+
}
|
|
28635
|
+
.nav-tabs.flex-row.flush .nav-link::before {
|
|
28636
|
+
inset-inline-start: 0;
|
|
28637
|
+
inset-inline-end: 0;
|
|
28638
|
+
}
|
|
28639
|
+
.nav-tabs.flex-row .nav-link.active::before {
|
|
28640
|
+
background-color: #1B8354;
|
|
28641
|
+
}
|
|
28642
|
+
.nav-tabs.flex-row .nav-link:hover:not(.active):not(.disabled)::before, .nav-tabs.flex-row .nav-link.pseudo-hover:not(.active):not(.disabled)::before, .nav-tabs.flex-row .nav-link:active:not(.active):not(.disabled)::before, .nav-tabs.flex-row .nav-link.pseudo-active:not(.active):not(.disabled)::before {
|
|
28643
|
+
background-color: #161616;
|
|
28644
|
+
}
|
|
28645
|
+
.nav-tabs.flex-row .nav-link.disabled.active::before {
|
|
28646
|
+
background-color: #9DA4AE;
|
|
28647
|
+
}
|
|
28648
|
+
.nav-tabs.flex-row.nav-lg .nav-link {
|
|
28649
|
+
height: 3.25rem !important;
|
|
28650
|
+
padding: 1rem 1rem !important;
|
|
28651
|
+
font-size: 0.875rem;
|
|
28652
|
+
display: flex;
|
|
28653
|
+
align-items: center;
|
|
28654
|
+
justify-content: center;
|
|
28655
|
+
gap: 0.25rem;
|
|
28656
|
+
}
|
|
28657
|
+
.nav-tabs.flex-row.nav-md .nav-link {
|
|
28658
|
+
height: 2.75rem !important;
|
|
28659
|
+
padding: 0.75rem 1rem !important;
|
|
28660
|
+
font-size: 0.875rem;
|
|
28661
|
+
display: flex;
|
|
28662
|
+
align-items: center;
|
|
28663
|
+
justify-content: center;
|
|
28664
|
+
gap: 0.25rem;
|
|
28665
|
+
}
|
|
28666
|
+
.nav-tabs.flex-row.nav-sm .nav-link {
|
|
28667
|
+
height: 2.25rem !important;
|
|
28668
|
+
padding: 0.5rem 0.75rem !important;
|
|
28669
|
+
font-size: 0.875rem;
|
|
28670
|
+
display: flex;
|
|
28671
|
+
align-items: center;
|
|
28672
|
+
justify-content: center;
|
|
28673
|
+
gap: 0.25rem;
|
|
28674
|
+
}
|
|
28675
|
+
|
|
28676
|
+
.nav-tabs.flex-column {
|
|
28677
|
+
border-bottom: 0;
|
|
28455
28678
|
border-right: 0;
|
|
28456
28679
|
gap: 0;
|
|
28457
28680
|
}
|
|
28458
|
-
.nav.flex-column
|
|
28681
|
+
.nav-tabs.flex-column::before {
|
|
28682
|
+
display: none;
|
|
28683
|
+
}
|
|
28684
|
+
.nav-tabs.flex-column .nav-link {
|
|
28459
28685
|
width: 100%;
|
|
28460
28686
|
justify-content: flex-start;
|
|
28461
28687
|
border: none;
|
|
@@ -28469,94 +28695,1218 @@ html {
|
|
|
28469
28695
|
align-items: center;
|
|
28470
28696
|
gap: 0.5rem;
|
|
28471
28697
|
}
|
|
28472
|
-
.nav.flex-column
|
|
28698
|
+
.nav-tabs.flex-column .nav-link::before {
|
|
28473
28699
|
content: "";
|
|
28474
28700
|
position: absolute;
|
|
28475
28701
|
inset-inline-start: 0;
|
|
28702
|
+
inset-inline-end: auto;
|
|
28476
28703
|
top: 0.25rem;
|
|
28477
28704
|
bottom: 0.25rem;
|
|
28478
28705
|
width: 3px;
|
|
28706
|
+
height: auto;
|
|
28479
28707
|
background-color: transparent;
|
|
28480
28708
|
border-radius: 9999px;
|
|
28481
28709
|
transition: background-color 0.2s ease;
|
|
28710
|
+
margin-bottom: 0;
|
|
28482
28711
|
}
|
|
28483
|
-
.nav.flex-column.nav-tabs .nav-link
|
|
28484
|
-
.nav.flex-column.nav-tabs .nav-link img,
|
|
28485
|
-
.nav.flex-column.nav-tabs .nav-link svg {
|
|
28712
|
+
.nav-tabs.flex-column .nav-link i, .nav-tabs.flex-column .nav-link img, .nav-tabs.flex-column .nav-link svg {
|
|
28486
28713
|
display: inline-flex;
|
|
28487
28714
|
align-items: center;
|
|
28488
28715
|
justify-content: center;
|
|
28489
28716
|
}
|
|
28490
|
-
.nav.flex-column
|
|
28717
|
+
.nav-tabs.flex-column .nav-link:focus, .nav-tabs.flex-column .nav-link:focus-visible {
|
|
28491
28718
|
outline: none;
|
|
28492
28719
|
border: none;
|
|
28493
28720
|
}
|
|
28494
|
-
.nav.flex-column
|
|
28721
|
+
.nav-tabs.flex-column .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-column .nav-link.pseudo-hover:not(.active) {
|
|
28495
28722
|
background-color: #F3F4F6;
|
|
28496
28723
|
color: #384250;
|
|
28497
28724
|
}
|
|
28498
|
-
.nav.flex-column
|
|
28725
|
+
.nav-tabs.flex-column .nav-link:hover:not(.disabled):not(.active)::before, .nav-tabs.flex-column .nav-link.pseudo-hover:not(.active)::before {
|
|
28499
28726
|
background-color: #161616;
|
|
28500
28727
|
}
|
|
28501
|
-
.nav.flex-column
|
|
28728
|
+
.nav-tabs.flex-column .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-column .nav-link.pseudo-active:not(.active) {
|
|
28502
28729
|
background-color: #E5E7EB;
|
|
28503
28730
|
color: #161616;
|
|
28504
28731
|
}
|
|
28505
|
-
.nav.flex-column
|
|
28732
|
+
.nav-tabs.flex-column .nav-link:active:not(.disabled):not(.active)::before, .nav-tabs.flex-column .nav-link.pseudo-active:not(.active)::before {
|
|
28506
28733
|
background-color: #161616;
|
|
28507
28734
|
}
|
|
28508
|
-
.nav.flex-column
|
|
28735
|
+
.nav-tabs.flex-column .nav-link.active {
|
|
28509
28736
|
background-color: transparent;
|
|
28510
28737
|
color: #161616;
|
|
28511
28738
|
font-weight: 600;
|
|
28512
28739
|
position: relative;
|
|
28513
28740
|
}
|
|
28514
|
-
.nav.flex-column
|
|
28741
|
+
.nav-tabs.flex-column .nav-link.active::before {
|
|
28515
28742
|
background-color: #1B8354;
|
|
28516
28743
|
}
|
|
28517
|
-
.nav.flex-column
|
|
28744
|
+
.nav-tabs.flex-column .nav-link.active:hover:not(.disabled), .nav-tabs.flex-column .nav-link.active.pseudo-hover {
|
|
28518
28745
|
background-color: transparent;
|
|
28519
28746
|
}
|
|
28520
|
-
.nav.flex-column
|
|
28747
|
+
.nav-tabs.flex-column .nav-link.active:active:not(.disabled), .nav-tabs.flex-column .nav-link.active.pseudo-active {
|
|
28521
28748
|
background-color: transparent;
|
|
28522
28749
|
}
|
|
28523
|
-
.nav.flex-column
|
|
28750
|
+
.nav-tabs.flex-column .nav-link.disabled, .nav-tabs.flex-column .nav-link:disabled {
|
|
28524
28751
|
color: #9DA4AE;
|
|
28525
28752
|
background-color: transparent !important;
|
|
28526
28753
|
pointer-events: none;
|
|
28527
28754
|
cursor: not-allowed;
|
|
28528
28755
|
}
|
|
28529
|
-
.nav.flex-column
|
|
28756
|
+
.nav-tabs.flex-column .nav-link.disabled.active::before, .nav-tabs.flex-column .nav-link:disabled.active::before {
|
|
28530
28757
|
background-color: #9DA4AE;
|
|
28531
28758
|
}
|
|
28532
|
-
.nav.flex-column
|
|
28759
|
+
.nav-tabs.flex-column .nav-link.disabled:not(.active)::before, .nav-tabs.flex-column .nav-link:disabled:not(.active)::before {
|
|
28533
28760
|
background-color: transparent;
|
|
28534
28761
|
}
|
|
28535
|
-
.nav.flex-column.nav-
|
|
28762
|
+
.nav-tabs.flex-column.nav-lg .nav-link {
|
|
28763
|
+
height: auto !important;
|
|
28536
28764
|
min-height: 2.5rem;
|
|
28537
|
-
padding: 0.5rem 0.5rem;
|
|
28765
|
+
padding: 0.5rem 0.5rem !important;
|
|
28538
28766
|
font-size: 1rem;
|
|
28539
28767
|
}
|
|
28540
|
-
.nav.flex-column.nav-
|
|
28768
|
+
.nav-tabs.flex-column.nav-lg .nav-link.active {
|
|
28541
28769
|
font-weight: 600;
|
|
28542
28770
|
}
|
|
28543
|
-
.nav.flex-column.nav-
|
|
28771
|
+
.nav-tabs.flex-column.nav-md .nav-link {
|
|
28772
|
+
height: auto !important;
|
|
28544
28773
|
min-height: 2rem;
|
|
28545
|
-
padding: 0.375rem 0.5rem;
|
|
28774
|
+
padding: 0.375rem 0.5rem !important;
|
|
28546
28775
|
font-size: 0.875rem;
|
|
28547
28776
|
}
|
|
28548
|
-
.nav.flex-column.nav-
|
|
28777
|
+
.nav-tabs.flex-column.nav-md .nav-link.active {
|
|
28549
28778
|
font-weight: 600;
|
|
28550
28779
|
}
|
|
28551
|
-
.nav.flex-column.nav-
|
|
28780
|
+
.nav-tabs.flex-column.nav-sm .nav-link {
|
|
28781
|
+
height: auto !important;
|
|
28552
28782
|
min-height: 1.5rem;
|
|
28553
|
-
padding: 0.125rem 0.375rem;
|
|
28783
|
+
padding: 0.125rem 0.375rem !important;
|
|
28554
28784
|
font-size: 0.875rem;
|
|
28555
28785
|
}
|
|
28556
|
-
.nav.flex-column.nav-
|
|
28786
|
+
.nav-tabs.flex-column.nav-sm .nav-link.active {
|
|
28557
28787
|
font-weight: 500;
|
|
28558
28788
|
}
|
|
28559
28789
|
|
|
28790
|
+
@media (min-width: 576px) {
|
|
28791
|
+
.nav-tabs.flex-sm-row {
|
|
28792
|
+
--dga-nav-tabs-border-width: 0;
|
|
28793
|
+
--dga-nav-tabs-border-radius: 0;
|
|
28794
|
+
--dga-nav-tabs-link-active-bg: transparent;
|
|
28795
|
+
position: relative;
|
|
28796
|
+
border-bottom: 3px solid transparent;
|
|
28797
|
+
border-right: 0;
|
|
28798
|
+
gap: 0.5rem;
|
|
28799
|
+
}
|
|
28800
|
+
.nav-tabs.flex-sm-row::before {
|
|
28801
|
+
content: "";
|
|
28802
|
+
display: block;
|
|
28803
|
+
position: absolute;
|
|
28804
|
+
left: 0;
|
|
28805
|
+
bottom: -3px;
|
|
28806
|
+
width: 100%;
|
|
28807
|
+
height: 3px;
|
|
28808
|
+
background-color: #D2D6DB;
|
|
28809
|
+
border-radius: 9999px;
|
|
28810
|
+
pointer-events: none;
|
|
28811
|
+
}
|
|
28812
|
+
.nav-tabs.flex-sm-row .nav-link {
|
|
28813
|
+
font-family: "IBM Plex Sans Arabic";
|
|
28814
|
+
font-weight: 400;
|
|
28815
|
+
color: #384250;
|
|
28816
|
+
border: none;
|
|
28817
|
+
border-radius: 0.25rem;
|
|
28818
|
+
position: relative;
|
|
28819
|
+
transition: all 0.2s ease;
|
|
28820
|
+
display: flex;
|
|
28821
|
+
align-items: center;
|
|
28822
|
+
gap: 0.25rem;
|
|
28823
|
+
width: auto;
|
|
28824
|
+
justify-content: center;
|
|
28825
|
+
margin-bottom: 0;
|
|
28826
|
+
}
|
|
28827
|
+
.nav-tabs.flex-sm-row .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-sm-row .nav-link.pseudo-hover:not(.active) {
|
|
28828
|
+
background-color: #F3F4F6;
|
|
28829
|
+
color: #384250;
|
|
28830
|
+
}
|
|
28831
|
+
.nav-tabs.flex-sm-row .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-sm-row .nav-link.pseudo-active:not(.active) {
|
|
28832
|
+
background-color: #E5E7EB;
|
|
28833
|
+
}
|
|
28834
|
+
.nav-tabs.flex-sm-row .nav-link.active {
|
|
28835
|
+
color: #161616;
|
|
28836
|
+
font-weight: 700;
|
|
28837
|
+
background-color: transparent;
|
|
28838
|
+
}
|
|
28839
|
+
.nav-tabs.flex-sm-row .nav-link.disabled {
|
|
28840
|
+
color: #9DA4AE;
|
|
28841
|
+
background-color: transparent;
|
|
28842
|
+
pointer-events: none;
|
|
28843
|
+
cursor: not-allowed;
|
|
28844
|
+
}
|
|
28845
|
+
.nav-tabs.flex-sm-row .nav-link::before {
|
|
28846
|
+
content: "";
|
|
28847
|
+
position: absolute;
|
|
28848
|
+
inset-inline-start: 1rem;
|
|
28849
|
+
inset-inline-end: 1rem;
|
|
28850
|
+
bottom: 0;
|
|
28851
|
+
top: auto;
|
|
28852
|
+
width: auto;
|
|
28853
|
+
height: 3px;
|
|
28854
|
+
background-color: transparent;
|
|
28855
|
+
border-radius: 9999px;
|
|
28856
|
+
z-index: 1;
|
|
28857
|
+
transition: background-color 0.2s ease;
|
|
28858
|
+
margin-bottom: -2.75px;
|
|
28859
|
+
}
|
|
28860
|
+
.nav-tabs.flex-sm-row.flush .nav-link::before {
|
|
28861
|
+
inset-inline-start: 0;
|
|
28862
|
+
inset-inline-end: 0;
|
|
28863
|
+
}
|
|
28864
|
+
.nav-tabs.flex-sm-row .nav-link.active::before {
|
|
28865
|
+
background-color: #1B8354;
|
|
28866
|
+
}
|
|
28867
|
+
.nav-tabs.flex-sm-row .nav-link:hover:not(.active):not(.disabled)::before, .nav-tabs.flex-sm-row .nav-link.pseudo-hover:not(.active):not(.disabled)::before, .nav-tabs.flex-sm-row .nav-link:active:not(.active):not(.disabled)::before, .nav-tabs.flex-sm-row .nav-link.pseudo-active:not(.active):not(.disabled)::before {
|
|
28868
|
+
background-color: #161616;
|
|
28869
|
+
}
|
|
28870
|
+
.nav-tabs.flex-sm-row .nav-link.disabled.active::before {
|
|
28871
|
+
background-color: #9DA4AE;
|
|
28872
|
+
}
|
|
28873
|
+
.nav-tabs.flex-sm-row.nav-lg .nav-link {
|
|
28874
|
+
height: 3.25rem !important;
|
|
28875
|
+
padding: 1rem 1rem !important;
|
|
28876
|
+
font-size: 0.875rem;
|
|
28877
|
+
display: flex;
|
|
28878
|
+
align-items: center;
|
|
28879
|
+
justify-content: center;
|
|
28880
|
+
gap: 0.25rem;
|
|
28881
|
+
}
|
|
28882
|
+
.nav-tabs.flex-sm-row.nav-md .nav-link {
|
|
28883
|
+
height: 2.75rem !important;
|
|
28884
|
+
padding: 0.75rem 1rem !important;
|
|
28885
|
+
font-size: 0.875rem;
|
|
28886
|
+
display: flex;
|
|
28887
|
+
align-items: center;
|
|
28888
|
+
justify-content: center;
|
|
28889
|
+
gap: 0.25rem;
|
|
28890
|
+
}
|
|
28891
|
+
.nav-tabs.flex-sm-row.nav-sm .nav-link {
|
|
28892
|
+
height: 2.25rem !important;
|
|
28893
|
+
padding: 0.5rem 0.75rem !important;
|
|
28894
|
+
font-size: 0.875rem;
|
|
28895
|
+
display: flex;
|
|
28896
|
+
align-items: center;
|
|
28897
|
+
justify-content: center;
|
|
28898
|
+
gap: 0.25rem;
|
|
28899
|
+
}
|
|
28900
|
+
.nav-tabs.flex-sm-column {
|
|
28901
|
+
border-bottom: 0;
|
|
28902
|
+
border-right: 0;
|
|
28903
|
+
gap: 0;
|
|
28904
|
+
}
|
|
28905
|
+
.nav-tabs.flex-sm-column::before {
|
|
28906
|
+
display: none;
|
|
28907
|
+
}
|
|
28908
|
+
.nav-tabs.flex-sm-column .nav-link {
|
|
28909
|
+
width: 100%;
|
|
28910
|
+
justify-content: flex-start;
|
|
28911
|
+
border: none;
|
|
28912
|
+
border-bottom: none;
|
|
28913
|
+
border-radius: 0.25rem;
|
|
28914
|
+
margin-bottom: 0.25rem;
|
|
28915
|
+
font-weight: 400;
|
|
28916
|
+
color: #384250;
|
|
28917
|
+
position: relative;
|
|
28918
|
+
display: flex;
|
|
28919
|
+
align-items: center;
|
|
28920
|
+
gap: 0.5rem;
|
|
28921
|
+
}
|
|
28922
|
+
.nav-tabs.flex-sm-column .nav-link::before {
|
|
28923
|
+
content: "";
|
|
28924
|
+
position: absolute;
|
|
28925
|
+
inset-inline-start: 0;
|
|
28926
|
+
inset-inline-end: auto;
|
|
28927
|
+
top: 0.25rem;
|
|
28928
|
+
bottom: 0.25rem;
|
|
28929
|
+
width: 3px;
|
|
28930
|
+
height: auto;
|
|
28931
|
+
background-color: transparent;
|
|
28932
|
+
border-radius: 9999px;
|
|
28933
|
+
transition: background-color 0.2s ease;
|
|
28934
|
+
margin-bottom: 0;
|
|
28935
|
+
}
|
|
28936
|
+
.nav-tabs.flex-sm-column .nav-link i, .nav-tabs.flex-sm-column .nav-link img, .nav-tabs.flex-sm-column .nav-link svg {
|
|
28937
|
+
display: inline-flex;
|
|
28938
|
+
align-items: center;
|
|
28939
|
+
justify-content: center;
|
|
28940
|
+
}
|
|
28941
|
+
.nav-tabs.flex-sm-column .nav-link:focus, .nav-tabs.flex-sm-column .nav-link:focus-visible {
|
|
28942
|
+
outline: none;
|
|
28943
|
+
border: none;
|
|
28944
|
+
}
|
|
28945
|
+
.nav-tabs.flex-sm-column .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-sm-column .nav-link.pseudo-hover:not(.active) {
|
|
28946
|
+
background-color: #F3F4F6;
|
|
28947
|
+
color: #384250;
|
|
28948
|
+
}
|
|
28949
|
+
.nav-tabs.flex-sm-column .nav-link:hover:not(.disabled):not(.active)::before, .nav-tabs.flex-sm-column .nav-link.pseudo-hover:not(.active)::before {
|
|
28950
|
+
background-color: #161616;
|
|
28951
|
+
}
|
|
28952
|
+
.nav-tabs.flex-sm-column .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-sm-column .nav-link.pseudo-active:not(.active) {
|
|
28953
|
+
background-color: #E5E7EB;
|
|
28954
|
+
color: #161616;
|
|
28955
|
+
}
|
|
28956
|
+
.nav-tabs.flex-sm-column .nav-link:active:not(.disabled):not(.active)::before, .nav-tabs.flex-sm-column .nav-link.pseudo-active:not(.active)::before {
|
|
28957
|
+
background-color: #161616;
|
|
28958
|
+
}
|
|
28959
|
+
.nav-tabs.flex-sm-column .nav-link.active {
|
|
28960
|
+
background-color: transparent;
|
|
28961
|
+
color: #161616;
|
|
28962
|
+
font-weight: 600;
|
|
28963
|
+
position: relative;
|
|
28964
|
+
}
|
|
28965
|
+
.nav-tabs.flex-sm-column .nav-link.active::before {
|
|
28966
|
+
background-color: #1B8354;
|
|
28967
|
+
}
|
|
28968
|
+
.nav-tabs.flex-sm-column .nav-link.active:hover:not(.disabled), .nav-tabs.flex-sm-column .nav-link.active.pseudo-hover {
|
|
28969
|
+
background-color: transparent;
|
|
28970
|
+
}
|
|
28971
|
+
.nav-tabs.flex-sm-column .nav-link.active:active:not(.disabled), .nav-tabs.flex-sm-column .nav-link.active.pseudo-active {
|
|
28972
|
+
background-color: transparent;
|
|
28973
|
+
}
|
|
28974
|
+
.nav-tabs.flex-sm-column .nav-link.disabled, .nav-tabs.flex-sm-column .nav-link:disabled {
|
|
28975
|
+
color: #9DA4AE;
|
|
28976
|
+
background-color: transparent !important;
|
|
28977
|
+
pointer-events: none;
|
|
28978
|
+
cursor: not-allowed;
|
|
28979
|
+
}
|
|
28980
|
+
.nav-tabs.flex-sm-column .nav-link.disabled.active::before, .nav-tabs.flex-sm-column .nav-link:disabled.active::before {
|
|
28981
|
+
background-color: #9DA4AE;
|
|
28982
|
+
}
|
|
28983
|
+
.nav-tabs.flex-sm-column .nav-link.disabled:not(.active)::before, .nav-tabs.flex-sm-column .nav-link:disabled:not(.active)::before {
|
|
28984
|
+
background-color: transparent;
|
|
28985
|
+
}
|
|
28986
|
+
.nav-tabs.flex-sm-column.nav-lg .nav-link {
|
|
28987
|
+
height: auto !important;
|
|
28988
|
+
min-height: 2.5rem;
|
|
28989
|
+
padding: 0.5rem 0.5rem !important;
|
|
28990
|
+
font-size: 1rem;
|
|
28991
|
+
}
|
|
28992
|
+
.nav-tabs.flex-sm-column.nav-lg .nav-link.active {
|
|
28993
|
+
font-weight: 600;
|
|
28994
|
+
}
|
|
28995
|
+
.nav-tabs.flex-sm-column.nav-md .nav-link {
|
|
28996
|
+
height: auto !important;
|
|
28997
|
+
min-height: 2rem;
|
|
28998
|
+
padding: 0.375rem 0.5rem !important;
|
|
28999
|
+
font-size: 0.875rem;
|
|
29000
|
+
}
|
|
29001
|
+
.nav-tabs.flex-sm-column.nav-md .nav-link.active {
|
|
29002
|
+
font-weight: 600;
|
|
29003
|
+
}
|
|
29004
|
+
.nav-tabs.flex-sm-column.nav-sm .nav-link {
|
|
29005
|
+
height: auto !important;
|
|
29006
|
+
min-height: 1.5rem;
|
|
29007
|
+
padding: 0.125rem 0.375rem !important;
|
|
29008
|
+
font-size: 0.875rem;
|
|
29009
|
+
}
|
|
29010
|
+
.nav-tabs.flex-sm-column.nav-sm .nav-link.active {
|
|
29011
|
+
font-weight: 500;
|
|
29012
|
+
}
|
|
29013
|
+
}
|
|
29014
|
+
@media (min-width: 768px) {
|
|
29015
|
+
.nav-tabs.flex-md-row {
|
|
29016
|
+
--dga-nav-tabs-border-width: 0;
|
|
29017
|
+
--dga-nav-tabs-border-radius: 0;
|
|
29018
|
+
--dga-nav-tabs-link-active-bg: transparent;
|
|
29019
|
+
position: relative;
|
|
29020
|
+
border-bottom: 3px solid transparent;
|
|
29021
|
+
border-right: 0;
|
|
29022
|
+
gap: 0.5rem;
|
|
29023
|
+
}
|
|
29024
|
+
.nav-tabs.flex-md-row::before {
|
|
29025
|
+
content: "";
|
|
29026
|
+
display: block;
|
|
29027
|
+
position: absolute;
|
|
29028
|
+
left: 0;
|
|
29029
|
+
bottom: -3px;
|
|
29030
|
+
width: 100%;
|
|
29031
|
+
height: 3px;
|
|
29032
|
+
background-color: #D2D6DB;
|
|
29033
|
+
border-radius: 9999px;
|
|
29034
|
+
pointer-events: none;
|
|
29035
|
+
}
|
|
29036
|
+
.nav-tabs.flex-md-row .nav-link {
|
|
29037
|
+
font-family: "IBM Plex Sans Arabic";
|
|
29038
|
+
font-weight: 400;
|
|
29039
|
+
color: #384250;
|
|
29040
|
+
border: none;
|
|
29041
|
+
border-radius: 0.25rem;
|
|
29042
|
+
position: relative;
|
|
29043
|
+
transition: all 0.2s ease;
|
|
29044
|
+
display: flex;
|
|
29045
|
+
align-items: center;
|
|
29046
|
+
gap: 0.25rem;
|
|
29047
|
+
width: auto;
|
|
29048
|
+
justify-content: center;
|
|
29049
|
+
margin-bottom: 0;
|
|
29050
|
+
}
|
|
29051
|
+
.nav-tabs.flex-md-row .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-md-row .nav-link.pseudo-hover:not(.active) {
|
|
29052
|
+
background-color: #F3F4F6;
|
|
29053
|
+
color: #384250;
|
|
29054
|
+
}
|
|
29055
|
+
.nav-tabs.flex-md-row .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-md-row .nav-link.pseudo-active:not(.active) {
|
|
29056
|
+
background-color: #E5E7EB;
|
|
29057
|
+
}
|
|
29058
|
+
.nav-tabs.flex-md-row .nav-link.active {
|
|
29059
|
+
color: #161616;
|
|
29060
|
+
font-weight: 700;
|
|
29061
|
+
background-color: transparent;
|
|
29062
|
+
}
|
|
29063
|
+
.nav-tabs.flex-md-row .nav-link.disabled {
|
|
29064
|
+
color: #9DA4AE;
|
|
29065
|
+
background-color: transparent;
|
|
29066
|
+
pointer-events: none;
|
|
29067
|
+
cursor: not-allowed;
|
|
29068
|
+
}
|
|
29069
|
+
.nav-tabs.flex-md-row .nav-link::before {
|
|
29070
|
+
content: "";
|
|
29071
|
+
position: absolute;
|
|
29072
|
+
inset-inline-start: 1rem;
|
|
29073
|
+
inset-inline-end: 1rem;
|
|
29074
|
+
bottom: 0;
|
|
29075
|
+
top: auto;
|
|
29076
|
+
width: auto;
|
|
29077
|
+
height: 3px;
|
|
29078
|
+
background-color: transparent;
|
|
29079
|
+
border-radius: 9999px;
|
|
29080
|
+
z-index: 1;
|
|
29081
|
+
transition: background-color 0.2s ease;
|
|
29082
|
+
margin-bottom: -2.75px;
|
|
29083
|
+
}
|
|
29084
|
+
.nav-tabs.flex-md-row.flush .nav-link::before {
|
|
29085
|
+
inset-inline-start: 0;
|
|
29086
|
+
inset-inline-end: 0;
|
|
29087
|
+
}
|
|
29088
|
+
.nav-tabs.flex-md-row .nav-link.active::before {
|
|
29089
|
+
background-color: #1B8354;
|
|
29090
|
+
}
|
|
29091
|
+
.nav-tabs.flex-md-row .nav-link:hover:not(.active):not(.disabled)::before, .nav-tabs.flex-md-row .nav-link.pseudo-hover:not(.active):not(.disabled)::before, .nav-tabs.flex-md-row .nav-link:active:not(.active):not(.disabled)::before, .nav-tabs.flex-md-row .nav-link.pseudo-active:not(.active):not(.disabled)::before {
|
|
29092
|
+
background-color: #161616;
|
|
29093
|
+
}
|
|
29094
|
+
.nav-tabs.flex-md-row .nav-link.disabled.active::before {
|
|
29095
|
+
background-color: #9DA4AE;
|
|
29096
|
+
}
|
|
29097
|
+
.nav-tabs.flex-md-row.nav-lg .nav-link {
|
|
29098
|
+
height: 3.25rem !important;
|
|
29099
|
+
padding: 1rem 1rem !important;
|
|
29100
|
+
font-size: 0.875rem;
|
|
29101
|
+
display: flex;
|
|
29102
|
+
align-items: center;
|
|
29103
|
+
justify-content: center;
|
|
29104
|
+
gap: 0.25rem;
|
|
29105
|
+
}
|
|
29106
|
+
.nav-tabs.flex-md-row.nav-md .nav-link {
|
|
29107
|
+
height: 2.75rem !important;
|
|
29108
|
+
padding: 0.75rem 1rem !important;
|
|
29109
|
+
font-size: 0.875rem;
|
|
29110
|
+
display: flex;
|
|
29111
|
+
align-items: center;
|
|
29112
|
+
justify-content: center;
|
|
29113
|
+
gap: 0.25rem;
|
|
29114
|
+
}
|
|
29115
|
+
.nav-tabs.flex-md-row.nav-sm .nav-link {
|
|
29116
|
+
height: 2.25rem !important;
|
|
29117
|
+
padding: 0.5rem 0.75rem !important;
|
|
29118
|
+
font-size: 0.875rem;
|
|
29119
|
+
display: flex;
|
|
29120
|
+
align-items: center;
|
|
29121
|
+
justify-content: center;
|
|
29122
|
+
gap: 0.25rem;
|
|
29123
|
+
}
|
|
29124
|
+
.nav-tabs.flex-md-column {
|
|
29125
|
+
border-bottom: 0;
|
|
29126
|
+
border-right: 0;
|
|
29127
|
+
gap: 0;
|
|
29128
|
+
}
|
|
29129
|
+
.nav-tabs.flex-md-column::before {
|
|
29130
|
+
display: none;
|
|
29131
|
+
}
|
|
29132
|
+
.nav-tabs.flex-md-column .nav-link {
|
|
29133
|
+
width: 100%;
|
|
29134
|
+
justify-content: flex-start;
|
|
29135
|
+
border: none;
|
|
29136
|
+
border-bottom: none;
|
|
29137
|
+
border-radius: 0.25rem;
|
|
29138
|
+
margin-bottom: 0.25rem;
|
|
29139
|
+
font-weight: 400;
|
|
29140
|
+
color: #384250;
|
|
29141
|
+
position: relative;
|
|
29142
|
+
display: flex;
|
|
29143
|
+
align-items: center;
|
|
29144
|
+
gap: 0.5rem;
|
|
29145
|
+
}
|
|
29146
|
+
.nav-tabs.flex-md-column .nav-link::before {
|
|
29147
|
+
content: "";
|
|
29148
|
+
position: absolute;
|
|
29149
|
+
inset-inline-start: 0;
|
|
29150
|
+
inset-inline-end: auto;
|
|
29151
|
+
top: 0.25rem;
|
|
29152
|
+
bottom: 0.25rem;
|
|
29153
|
+
width: 3px;
|
|
29154
|
+
height: auto;
|
|
29155
|
+
background-color: transparent;
|
|
29156
|
+
border-radius: 9999px;
|
|
29157
|
+
transition: background-color 0.2s ease;
|
|
29158
|
+
margin-bottom: 0;
|
|
29159
|
+
}
|
|
29160
|
+
.nav-tabs.flex-md-column .nav-link i, .nav-tabs.flex-md-column .nav-link img, .nav-tabs.flex-md-column .nav-link svg {
|
|
29161
|
+
display: inline-flex;
|
|
29162
|
+
align-items: center;
|
|
29163
|
+
justify-content: center;
|
|
29164
|
+
}
|
|
29165
|
+
.nav-tabs.flex-md-column .nav-link:focus, .nav-tabs.flex-md-column .nav-link:focus-visible {
|
|
29166
|
+
outline: none;
|
|
29167
|
+
border: none;
|
|
29168
|
+
}
|
|
29169
|
+
.nav-tabs.flex-md-column .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-md-column .nav-link.pseudo-hover:not(.active) {
|
|
29170
|
+
background-color: #F3F4F6;
|
|
29171
|
+
color: #384250;
|
|
29172
|
+
}
|
|
29173
|
+
.nav-tabs.flex-md-column .nav-link:hover:not(.disabled):not(.active)::before, .nav-tabs.flex-md-column .nav-link.pseudo-hover:not(.active)::before {
|
|
29174
|
+
background-color: #161616;
|
|
29175
|
+
}
|
|
29176
|
+
.nav-tabs.flex-md-column .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-md-column .nav-link.pseudo-active:not(.active) {
|
|
29177
|
+
background-color: #E5E7EB;
|
|
29178
|
+
color: #161616;
|
|
29179
|
+
}
|
|
29180
|
+
.nav-tabs.flex-md-column .nav-link:active:not(.disabled):not(.active)::before, .nav-tabs.flex-md-column .nav-link.pseudo-active:not(.active)::before {
|
|
29181
|
+
background-color: #161616;
|
|
29182
|
+
}
|
|
29183
|
+
.nav-tabs.flex-md-column .nav-link.active {
|
|
29184
|
+
background-color: transparent;
|
|
29185
|
+
color: #161616;
|
|
29186
|
+
font-weight: 600;
|
|
29187
|
+
position: relative;
|
|
29188
|
+
}
|
|
29189
|
+
.nav-tabs.flex-md-column .nav-link.active::before {
|
|
29190
|
+
background-color: #1B8354;
|
|
29191
|
+
}
|
|
29192
|
+
.nav-tabs.flex-md-column .nav-link.active:hover:not(.disabled), .nav-tabs.flex-md-column .nav-link.active.pseudo-hover {
|
|
29193
|
+
background-color: transparent;
|
|
29194
|
+
}
|
|
29195
|
+
.nav-tabs.flex-md-column .nav-link.active:active:not(.disabled), .nav-tabs.flex-md-column .nav-link.active.pseudo-active {
|
|
29196
|
+
background-color: transparent;
|
|
29197
|
+
}
|
|
29198
|
+
.nav-tabs.flex-md-column .nav-link.disabled, .nav-tabs.flex-md-column .nav-link:disabled {
|
|
29199
|
+
color: #9DA4AE;
|
|
29200
|
+
background-color: transparent !important;
|
|
29201
|
+
pointer-events: none;
|
|
29202
|
+
cursor: not-allowed;
|
|
29203
|
+
}
|
|
29204
|
+
.nav-tabs.flex-md-column .nav-link.disabled.active::before, .nav-tabs.flex-md-column .nav-link:disabled.active::before {
|
|
29205
|
+
background-color: #9DA4AE;
|
|
29206
|
+
}
|
|
29207
|
+
.nav-tabs.flex-md-column .nav-link.disabled:not(.active)::before, .nav-tabs.flex-md-column .nav-link:disabled:not(.active)::before {
|
|
29208
|
+
background-color: transparent;
|
|
29209
|
+
}
|
|
29210
|
+
.nav-tabs.flex-md-column.nav-lg .nav-link {
|
|
29211
|
+
height: auto !important;
|
|
29212
|
+
min-height: 2.5rem;
|
|
29213
|
+
padding: 0.5rem 0.5rem !important;
|
|
29214
|
+
font-size: 1rem;
|
|
29215
|
+
}
|
|
29216
|
+
.nav-tabs.flex-md-column.nav-lg .nav-link.active {
|
|
29217
|
+
font-weight: 600;
|
|
29218
|
+
}
|
|
29219
|
+
.nav-tabs.flex-md-column.nav-md .nav-link {
|
|
29220
|
+
height: auto !important;
|
|
29221
|
+
min-height: 2rem;
|
|
29222
|
+
padding: 0.375rem 0.5rem !important;
|
|
29223
|
+
font-size: 0.875rem;
|
|
29224
|
+
}
|
|
29225
|
+
.nav-tabs.flex-md-column.nav-md .nav-link.active {
|
|
29226
|
+
font-weight: 600;
|
|
29227
|
+
}
|
|
29228
|
+
.nav-tabs.flex-md-column.nav-sm .nav-link {
|
|
29229
|
+
height: auto !important;
|
|
29230
|
+
min-height: 1.5rem;
|
|
29231
|
+
padding: 0.125rem 0.375rem !important;
|
|
29232
|
+
font-size: 0.875rem;
|
|
29233
|
+
}
|
|
29234
|
+
.nav-tabs.flex-md-column.nav-sm .nav-link.active {
|
|
29235
|
+
font-weight: 500;
|
|
29236
|
+
}
|
|
29237
|
+
}
|
|
29238
|
+
@media (min-width: 992px) {
|
|
29239
|
+
.nav-tabs.flex-lg-row {
|
|
29240
|
+
--dga-nav-tabs-border-width: 0;
|
|
29241
|
+
--dga-nav-tabs-border-radius: 0;
|
|
29242
|
+
--dga-nav-tabs-link-active-bg: transparent;
|
|
29243
|
+
position: relative;
|
|
29244
|
+
border-bottom: 3px solid transparent;
|
|
29245
|
+
border-right: 0;
|
|
29246
|
+
gap: 0.5rem;
|
|
29247
|
+
}
|
|
29248
|
+
.nav-tabs.flex-lg-row::before {
|
|
29249
|
+
content: "";
|
|
29250
|
+
display: block;
|
|
29251
|
+
position: absolute;
|
|
29252
|
+
left: 0;
|
|
29253
|
+
bottom: -3px;
|
|
29254
|
+
width: 100%;
|
|
29255
|
+
height: 3px;
|
|
29256
|
+
background-color: #D2D6DB;
|
|
29257
|
+
border-radius: 9999px;
|
|
29258
|
+
pointer-events: none;
|
|
29259
|
+
}
|
|
29260
|
+
.nav-tabs.flex-lg-row .nav-link {
|
|
29261
|
+
font-family: "IBM Plex Sans Arabic";
|
|
29262
|
+
font-weight: 400;
|
|
29263
|
+
color: #384250;
|
|
29264
|
+
border: none;
|
|
29265
|
+
border-radius: 0.25rem;
|
|
29266
|
+
position: relative;
|
|
29267
|
+
transition: all 0.2s ease;
|
|
29268
|
+
display: flex;
|
|
29269
|
+
align-items: center;
|
|
29270
|
+
gap: 0.25rem;
|
|
29271
|
+
width: auto;
|
|
29272
|
+
justify-content: center;
|
|
29273
|
+
margin-bottom: 0;
|
|
29274
|
+
}
|
|
29275
|
+
.nav-tabs.flex-lg-row .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-lg-row .nav-link.pseudo-hover:not(.active) {
|
|
29276
|
+
background-color: #F3F4F6;
|
|
29277
|
+
color: #384250;
|
|
29278
|
+
}
|
|
29279
|
+
.nav-tabs.flex-lg-row .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-lg-row .nav-link.pseudo-active:not(.active) {
|
|
29280
|
+
background-color: #E5E7EB;
|
|
29281
|
+
}
|
|
29282
|
+
.nav-tabs.flex-lg-row .nav-link.active {
|
|
29283
|
+
color: #161616;
|
|
29284
|
+
font-weight: 700;
|
|
29285
|
+
background-color: transparent;
|
|
29286
|
+
}
|
|
29287
|
+
.nav-tabs.flex-lg-row .nav-link.disabled {
|
|
29288
|
+
color: #9DA4AE;
|
|
29289
|
+
background-color: transparent;
|
|
29290
|
+
pointer-events: none;
|
|
29291
|
+
cursor: not-allowed;
|
|
29292
|
+
}
|
|
29293
|
+
.nav-tabs.flex-lg-row .nav-link::before {
|
|
29294
|
+
content: "";
|
|
29295
|
+
position: absolute;
|
|
29296
|
+
inset-inline-start: 1rem;
|
|
29297
|
+
inset-inline-end: 1rem;
|
|
29298
|
+
bottom: 0;
|
|
29299
|
+
top: auto;
|
|
29300
|
+
width: auto;
|
|
29301
|
+
height: 3px;
|
|
29302
|
+
background-color: transparent;
|
|
29303
|
+
border-radius: 9999px;
|
|
29304
|
+
z-index: 1;
|
|
29305
|
+
transition: background-color 0.2s ease;
|
|
29306
|
+
margin-bottom: -2.75px;
|
|
29307
|
+
}
|
|
29308
|
+
.nav-tabs.flex-lg-row.flush .nav-link::before {
|
|
29309
|
+
inset-inline-start: 0;
|
|
29310
|
+
inset-inline-end: 0;
|
|
29311
|
+
}
|
|
29312
|
+
.nav-tabs.flex-lg-row .nav-link.active::before {
|
|
29313
|
+
background-color: #1B8354;
|
|
29314
|
+
}
|
|
29315
|
+
.nav-tabs.flex-lg-row .nav-link:hover:not(.active):not(.disabled)::before, .nav-tabs.flex-lg-row .nav-link.pseudo-hover:not(.active):not(.disabled)::before, .nav-tabs.flex-lg-row .nav-link:active:not(.active):not(.disabled)::before, .nav-tabs.flex-lg-row .nav-link.pseudo-active:not(.active):not(.disabled)::before {
|
|
29316
|
+
background-color: #161616;
|
|
29317
|
+
}
|
|
29318
|
+
.nav-tabs.flex-lg-row .nav-link.disabled.active::before {
|
|
29319
|
+
background-color: #9DA4AE;
|
|
29320
|
+
}
|
|
29321
|
+
.nav-tabs.flex-lg-row.nav-lg .nav-link {
|
|
29322
|
+
height: 3.25rem !important;
|
|
29323
|
+
padding: 1rem 1rem !important;
|
|
29324
|
+
font-size: 0.875rem;
|
|
29325
|
+
display: flex;
|
|
29326
|
+
align-items: center;
|
|
29327
|
+
justify-content: center;
|
|
29328
|
+
gap: 0.25rem;
|
|
29329
|
+
}
|
|
29330
|
+
.nav-tabs.flex-lg-row.nav-md .nav-link {
|
|
29331
|
+
height: 2.75rem !important;
|
|
29332
|
+
padding: 0.75rem 1rem !important;
|
|
29333
|
+
font-size: 0.875rem;
|
|
29334
|
+
display: flex;
|
|
29335
|
+
align-items: center;
|
|
29336
|
+
justify-content: center;
|
|
29337
|
+
gap: 0.25rem;
|
|
29338
|
+
}
|
|
29339
|
+
.nav-tabs.flex-lg-row.nav-sm .nav-link {
|
|
29340
|
+
height: 2.25rem !important;
|
|
29341
|
+
padding: 0.5rem 0.75rem !important;
|
|
29342
|
+
font-size: 0.875rem;
|
|
29343
|
+
display: flex;
|
|
29344
|
+
align-items: center;
|
|
29345
|
+
justify-content: center;
|
|
29346
|
+
gap: 0.25rem;
|
|
29347
|
+
}
|
|
29348
|
+
.nav-tabs.flex-lg-column {
|
|
29349
|
+
border-bottom: 0;
|
|
29350
|
+
border-right: 0;
|
|
29351
|
+
gap: 0;
|
|
29352
|
+
}
|
|
29353
|
+
.nav-tabs.flex-lg-column::before {
|
|
29354
|
+
display: none;
|
|
29355
|
+
}
|
|
29356
|
+
.nav-tabs.flex-lg-column .nav-link {
|
|
29357
|
+
width: 100%;
|
|
29358
|
+
justify-content: flex-start;
|
|
29359
|
+
border: none;
|
|
29360
|
+
border-bottom: none;
|
|
29361
|
+
border-radius: 0.25rem;
|
|
29362
|
+
margin-bottom: 0.25rem;
|
|
29363
|
+
font-weight: 400;
|
|
29364
|
+
color: #384250;
|
|
29365
|
+
position: relative;
|
|
29366
|
+
display: flex;
|
|
29367
|
+
align-items: center;
|
|
29368
|
+
gap: 0.5rem;
|
|
29369
|
+
}
|
|
29370
|
+
.nav-tabs.flex-lg-column .nav-link::before {
|
|
29371
|
+
content: "";
|
|
29372
|
+
position: absolute;
|
|
29373
|
+
inset-inline-start: 0;
|
|
29374
|
+
inset-inline-end: auto;
|
|
29375
|
+
top: 0.25rem;
|
|
29376
|
+
bottom: 0.25rem;
|
|
29377
|
+
width: 3px;
|
|
29378
|
+
height: auto;
|
|
29379
|
+
background-color: transparent;
|
|
29380
|
+
border-radius: 9999px;
|
|
29381
|
+
transition: background-color 0.2s ease;
|
|
29382
|
+
margin-bottom: 0;
|
|
29383
|
+
}
|
|
29384
|
+
.nav-tabs.flex-lg-column .nav-link i, .nav-tabs.flex-lg-column .nav-link img, .nav-tabs.flex-lg-column .nav-link svg {
|
|
29385
|
+
display: inline-flex;
|
|
29386
|
+
align-items: center;
|
|
29387
|
+
justify-content: center;
|
|
29388
|
+
}
|
|
29389
|
+
.nav-tabs.flex-lg-column .nav-link:focus, .nav-tabs.flex-lg-column .nav-link:focus-visible {
|
|
29390
|
+
outline: none;
|
|
29391
|
+
border: none;
|
|
29392
|
+
}
|
|
29393
|
+
.nav-tabs.flex-lg-column .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-lg-column .nav-link.pseudo-hover:not(.active) {
|
|
29394
|
+
background-color: #F3F4F6;
|
|
29395
|
+
color: #384250;
|
|
29396
|
+
}
|
|
29397
|
+
.nav-tabs.flex-lg-column .nav-link:hover:not(.disabled):not(.active)::before, .nav-tabs.flex-lg-column .nav-link.pseudo-hover:not(.active)::before {
|
|
29398
|
+
background-color: #161616;
|
|
29399
|
+
}
|
|
29400
|
+
.nav-tabs.flex-lg-column .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-lg-column .nav-link.pseudo-active:not(.active) {
|
|
29401
|
+
background-color: #E5E7EB;
|
|
29402
|
+
color: #161616;
|
|
29403
|
+
}
|
|
29404
|
+
.nav-tabs.flex-lg-column .nav-link:active:not(.disabled):not(.active)::before, .nav-tabs.flex-lg-column .nav-link.pseudo-active:not(.active)::before {
|
|
29405
|
+
background-color: #161616;
|
|
29406
|
+
}
|
|
29407
|
+
.nav-tabs.flex-lg-column .nav-link.active {
|
|
29408
|
+
background-color: transparent;
|
|
29409
|
+
color: #161616;
|
|
29410
|
+
font-weight: 600;
|
|
29411
|
+
position: relative;
|
|
29412
|
+
}
|
|
29413
|
+
.nav-tabs.flex-lg-column .nav-link.active::before {
|
|
29414
|
+
background-color: #1B8354;
|
|
29415
|
+
}
|
|
29416
|
+
.nav-tabs.flex-lg-column .nav-link.active:hover:not(.disabled), .nav-tabs.flex-lg-column .nav-link.active.pseudo-hover {
|
|
29417
|
+
background-color: transparent;
|
|
29418
|
+
}
|
|
29419
|
+
.nav-tabs.flex-lg-column .nav-link.active:active:not(.disabled), .nav-tabs.flex-lg-column .nav-link.active.pseudo-active {
|
|
29420
|
+
background-color: transparent;
|
|
29421
|
+
}
|
|
29422
|
+
.nav-tabs.flex-lg-column .nav-link.disabled, .nav-tabs.flex-lg-column .nav-link:disabled {
|
|
29423
|
+
color: #9DA4AE;
|
|
29424
|
+
background-color: transparent !important;
|
|
29425
|
+
pointer-events: none;
|
|
29426
|
+
cursor: not-allowed;
|
|
29427
|
+
}
|
|
29428
|
+
.nav-tabs.flex-lg-column .nav-link.disabled.active::before, .nav-tabs.flex-lg-column .nav-link:disabled.active::before {
|
|
29429
|
+
background-color: #9DA4AE;
|
|
29430
|
+
}
|
|
29431
|
+
.nav-tabs.flex-lg-column .nav-link.disabled:not(.active)::before, .nav-tabs.flex-lg-column .nav-link:disabled:not(.active)::before {
|
|
29432
|
+
background-color: transparent;
|
|
29433
|
+
}
|
|
29434
|
+
.nav-tabs.flex-lg-column.nav-lg .nav-link {
|
|
29435
|
+
height: auto !important;
|
|
29436
|
+
min-height: 2.5rem;
|
|
29437
|
+
padding: 0.5rem 0.5rem !important;
|
|
29438
|
+
font-size: 1rem;
|
|
29439
|
+
}
|
|
29440
|
+
.nav-tabs.flex-lg-column.nav-lg .nav-link.active {
|
|
29441
|
+
font-weight: 600;
|
|
29442
|
+
}
|
|
29443
|
+
.nav-tabs.flex-lg-column.nav-md .nav-link {
|
|
29444
|
+
height: auto !important;
|
|
29445
|
+
min-height: 2rem;
|
|
29446
|
+
padding: 0.375rem 0.5rem !important;
|
|
29447
|
+
font-size: 0.875rem;
|
|
29448
|
+
}
|
|
29449
|
+
.nav-tabs.flex-lg-column.nav-md .nav-link.active {
|
|
29450
|
+
font-weight: 600;
|
|
29451
|
+
}
|
|
29452
|
+
.nav-tabs.flex-lg-column.nav-sm .nav-link {
|
|
29453
|
+
height: auto !important;
|
|
29454
|
+
min-height: 1.5rem;
|
|
29455
|
+
padding: 0.125rem 0.375rem !important;
|
|
29456
|
+
font-size: 0.875rem;
|
|
29457
|
+
}
|
|
29458
|
+
.nav-tabs.flex-lg-column.nav-sm .nav-link.active {
|
|
29459
|
+
font-weight: 500;
|
|
29460
|
+
}
|
|
29461
|
+
}
|
|
29462
|
+
@media (min-width: 1200px) {
|
|
29463
|
+
.nav-tabs.flex-xl-row {
|
|
29464
|
+
--dga-nav-tabs-border-width: 0;
|
|
29465
|
+
--dga-nav-tabs-border-radius: 0;
|
|
29466
|
+
--dga-nav-tabs-link-active-bg: transparent;
|
|
29467
|
+
position: relative;
|
|
29468
|
+
border-bottom: 3px solid transparent;
|
|
29469
|
+
border-right: 0;
|
|
29470
|
+
gap: 0.5rem;
|
|
29471
|
+
}
|
|
29472
|
+
.nav-tabs.flex-xl-row::before {
|
|
29473
|
+
content: "";
|
|
29474
|
+
display: block;
|
|
29475
|
+
position: absolute;
|
|
29476
|
+
left: 0;
|
|
29477
|
+
bottom: -3px;
|
|
29478
|
+
width: 100%;
|
|
29479
|
+
height: 3px;
|
|
29480
|
+
background-color: #D2D6DB;
|
|
29481
|
+
border-radius: 9999px;
|
|
29482
|
+
pointer-events: none;
|
|
29483
|
+
}
|
|
29484
|
+
.nav-tabs.flex-xl-row .nav-link {
|
|
29485
|
+
font-family: "IBM Plex Sans Arabic";
|
|
29486
|
+
font-weight: 400;
|
|
29487
|
+
color: #384250;
|
|
29488
|
+
border: none;
|
|
29489
|
+
border-radius: 0.25rem;
|
|
29490
|
+
position: relative;
|
|
29491
|
+
transition: all 0.2s ease;
|
|
29492
|
+
display: flex;
|
|
29493
|
+
align-items: center;
|
|
29494
|
+
gap: 0.25rem;
|
|
29495
|
+
width: auto;
|
|
29496
|
+
justify-content: center;
|
|
29497
|
+
margin-bottom: 0;
|
|
29498
|
+
}
|
|
29499
|
+
.nav-tabs.flex-xl-row .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-xl-row .nav-link.pseudo-hover:not(.active) {
|
|
29500
|
+
background-color: #F3F4F6;
|
|
29501
|
+
color: #384250;
|
|
29502
|
+
}
|
|
29503
|
+
.nav-tabs.flex-xl-row .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-xl-row .nav-link.pseudo-active:not(.active) {
|
|
29504
|
+
background-color: #E5E7EB;
|
|
29505
|
+
}
|
|
29506
|
+
.nav-tabs.flex-xl-row .nav-link.active {
|
|
29507
|
+
color: #161616;
|
|
29508
|
+
font-weight: 700;
|
|
29509
|
+
background-color: transparent;
|
|
29510
|
+
}
|
|
29511
|
+
.nav-tabs.flex-xl-row .nav-link.disabled {
|
|
29512
|
+
color: #9DA4AE;
|
|
29513
|
+
background-color: transparent;
|
|
29514
|
+
pointer-events: none;
|
|
29515
|
+
cursor: not-allowed;
|
|
29516
|
+
}
|
|
29517
|
+
.nav-tabs.flex-xl-row .nav-link::before {
|
|
29518
|
+
content: "";
|
|
29519
|
+
position: absolute;
|
|
29520
|
+
inset-inline-start: 1rem;
|
|
29521
|
+
inset-inline-end: 1rem;
|
|
29522
|
+
bottom: 0;
|
|
29523
|
+
top: auto;
|
|
29524
|
+
width: auto;
|
|
29525
|
+
height: 3px;
|
|
29526
|
+
background-color: transparent;
|
|
29527
|
+
border-radius: 9999px;
|
|
29528
|
+
z-index: 1;
|
|
29529
|
+
transition: background-color 0.2s ease;
|
|
29530
|
+
margin-bottom: -2.75px;
|
|
29531
|
+
}
|
|
29532
|
+
.nav-tabs.flex-xl-row.flush .nav-link::before {
|
|
29533
|
+
inset-inline-start: 0;
|
|
29534
|
+
inset-inline-end: 0;
|
|
29535
|
+
}
|
|
29536
|
+
.nav-tabs.flex-xl-row .nav-link.active::before {
|
|
29537
|
+
background-color: #1B8354;
|
|
29538
|
+
}
|
|
29539
|
+
.nav-tabs.flex-xl-row .nav-link:hover:not(.active):not(.disabled)::before, .nav-tabs.flex-xl-row .nav-link.pseudo-hover:not(.active):not(.disabled)::before, .nav-tabs.flex-xl-row .nav-link:active:not(.active):not(.disabled)::before, .nav-tabs.flex-xl-row .nav-link.pseudo-active:not(.active):not(.disabled)::before {
|
|
29540
|
+
background-color: #161616;
|
|
29541
|
+
}
|
|
29542
|
+
.nav-tabs.flex-xl-row .nav-link.disabled.active::before {
|
|
29543
|
+
background-color: #9DA4AE;
|
|
29544
|
+
}
|
|
29545
|
+
.nav-tabs.flex-xl-row.nav-lg .nav-link {
|
|
29546
|
+
height: 3.25rem !important;
|
|
29547
|
+
padding: 1rem 1rem !important;
|
|
29548
|
+
font-size: 0.875rem;
|
|
29549
|
+
display: flex;
|
|
29550
|
+
align-items: center;
|
|
29551
|
+
justify-content: center;
|
|
29552
|
+
gap: 0.25rem;
|
|
29553
|
+
}
|
|
29554
|
+
.nav-tabs.flex-xl-row.nav-md .nav-link {
|
|
29555
|
+
height: 2.75rem !important;
|
|
29556
|
+
padding: 0.75rem 1rem !important;
|
|
29557
|
+
font-size: 0.875rem;
|
|
29558
|
+
display: flex;
|
|
29559
|
+
align-items: center;
|
|
29560
|
+
justify-content: center;
|
|
29561
|
+
gap: 0.25rem;
|
|
29562
|
+
}
|
|
29563
|
+
.nav-tabs.flex-xl-row.nav-sm .nav-link {
|
|
29564
|
+
height: 2.25rem !important;
|
|
29565
|
+
padding: 0.5rem 0.75rem !important;
|
|
29566
|
+
font-size: 0.875rem;
|
|
29567
|
+
display: flex;
|
|
29568
|
+
align-items: center;
|
|
29569
|
+
justify-content: center;
|
|
29570
|
+
gap: 0.25rem;
|
|
29571
|
+
}
|
|
29572
|
+
.nav-tabs.flex-xl-column {
|
|
29573
|
+
border-bottom: 0;
|
|
29574
|
+
border-right: 0;
|
|
29575
|
+
gap: 0;
|
|
29576
|
+
}
|
|
29577
|
+
.nav-tabs.flex-xl-column::before {
|
|
29578
|
+
display: none;
|
|
29579
|
+
}
|
|
29580
|
+
.nav-tabs.flex-xl-column .nav-link {
|
|
29581
|
+
width: 100%;
|
|
29582
|
+
justify-content: flex-start;
|
|
29583
|
+
border: none;
|
|
29584
|
+
border-bottom: none;
|
|
29585
|
+
border-radius: 0.25rem;
|
|
29586
|
+
margin-bottom: 0.25rem;
|
|
29587
|
+
font-weight: 400;
|
|
29588
|
+
color: #384250;
|
|
29589
|
+
position: relative;
|
|
29590
|
+
display: flex;
|
|
29591
|
+
align-items: center;
|
|
29592
|
+
gap: 0.5rem;
|
|
29593
|
+
}
|
|
29594
|
+
.nav-tabs.flex-xl-column .nav-link::before {
|
|
29595
|
+
content: "";
|
|
29596
|
+
position: absolute;
|
|
29597
|
+
inset-inline-start: 0;
|
|
29598
|
+
inset-inline-end: auto;
|
|
29599
|
+
top: 0.25rem;
|
|
29600
|
+
bottom: 0.25rem;
|
|
29601
|
+
width: 3px;
|
|
29602
|
+
height: auto;
|
|
29603
|
+
background-color: transparent;
|
|
29604
|
+
border-radius: 9999px;
|
|
29605
|
+
transition: background-color 0.2s ease;
|
|
29606
|
+
margin-bottom: 0;
|
|
29607
|
+
}
|
|
29608
|
+
.nav-tabs.flex-xl-column .nav-link i, .nav-tabs.flex-xl-column .nav-link img, .nav-tabs.flex-xl-column .nav-link svg {
|
|
29609
|
+
display: inline-flex;
|
|
29610
|
+
align-items: center;
|
|
29611
|
+
justify-content: center;
|
|
29612
|
+
}
|
|
29613
|
+
.nav-tabs.flex-xl-column .nav-link:focus, .nav-tabs.flex-xl-column .nav-link:focus-visible {
|
|
29614
|
+
outline: none;
|
|
29615
|
+
border: none;
|
|
29616
|
+
}
|
|
29617
|
+
.nav-tabs.flex-xl-column .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-xl-column .nav-link.pseudo-hover:not(.active) {
|
|
29618
|
+
background-color: #F3F4F6;
|
|
29619
|
+
color: #384250;
|
|
29620
|
+
}
|
|
29621
|
+
.nav-tabs.flex-xl-column .nav-link:hover:not(.disabled):not(.active)::before, .nav-tabs.flex-xl-column .nav-link.pseudo-hover:not(.active)::before {
|
|
29622
|
+
background-color: #161616;
|
|
29623
|
+
}
|
|
29624
|
+
.nav-tabs.flex-xl-column .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-xl-column .nav-link.pseudo-active:not(.active) {
|
|
29625
|
+
background-color: #E5E7EB;
|
|
29626
|
+
color: #161616;
|
|
29627
|
+
}
|
|
29628
|
+
.nav-tabs.flex-xl-column .nav-link:active:not(.disabled):not(.active)::before, .nav-tabs.flex-xl-column .nav-link.pseudo-active:not(.active)::before {
|
|
29629
|
+
background-color: #161616;
|
|
29630
|
+
}
|
|
29631
|
+
.nav-tabs.flex-xl-column .nav-link.active {
|
|
29632
|
+
background-color: transparent;
|
|
29633
|
+
color: #161616;
|
|
29634
|
+
font-weight: 600;
|
|
29635
|
+
position: relative;
|
|
29636
|
+
}
|
|
29637
|
+
.nav-tabs.flex-xl-column .nav-link.active::before {
|
|
29638
|
+
background-color: #1B8354;
|
|
29639
|
+
}
|
|
29640
|
+
.nav-tabs.flex-xl-column .nav-link.active:hover:not(.disabled), .nav-tabs.flex-xl-column .nav-link.active.pseudo-hover {
|
|
29641
|
+
background-color: transparent;
|
|
29642
|
+
}
|
|
29643
|
+
.nav-tabs.flex-xl-column .nav-link.active:active:not(.disabled), .nav-tabs.flex-xl-column .nav-link.active.pseudo-active {
|
|
29644
|
+
background-color: transparent;
|
|
29645
|
+
}
|
|
29646
|
+
.nav-tabs.flex-xl-column .nav-link.disabled, .nav-tabs.flex-xl-column .nav-link:disabled {
|
|
29647
|
+
color: #9DA4AE;
|
|
29648
|
+
background-color: transparent !important;
|
|
29649
|
+
pointer-events: none;
|
|
29650
|
+
cursor: not-allowed;
|
|
29651
|
+
}
|
|
29652
|
+
.nav-tabs.flex-xl-column .nav-link.disabled.active::before, .nav-tabs.flex-xl-column .nav-link:disabled.active::before {
|
|
29653
|
+
background-color: #9DA4AE;
|
|
29654
|
+
}
|
|
29655
|
+
.nav-tabs.flex-xl-column .nav-link.disabled:not(.active)::before, .nav-tabs.flex-xl-column .nav-link:disabled:not(.active)::before {
|
|
29656
|
+
background-color: transparent;
|
|
29657
|
+
}
|
|
29658
|
+
.nav-tabs.flex-xl-column.nav-lg .nav-link {
|
|
29659
|
+
height: auto !important;
|
|
29660
|
+
min-height: 2.5rem;
|
|
29661
|
+
padding: 0.5rem 0.5rem !important;
|
|
29662
|
+
font-size: 1rem;
|
|
29663
|
+
}
|
|
29664
|
+
.nav-tabs.flex-xl-column.nav-lg .nav-link.active {
|
|
29665
|
+
font-weight: 600;
|
|
29666
|
+
}
|
|
29667
|
+
.nav-tabs.flex-xl-column.nav-md .nav-link {
|
|
29668
|
+
height: auto !important;
|
|
29669
|
+
min-height: 2rem;
|
|
29670
|
+
padding: 0.375rem 0.5rem !important;
|
|
29671
|
+
font-size: 0.875rem;
|
|
29672
|
+
}
|
|
29673
|
+
.nav-tabs.flex-xl-column.nav-md .nav-link.active {
|
|
29674
|
+
font-weight: 600;
|
|
29675
|
+
}
|
|
29676
|
+
.nav-tabs.flex-xl-column.nav-sm .nav-link {
|
|
29677
|
+
height: auto !important;
|
|
29678
|
+
min-height: 1.5rem;
|
|
29679
|
+
padding: 0.125rem 0.375rem !important;
|
|
29680
|
+
font-size: 0.875rem;
|
|
29681
|
+
}
|
|
29682
|
+
.nav-tabs.flex-xl-column.nav-sm .nav-link.active {
|
|
29683
|
+
font-weight: 500;
|
|
29684
|
+
}
|
|
29685
|
+
}
|
|
29686
|
+
@media (min-width: 1400px) {
|
|
29687
|
+
.nav-tabs.flex-xxl-row {
|
|
29688
|
+
--dga-nav-tabs-border-width: 0;
|
|
29689
|
+
--dga-nav-tabs-border-radius: 0;
|
|
29690
|
+
--dga-nav-tabs-link-active-bg: transparent;
|
|
29691
|
+
position: relative;
|
|
29692
|
+
border-bottom: 3px solid transparent;
|
|
29693
|
+
border-right: 0;
|
|
29694
|
+
gap: 0.5rem;
|
|
29695
|
+
}
|
|
29696
|
+
.nav-tabs.flex-xxl-row::before {
|
|
29697
|
+
content: "";
|
|
29698
|
+
display: block;
|
|
29699
|
+
position: absolute;
|
|
29700
|
+
left: 0;
|
|
29701
|
+
bottom: -3px;
|
|
29702
|
+
width: 100%;
|
|
29703
|
+
height: 3px;
|
|
29704
|
+
background-color: #D2D6DB;
|
|
29705
|
+
border-radius: 9999px;
|
|
29706
|
+
pointer-events: none;
|
|
29707
|
+
}
|
|
29708
|
+
.nav-tabs.flex-xxl-row .nav-link {
|
|
29709
|
+
font-family: "IBM Plex Sans Arabic";
|
|
29710
|
+
font-weight: 400;
|
|
29711
|
+
color: #384250;
|
|
29712
|
+
border: none;
|
|
29713
|
+
border-radius: 0.25rem;
|
|
29714
|
+
position: relative;
|
|
29715
|
+
transition: all 0.2s ease;
|
|
29716
|
+
display: flex;
|
|
29717
|
+
align-items: center;
|
|
29718
|
+
gap: 0.25rem;
|
|
29719
|
+
width: auto;
|
|
29720
|
+
justify-content: center;
|
|
29721
|
+
margin-bottom: 0;
|
|
29722
|
+
}
|
|
29723
|
+
.nav-tabs.flex-xxl-row .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-xxl-row .nav-link.pseudo-hover:not(.active) {
|
|
29724
|
+
background-color: #F3F4F6;
|
|
29725
|
+
color: #384250;
|
|
29726
|
+
}
|
|
29727
|
+
.nav-tabs.flex-xxl-row .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-xxl-row .nav-link.pseudo-active:not(.active) {
|
|
29728
|
+
background-color: #E5E7EB;
|
|
29729
|
+
}
|
|
29730
|
+
.nav-tabs.flex-xxl-row .nav-link.active {
|
|
29731
|
+
color: #161616;
|
|
29732
|
+
font-weight: 700;
|
|
29733
|
+
background-color: transparent;
|
|
29734
|
+
}
|
|
29735
|
+
.nav-tabs.flex-xxl-row .nav-link.disabled {
|
|
29736
|
+
color: #9DA4AE;
|
|
29737
|
+
background-color: transparent;
|
|
29738
|
+
pointer-events: none;
|
|
29739
|
+
cursor: not-allowed;
|
|
29740
|
+
}
|
|
29741
|
+
.nav-tabs.flex-xxl-row .nav-link::before {
|
|
29742
|
+
content: "";
|
|
29743
|
+
position: absolute;
|
|
29744
|
+
inset-inline-start: 1rem;
|
|
29745
|
+
inset-inline-end: 1rem;
|
|
29746
|
+
bottom: 0;
|
|
29747
|
+
top: auto;
|
|
29748
|
+
width: auto;
|
|
29749
|
+
height: 3px;
|
|
29750
|
+
background-color: transparent;
|
|
29751
|
+
border-radius: 9999px;
|
|
29752
|
+
z-index: 1;
|
|
29753
|
+
transition: background-color 0.2s ease;
|
|
29754
|
+
margin-bottom: -2.75px;
|
|
29755
|
+
}
|
|
29756
|
+
.nav-tabs.flex-xxl-row.flush .nav-link::before {
|
|
29757
|
+
inset-inline-start: 0;
|
|
29758
|
+
inset-inline-end: 0;
|
|
29759
|
+
}
|
|
29760
|
+
.nav-tabs.flex-xxl-row .nav-link.active::before {
|
|
29761
|
+
background-color: #1B8354;
|
|
29762
|
+
}
|
|
29763
|
+
.nav-tabs.flex-xxl-row .nav-link:hover:not(.active):not(.disabled)::before, .nav-tabs.flex-xxl-row .nav-link.pseudo-hover:not(.active):not(.disabled)::before, .nav-tabs.flex-xxl-row .nav-link:active:not(.active):not(.disabled)::before, .nav-tabs.flex-xxl-row .nav-link.pseudo-active:not(.active):not(.disabled)::before {
|
|
29764
|
+
background-color: #161616;
|
|
29765
|
+
}
|
|
29766
|
+
.nav-tabs.flex-xxl-row .nav-link.disabled.active::before {
|
|
29767
|
+
background-color: #9DA4AE;
|
|
29768
|
+
}
|
|
29769
|
+
.nav-tabs.flex-xxl-row.nav-lg .nav-link {
|
|
29770
|
+
height: 3.25rem !important;
|
|
29771
|
+
padding: 1rem 1rem !important;
|
|
29772
|
+
font-size: 0.875rem;
|
|
29773
|
+
display: flex;
|
|
29774
|
+
align-items: center;
|
|
29775
|
+
justify-content: center;
|
|
29776
|
+
gap: 0.25rem;
|
|
29777
|
+
}
|
|
29778
|
+
.nav-tabs.flex-xxl-row.nav-md .nav-link {
|
|
29779
|
+
height: 2.75rem !important;
|
|
29780
|
+
padding: 0.75rem 1rem !important;
|
|
29781
|
+
font-size: 0.875rem;
|
|
29782
|
+
display: flex;
|
|
29783
|
+
align-items: center;
|
|
29784
|
+
justify-content: center;
|
|
29785
|
+
gap: 0.25rem;
|
|
29786
|
+
}
|
|
29787
|
+
.nav-tabs.flex-xxl-row.nav-sm .nav-link {
|
|
29788
|
+
height: 2.25rem !important;
|
|
29789
|
+
padding: 0.5rem 0.75rem !important;
|
|
29790
|
+
font-size: 0.875rem;
|
|
29791
|
+
display: flex;
|
|
29792
|
+
align-items: center;
|
|
29793
|
+
justify-content: center;
|
|
29794
|
+
gap: 0.25rem;
|
|
29795
|
+
}
|
|
29796
|
+
.nav-tabs.flex-xxl-column {
|
|
29797
|
+
border-bottom: 0;
|
|
29798
|
+
border-right: 0;
|
|
29799
|
+
gap: 0;
|
|
29800
|
+
}
|
|
29801
|
+
.nav-tabs.flex-xxl-column::before {
|
|
29802
|
+
display: none;
|
|
29803
|
+
}
|
|
29804
|
+
.nav-tabs.flex-xxl-column .nav-link {
|
|
29805
|
+
width: 100%;
|
|
29806
|
+
justify-content: flex-start;
|
|
29807
|
+
border: none;
|
|
29808
|
+
border-bottom: none;
|
|
29809
|
+
border-radius: 0.25rem;
|
|
29810
|
+
margin-bottom: 0.25rem;
|
|
29811
|
+
font-weight: 400;
|
|
29812
|
+
color: #384250;
|
|
29813
|
+
position: relative;
|
|
29814
|
+
display: flex;
|
|
29815
|
+
align-items: center;
|
|
29816
|
+
gap: 0.5rem;
|
|
29817
|
+
}
|
|
29818
|
+
.nav-tabs.flex-xxl-column .nav-link::before {
|
|
29819
|
+
content: "";
|
|
29820
|
+
position: absolute;
|
|
29821
|
+
inset-inline-start: 0;
|
|
29822
|
+
inset-inline-end: auto;
|
|
29823
|
+
top: 0.25rem;
|
|
29824
|
+
bottom: 0.25rem;
|
|
29825
|
+
width: 3px;
|
|
29826
|
+
height: auto;
|
|
29827
|
+
background-color: transparent;
|
|
29828
|
+
border-radius: 9999px;
|
|
29829
|
+
transition: background-color 0.2s ease;
|
|
29830
|
+
margin-bottom: 0;
|
|
29831
|
+
}
|
|
29832
|
+
.nav-tabs.flex-xxl-column .nav-link i, .nav-tabs.flex-xxl-column .nav-link img, .nav-tabs.flex-xxl-column .nav-link svg {
|
|
29833
|
+
display: inline-flex;
|
|
29834
|
+
align-items: center;
|
|
29835
|
+
justify-content: center;
|
|
29836
|
+
}
|
|
29837
|
+
.nav-tabs.flex-xxl-column .nav-link:focus, .nav-tabs.flex-xxl-column .nav-link:focus-visible {
|
|
29838
|
+
outline: none;
|
|
29839
|
+
border: none;
|
|
29840
|
+
}
|
|
29841
|
+
.nav-tabs.flex-xxl-column .nav-link:hover:not(.disabled):not(.active), .nav-tabs.flex-xxl-column .nav-link.pseudo-hover:not(.active) {
|
|
29842
|
+
background-color: #F3F4F6;
|
|
29843
|
+
color: #384250;
|
|
29844
|
+
}
|
|
29845
|
+
.nav-tabs.flex-xxl-column .nav-link:hover:not(.disabled):not(.active)::before, .nav-tabs.flex-xxl-column .nav-link.pseudo-hover:not(.active)::before {
|
|
29846
|
+
background-color: #161616;
|
|
29847
|
+
}
|
|
29848
|
+
.nav-tabs.flex-xxl-column .nav-link:active:not(.disabled):not(.active), .nav-tabs.flex-xxl-column .nav-link.pseudo-active:not(.active) {
|
|
29849
|
+
background-color: #E5E7EB;
|
|
29850
|
+
color: #161616;
|
|
29851
|
+
}
|
|
29852
|
+
.nav-tabs.flex-xxl-column .nav-link:active:not(.disabled):not(.active)::before, .nav-tabs.flex-xxl-column .nav-link.pseudo-active:not(.active)::before {
|
|
29853
|
+
background-color: #161616;
|
|
29854
|
+
}
|
|
29855
|
+
.nav-tabs.flex-xxl-column .nav-link.active {
|
|
29856
|
+
background-color: transparent;
|
|
29857
|
+
color: #161616;
|
|
29858
|
+
font-weight: 600;
|
|
29859
|
+
position: relative;
|
|
29860
|
+
}
|
|
29861
|
+
.nav-tabs.flex-xxl-column .nav-link.active::before {
|
|
29862
|
+
background-color: #1B8354;
|
|
29863
|
+
}
|
|
29864
|
+
.nav-tabs.flex-xxl-column .nav-link.active:hover:not(.disabled), .nav-tabs.flex-xxl-column .nav-link.active.pseudo-hover {
|
|
29865
|
+
background-color: transparent;
|
|
29866
|
+
}
|
|
29867
|
+
.nav-tabs.flex-xxl-column .nav-link.active:active:not(.disabled), .nav-tabs.flex-xxl-column .nav-link.active.pseudo-active {
|
|
29868
|
+
background-color: transparent;
|
|
29869
|
+
}
|
|
29870
|
+
.nav-tabs.flex-xxl-column .nav-link.disabled, .nav-tabs.flex-xxl-column .nav-link:disabled {
|
|
29871
|
+
color: #9DA4AE;
|
|
29872
|
+
background-color: transparent !important;
|
|
29873
|
+
pointer-events: none;
|
|
29874
|
+
cursor: not-allowed;
|
|
29875
|
+
}
|
|
29876
|
+
.nav-tabs.flex-xxl-column .nav-link.disabled.active::before, .nav-tabs.flex-xxl-column .nav-link:disabled.active::before {
|
|
29877
|
+
background-color: #9DA4AE;
|
|
29878
|
+
}
|
|
29879
|
+
.nav-tabs.flex-xxl-column .nav-link.disabled:not(.active)::before, .nav-tabs.flex-xxl-column .nav-link:disabled:not(.active)::before {
|
|
29880
|
+
background-color: transparent;
|
|
29881
|
+
}
|
|
29882
|
+
.nav-tabs.flex-xxl-column.nav-lg .nav-link {
|
|
29883
|
+
height: auto !important;
|
|
29884
|
+
min-height: 2.5rem;
|
|
29885
|
+
padding: 0.5rem 0.5rem !important;
|
|
29886
|
+
font-size: 1rem;
|
|
29887
|
+
}
|
|
29888
|
+
.nav-tabs.flex-xxl-column.nav-lg .nav-link.active {
|
|
29889
|
+
font-weight: 600;
|
|
29890
|
+
}
|
|
29891
|
+
.nav-tabs.flex-xxl-column.nav-md .nav-link {
|
|
29892
|
+
height: auto !important;
|
|
29893
|
+
min-height: 2rem;
|
|
29894
|
+
padding: 0.375rem 0.5rem !important;
|
|
29895
|
+
font-size: 0.875rem;
|
|
29896
|
+
}
|
|
29897
|
+
.nav-tabs.flex-xxl-column.nav-md .nav-link.active {
|
|
29898
|
+
font-weight: 600;
|
|
29899
|
+
}
|
|
29900
|
+
.nav-tabs.flex-xxl-column.nav-sm .nav-link {
|
|
29901
|
+
height: auto !important;
|
|
29902
|
+
min-height: 1.5rem;
|
|
29903
|
+
padding: 0.125rem 0.375rem !important;
|
|
29904
|
+
font-size: 0.875rem;
|
|
29905
|
+
}
|
|
29906
|
+
.nav-tabs.flex-xxl-column.nav-sm .nav-link.active {
|
|
29907
|
+
font-weight: 500;
|
|
29908
|
+
}
|
|
29909
|
+
}
|
|
28560
29910
|
.progress-indicator {
|
|
28561
29911
|
position: relative;
|
|
28562
29912
|
}
|