
.top-bar-section > ul > li:not(.has-form) > a:not(.button), .top-bar, .contain-to-grid, .top-bar-section .dropdown li label, .top-bar.expanded .title-area, .top-bar ul li h1 a, .top-bar ul li a span {
    background: none !important;
    background-color: #09395D !important;
    color:#49B5F3 !important;
}

ul.dropdown a, .top-bar-section .megamenu li:not(.has-form) a:not(.button), .top-bar ul .megamenu li a span  {
    background: none !important;
    background-color: rgba(255, 255, 255, 0) !important;
    color: initial !important;
}
.top-bar-section .megamenu li:not(.has-form) a:not(.button):hover {
    background: none !important;
    background-color: rgba(255, 255, 255, 0) !important;
}

.contain-to-grid {
    background: none !important;
}

.top-bar-section > ul > li:not(.has-form) a:not(.button):hover, .top-bar-section li:not(.has-form) a:not(.button):hover span {
    color:#0A6599 !important;
}

@media (min-width:641px) {
    .top-bar-section > ul > li:hover > a {
        box-shadow: inset 0px -3px 0px 0px #0A6599;
    }

    .top-bar-section > ul > li.active-menu-item > a {
        box-shadow: inset 0px -3px 0px 0px #49B5F3;
    }   
}

.top-bar-section .dropdown li label {
    color:#7ce8ff !important;
}


body {
            background: url('https://admin.afrogs.org/_files/_clients/548/vueSettingsImages/auctionfrogs.png');
                background-repeat: no-repeat;
                background-size: cover;
                background-attachment: scroll;
                background-position: center top;
                background-color: #42445A;
    }

.leaderboardBody {
    
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-right-color: #3c6c90 !important;
}

.top-bar-section .divider, .top-bar-section [role="separator"] {
    border-top-color: #3c6c90 !important;
}

.button.disablelook {
    background-color: gray !important;
    border-color: black !important;
    color: black !important;
}

.button.disablelook:hover {
    background-color: gray !important;
    border-color: black !important;
    color: black !important;
}

    button, .button {
        background-color: #42445A !important;
        border-color: #42445A !important;
        color: #FFFFFF !important;
    }
    .button a, .button-color {
        color: #FFFFFF !important;
    }
    .rzslider .rz-pointer:after {
        background: #FFFFFF !important;
    }

button, .greenButton {
    background-color: #009900 !important;
}

button, .redButton {
    background-color: #990000 !important;
}

    button:hover, .button:hover {
        background-color: #75778d !important;
        border-color: #75778d !important;
        color: #ffffff !important;
    }

button:hover, .greenButton:hover {
    background-color: #00B300 !important;
}

button:hover, .redButton:hover {
    background-color: #B30000 !important;
}

.panel {
    border-color: #FFF;
    background: #FFF;
    color: #333;
}

    .tabs .active a {
        color: #49B5F3 !important;
        box-shadow: 0px 3px 0px 0px #49B5F3;
    }

legend {
    color: #333;
}


.leaderboardPanel {
    background:rgba(255,255,255,0.0);
}

.header-radius {
    border-radius: 20px 20px 0 0;
}
.footer-radius {
    border-radius: 0 0 20px 20px;   
}

a {
    color: #49B5F3 !important;
    text-decoration: none;
}

a:hover, .side-nav li a.active, .hover-color {
    color: #09395D !important;
    text-decoration: none;
}

.side-nav li:not(.heading) {
    border-radius: 20px !important;
}

.amount-color {
    color: #49B5F3 !important;
}

.breadcrumbs li.unavailable, .breadcrumbs li.unavailable:hover, .breadcrumbs li:before {
    color: #09395D;
}

fieldset, .radius, .breadcrumbs, .slick-list {
    border-radius: 20px !important;
}

.panel {
    border-radius: 20px !important;
}

.white {
    background-color: #09395D !important;
    background: white !important;
}

.headerbg {
    background-color:#09395D !important;
}

.headerfont {
    color:#333333 !important;
}

.button, input[type="submit"] {
    border-radius: 20px !important;
}

.onlineclock {
    font-weight:bold;
    color:#;
    font-size:1.25em;
    text-shadow: -1px 0, 0 1px, 1px 0, 0 -1px !important;
}

.eventclock {
    font-weight:bold;
    color:#;
    font-size:1.25em;
    text-shadow: -1px 0, 0 1px, 1px 0, 0 -1px !important;
}


.filterpanel {
    background-color: #FFF !important;
    border:none !important;
}

.precheckinButton {
background-color: #DCFFD1 !important;
}

.precheckinButton:hover {
background-color: white !important;
}

.button, button, .button-shadow {
    box-shadow: 0px 7px 7px -2px rgba(51,51,51,0.5);
    transition: .3s;
}

.button:active, button:active, .button-shadow:hover, .button-shadow:active  {
    box-shadow: 0px 0px 0px -2px rgba(51,51,51,0.5);
}

.box-shadow {
    box-shadow: 0px 0px 7px 0px rgba(51,51,51,0.4);
}

.button, button, .gradient-style, input[type="checkbox"].checkbox-round::after, .rzslider .rz-pointer {
    background: linear-gradient(#09395D, #09395D );
}

.month-background-style {
    background: linear-gradient(#09395D, #09395D );   
}

.button.arrow-button {
    background: linear-gradient(#09395D, #09395D );
}

.button.alert {
    background: repeating-linear-gradient(145deg, rgba(255, 255, 255, .13) 0px, rgba(255, 255, 255, .1) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px) repeat-x, linear-gradient(#09395D, #09395D );
    animation: caution-tape 1s linear infinite;
    background-size: 34px 100%;
}

@keyframes caution-tape {
    from {
        background-position-x: 0px;
    }
    to {
        background-position-x: 35px;
    }
}

.animated-border {
    position: absolute;
    left:0;
    right:0;
    bottom: 15px;
    background: repeating-linear-gradient(145deg, rgba(255, 255, 255, .5) 0px, rgba(255, 255, 255, .5) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px) repeat-x, linear-gradient(#09395D, #09395D );
    animation: caution-tape 1s linear infinite;
    background-size: 34px;
    height: 2px;
}

@keyframes blinkLinkColor {
    from {
        color: inherit;
        transform: translate3d(0, 0, 0) scale(1);
    }

    to {
        transform: translate3d(0, 0, 0) scale(1.1);
        color: #49B5F3;
    }
}

@keyframes blinkLinkColorNoTransforms {
    from {
        color: #49B5F3;
    }

    to {
        color: #f08a24;
    }
}

.button:active, button:active {
    background-size: 1000%;
}

.gradient-text {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0) !important;
    background: linear-gradient(#09395D, #09395D );
}



.link-color, 
.win-now .bid-fields input.specialstyle[disabled], 
.page-header, 
body.modal-open .modal-header .close, 
.panel.donate::before
{
    color: #49B5F3 !important;
}


.item-slide-page.slick-current {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 3px #49B5F3; 
}

.link-background, .icon-bar .active-menu-item:after,
.account-nav>a.active-menu-item:before, .bottom-nav>a.active-menu-item:before, .page-header::after,
span.range-selected:after,
span.range-selected,
.rzslider .rz-tick.rz-selected  {
    background: #49B5F3 !important;   
}

.rzslider .rz-selection {
    background: linear-gradient(-90deg, #49B5F3, rgba(255, 255, 255, 0));
}

.rzslider.rz-vertical .rz-selection {
    background: linear-gradient(180deg, #49B5F3, rgba(255, 255, 255, 0));
}

.rzslider.rz-vertical .rz-tick-value {
    color: #49B5F3 !important;
}

.link-hover-color {
    color: #09395D !important;      
}

.burger-menu span {
    background: #49B5F3;
}

input[type="checkbox"]:not(.toggle)::before, input[type="radio"]::before {
    box-shadow: inset 0px 0px 0px 3px #49B5F3;
}

.event-mode input[type="checkbox"]::before {
    box-shadow: inset 0px 0px 0px 2px #49B5F3;
}

input[type="checkbox"]:not(.toggle)::after, input[type="radio"]::after {
    color: #49B5F3;   
}

.form-page .page-number {
    background: #49B5F3;
    box-shadow: 0px 0px 0px 0px white, 0px 0px 0px 0px #49B5F3;
}

.form-page.active .page-number {
    background: #49B5F3;
    box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px #49B5F3;
}

.form-page:not(.disabled) span {
    color: #49B5F3;
}



body .leaderboard {
    background: #FFF;
}


body .leaderboard-color {
    color: #42445A;
}

body .leaderboard-sidebar {
    background:  #42445A  ;    
}

body .leaderboard-sidebar {
    color: #42445A;
    box-shadow: 15px 20px 60px -30px;
}

.leaderboard-values>div:nth-child(1) {
    color: #42445A;
        color: #42445A;
    }

body .leaderboard-sidebar .svg-logo {
    fill: #42445A;
}

body .activity_focus .leaderboard-sidebar {
    border-radius: px 0px 0px px;
}

body .leaderboard .list-item-container .item-title, body .leaderboard .item-content {
    color: #42445A;
}

body .leaderboard-activity {
    box-shadow: -55px 20px 60px -30px;
    background: white;
    background: #42445A;
}

body .activity_focus .leaderboard-activity {
    border-radius: px;
}

body .tg-thermometer {
    background: #42445A;
    box-shadow: inset 0px 0px 30px -20px #000000;
}

body .tg-thermometer .mercury {
    background: linear-gradient(0deg, #42445A, #42445A, #42445A);
}


body .tg-thermometer, body .tg-thermometer .mercury {
    box-shadow: inset 0px 0px 9px -3px rgba(0, 0, 0, .8);
}
body .tg-thermometer .meniscus {
    display: none;
}

body .leaderboard .goal-callout {
    color: #FFF;
    border-color: #FFF;
}
body .leaderboard .overlay .message {
    border-top: 10px solid #FFF;
}
body .leaderboard .overlay .item-image {
    border: 10px solid #FFF;
}

.thermometer-bg {
    background: linear-gradient(-90deg, #58ce00 0%, #ffa90f 50%, #b90000 100%);
    box-shadow: inset 0px 0px 3px -1px #b90000, inset 2px 0px 10px 0px white, inset 0px 7px 16px 0px rgba(255, 255, 255, 0.5);
           background: linear-gradient(-90deg, #42445A 0%, #42445A 50%, #49B5F3 100%);
       box-shadow: inset 0px 0px 3px -1px #49B5F3, inset 2px 0px 10px 0px white, inset 0px 7px 16px 0px rgba(255, 255, 255, 0.5);
    }

    select {
        background-color: white !important;
        background: linear-gradient(40deg, rgba(255, 255, 255, 0) 7px, #49B5F3 8px) calc(100% - 13px) center / 10px 7px, linear-gradient(140deg, #49B5F3 4px, rgba(255, 255, 255, 0) 5px) calc(100% - 3px) center / 10px 7px;
        background-repeat: no-repeat !important;
    }

.item-activity::-webkit-scrollbar-thumb {
    background: #49B5F3;
    border-radius: 20px;
}

.item-activity::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-radius: 20px;
}

.item-activity::-webkit-scrollbar {
    width: 10px;
}

.thumb-radius, .browse-item-thumb, .item-slide-page, .list-item-image {
        border-radius: 70px !important;
}

input.smalltoggle[type="checkbox"] {
    -webkit-appearance: none;
    width: 70px;
    border: none;
    background: #e4e4e4;
    border-radius: 60px;
    padding: 0;
    height: 20px;
    position: relative;
    display: inline-block;
    transition: .3s;
}

input.smalltoggle[type="checkbox"]::before {
    display: none;
}
input.smalltoggle[type="checkbox"]::after {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%) translateX(0%);
    background: white;
    border-radius: 50%;
    opacity: 1;
    box-shadow: 0px 1px 3px 1px rgba(51,51,51,0.5);
}

input.smalltoggle[type="checkbox"]:checked::after {
    background: #49B5F3 !important;
    transform: translateY(-50%) translateX(-100%);
    left: 100%;
}

input.smalltoggle[type="checkbox"]:checked {
    background: rgba(73,181,243,0.3) !important;
}

input.smalltoggle[type="checkbox"].reverse:checked {
    background: #e4e4e4 !important;
}
input.smalltoggle[type="checkbox"].reverse:checked::after {
    left: 0%;
    transform: translateY(-50%) translateX(0%);
    background: white !important;
}

input.smalltoggle[type="checkbox"].reverse {
    background: rgba(73,181,243,0.3) !important;
}
input.smalltoggle[type="checkbox"].reverse::after {
    background: #49B5F3 !important;
    transform: translateY(-50%) translateX(-100%);
    left: 100%;
}