:root{
    --brand-color: #055fa9;
    --brand-oraange-color: #e5780b;
}

/* div{
    position: relative;
} */

/* body{
    background-color: #ebf1f9;;
} */

.nav-phoenix-pills .nav-item .nav-link.active {
    background: #e5780d;
    color: #fff;
    border-radius: .5rem;
}

.reply-border{
    border-left: 2px solid var(--brand-color) !important;
}

.text-app{
    color: var(--brand-oraange-color) !important;
}

.bg-primary {
    background-color: var(--brand-color) !important;
}

.bg-pills{
    background-color: var(--phoenix-body-highlight-bg) !important;
}

p.quote-line { 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

.utt-text, .amis-text{
    font-weight: 700;
}

@media  screen and (max-width: 576px) {
    h4{
        font-size: 1rem !important;
    } 
}

.utt-text{
   color: var(--brand-color); 
}

.amis-text{
 color: var(--brand-oraange-color); 
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    border-radius: 1.25em !important;
    background-color: var(--brand-color) !important;
    font-size: 0.9em !important;
}

div:where(.swal2-container) button:where(.swal2-styled) {
    padding: 0.5em 1.5em !important;
}

.umoja_fund{
    color: #a6480d !important;;
}

.bond_fund{
    color: #562022 !important;;
}

.jikimu_fund{
    color: #9f4140 !important;;
}

.liquid_fund{
    color: #2b833f !important;;
}

.watoto_fund{
    color: #22397f !important;;
}

.wekeza_maisha_fund{
    color: #ef7415 !important;;
}

.card.app-card{
    border: none !important;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.05); */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.08);
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.08); */
}

[data-navigation-type=dual] .navbar-top.navbar-expand-lg:not(.navbar-slim) .navbar-nav-top .nav-link:hover,
[data-navigation-type=dual] .navbar-top.navbar-expand-lg:not(.navbar-slim) .navbar-nav-top .nav-link.show
{
    background-color: inherit !important;
    font-weight: 600;
}

[data-navigation-type=dual] .navbar-nav-top .dropdown-item:hover{
    color: #ffffff;
     background-color: var(--brand-color) !important;
}