.navbar {
    height: 71px;
}

.nav-link {
    color: #B2B2B2;
}

.link-top.active {
    color: #5AFE9A;
}

.activeView {
    color: #5AFE9A;
}

.activePageView, .activePageView .activeView {
    color: orange !important;
}

.nav-sidebar > li {
    text-align: center;
}


#nav-notificons {
    float: right;
}

.navbar-brand {
    margin-right: 0;
}

.adv-version {
    position: absolute;
    margin-top: 48px;
    margin-left: 11px;
    letter-spacing: 2px;
    color: gray;
    font-size: 11px;
}

#logo-holder {
    padding-top: 20px !important;
    padding-left: 5px;
}

.brand {
    padding-top: unset !important;
    height: 100%;
}

.logo-holder {
    position: relative;
    left: -15px;
}

#main-menu-top {
    display: inline-flex;
    height: 100%;
    padding-top: 5px;
    /* position: relative;
    top: -5px;
    margin-left: -15px; */
}

.nav-sidebar > li > a {
    padding: 13px 0;
    color: #B2B2B2;
    text-align: center;
    font-size: 13px;
    text-decoration: none;
}

.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus, .nav>li>a:focus, .nav>li>a:hover {
    color: #5AFE9A;
}

.link-top {
    background-color: transparent !important;
    border-bottom: none !important;
    font-size: 11px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.nav-sidebar >li>a i {
    display: block;
    font-size: 23px;
    text-align: center;
    padding-bottom: 5px;
}

.format-newnavbar {
    padding-left: 0;
}

.nav-fe > li {
    width: 100px;
}

.format-addcampaign {
    margin-right: 10px;
}

.nav_prepay {
    margin-right: 10px;
}

.buttons-navbar {
    display: inline-flex;
    position: absolute;
    right: 185px;
}


.funds-div {
    position: absolute;
    right: -75px;
    top: 15px;
    /* right: -75px; */
}

.user {
    padding: 0;
    position: absolute;
    right: -15px;
}

.notifications {
    position: absolute;
    right: 35px;
    padding: 0;
}

.move-footer {
    display: grid;
}

@media (max-width: 1519px) {
    .nav-fe > li {
        width: 90px !important;
    }
}

@media only screen and (max-width: 1713px) {
    .nav-fe > li {
        width: 80px !important;
    }
}

@media only screen and (max-width: 1500px) {
    .nav-fe > li {
        width: 62px !important;
    }
}

@media (min-width: 995px) and (max-width: 1050px) {
    .nav-fe > li {
        width: 45px !important;
    }
}

@media (min-width: 1050px) and (max-width: 1130px) {
    .nav-fe > li {
        width: 48px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1250px) {
    .nav-fe > li {
        width: 55px !important;
    }
}

@media (min-width: 1130px) and (max-width: 1200px) {
    .nav-fe > li {
        width: 51px !important;
    }
}


/*  .client-score { */
/*             position: relative; */
/*             display: inline-block; */
/*             padding: 20px; */
/*             border: 1px solid #000; */
/*             border-radius: 10px; */
/*             text-align: center; */
/*         } */
  @keyframes arrowAnimationElevatorDown {
         0%, 100% { transform: rotate(93deg) 2s translateX(0); }
            50% { transform: rotate(93deg)   translateX(-5px); }
        }
          @keyframes arrowAnimationElevatorUp {
         0%, 100% { transform: rotate(99deg) 2s scale(-1, 1)  translateX(0); }
            50% { transform: rotate(99deg)  scale(-1, 1)  translateX(-5px); }
        }
        
          
    /* Keyframes for the animation */
    @keyframes danceArrow {
      from { top:  20px; }
      to { top: 25px; } /* Adjust as needed */
    }
    .arrow {
            position: absolute;
            right: 0px; /* Adjust this value to position the arrow */
            top:  35%; /* Adjust this value to position the arrow */
            transform: translateY(-50%);
            transition: transform 1s;
        }
        .arrow-up {
          transform: rotate(99deg) scale(-1, 1) ;
                        animation: danceArrow 1s  infinite alternate;
          
        }
        .arrow-down {
            transform: rotate(93deg) ;
                        animation: danceArrow 1s  infinite alternate;
            
        }
        
        /* hide for now upoper arrow*/
        #arrow{
        visibility: hidden;
        }