﻿:root {
    --gold: #FFD700;
    --silver: #E7E6E6;
}

.bg-gold {
    background-color: #FFE599 !important;
}

.bg-silver {
    background-color: #E7E6E6 !important;
}

.bg-blue {
    background-color: #1C2553 !important;
}

.bg-green {
    background-color: #6ABF4B !important;
}

.bg-orng-smileguard {
    background-color: #F39C32 !important;
}

.bg-blue-radient {
    background-color: #528EC2 !important;
}

.bg-purple {
    background-color: #771d7e !important;
}

.btn-purple {
    color: #fff;
    background-color: #771d7e;
    border-color: #771d7e;
}

    .btn-purple:hover {
        color: #fff;
        background-color: #771d7e;
        border-color: #771d7e;
        opacity: 0.85;
    }

.btn-outline-purple {
    color: #771d7e;
    background-color: transparent;
    background-image: none;
    border-color: #771d7e;
}

    .btn-outline-purple:hover {
        color: #fff;
        background-color: #BA55D3;
        border-color: #771d7e;
    }

    .btn-outline-purple:focus, .btn-outline-purple.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-outline-purple.disabled, .btn-outline-purple:disabled {
        color: #771d7e;
        background-color: transparent;
    }

    .btn-check:checked + .btn-outline-purple, .btn-check:active + .btn-outline-purple, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.dropdown-toggle.show {
        color: #fff;
        background-color: #771d7e;
        border-color: #771d7e;
    }

    .btn-check:checked + .btn-outline-purple:focus, .btn-check:active + .btn-outline-purple:focus, .btn-outline-purple:active:focus, .btn-outline-purple.active:focus, .btn-outline-purple.dropdown-toggle.show:focus {
        box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.5));
    }

    .btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active,
    .show > .btn-outline-purple.dropdown-toggle {
        color: #fff;
        background-color: #771d7e;
        border-color: #771d7e;
    }

        .btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-purple.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-outline-bluedrk {
    color: #1C2553;
    background-color: transparent;
    background-image: none;
    border-color: #1C2553;
}

    .btn-outline-bluedrk:hover {
        color: #fff;
        background-color: #1C2553;
        border-color: #1C2553;
    }

    .btn-outline-bluedrk:focus, .btn-outline-bluedrk.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-outline-bluedrk.disabled, .btn-outline-bluedrk:disabled {
        color: #1C2553;
        background-color: transparent;
    }

    .btn-outline-bluedrk:not(:disabled):not(.disabled):active, .btn-outline-bluedrk:not(:disabled):not(.disabled).active,
    .show > .btn-outline-bluedrk.dropdown-toggle {
        color: #fff;
        background-color: #1C2553;
        border-color: #1C2553;
    }

        .btn-outline-bluedrk:not(:disabled):not(.disabled):active:focus, .btn-outline-bluedrk:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-bluedrk.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-outline-green {
    color: #6ABF4B;
    background-color: transparent;
    background-image: none;
    border-color: #6ABF4B;
}

    .btn-outline-green:hover {
        color: #fff;
        background-color: #6ABF4B;
        border-color: #6ABF4B;
    }

    .btn-outline-green:focus, .btn-outline-green.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-outline-green.disabled, .btn-outline-green:disabled {
        color: #6ABF4B;
        background-color: transparent;
    }

    .btn-outline-green:not(:disabled):not(.disabled):active, .btn-outline-green:not(:disabled):not(.disabled).active,
    .show > .btn-outline-green.dropdown-toggle {
        color: #fff;
        background-color: #6ABF4B;
        border-color: #6ABF4B;
    }

        .btn-outline-green:not(:disabled):not(.disabled):active:focus, .btn-outline-green:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-green.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-bluedrk {
    color: #fff;
    background-color: #1C2553;
    border-color: #1C2553;
}

    .btn-bluedrk:hover {
        color: #1C2553;
        background-color: transparent;
        background-image: none;
        border-color: #1C2553;
    }

    .btn-bluedrk:focus, .btn-bluedrk.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-bluedrk.disabled, .btn-bluedrk:disabled {
        color: #fff;
        background-color: #1C2553;
        border-color: #1C2553;
    }

    .btn-bluedrk:not(:disabled):not(.disabled):active, .btn-bluedrk:not(:disabled):not(.disabled).active,
    .show > .btn-bluedrk.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-bluedrk:not(:disabled):not(.disabled):active:focus, .btn-bluedrk:not(:disabled):not(.disabled).active:focus,
        .show > .btn-bluedrk.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.text-bluedrk {
    color: #1C2553;
}

.text-green {
    color: #6ABF4B;
}

.text-orng-smileguard {
    color: #F39C32;
}

.text-blue-radient {
    color: #528EC2;
}

.text-gold {
    color: #FFE599 !important;
}

.text-purple {
    color: #771d7e;
}

.text-purple-larger {
    color: #771D7D;
    font-size: 1.25rem;
    /*font-weight: bold;*/
}

.border-bluedrk {
    border-color: #1C2553 !important;
    border-width: 2px;
}

.border-green {
    border-color: #6ABF4B !important;
    border-width: 2px;
}

.border-orng-smileguard {
    border-color: #F39C32 !important;
    border-width: 2px;
}

.border-blue-radient {
    border-color: #528EC2 !important;
    border-width: 2px;
}

.navbar-purple .navbar-brand-purple {
    color: #FFFFFF;
}

.navbar-purple .navbar-brand:hover, .navbar-purple .navbar-brand:focus {
    color: #FFDF00;
}

.navbar-purple .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.75);
}

    .navbar-purple .navbar-nav .nav-link:hover, .navbar-purple .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 1.0);
    }

    .navbar-purple .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-purple .navbar-nav .show > .nav-link,
    .navbar-purple .navbar-nav .active > .nav-link,
    .navbar-purple .navbar-nav .nav-link.show,
    .navbar-purple .navbar-nav .nav-link.active {
        color: #FFDF00;
    }

.navbar-purple .navbar-toggler {
    color: rgba(255, 255, 255, 0.75);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-purple .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-purple .navbar-text {
    color: rgba(255, 255, 255, 0.75);
}

    .navbar-purple .navbar-text a {
        color: #FFDF00;
    }

        .navbar-purple .navbar-text a:hover, .navbar-purple .navbar-text a:focus {
            color: #FFDF00;
        }

.navbar-brand-purple {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand-purple:hover, .navbar-brand:focus {
        text-decoration: none;
    }

.svg-white {
    fill: white;
}

.rwv-question {
    cursor: pointer;
}

    .rwv-question:hover {
        cursor: pointer;
        background-color: #ccc;
    }
