/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.navbar-light .navbar-brand {
    color: #495057;
}

#greeting {
    font-weight: bolder;
    color: rgba(73, 80, 87, 0.80);
}
/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
.nav {
    flex-wrap: nowrap !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #076ad48f #076ad48f #fff !important;
}

.nav-tabs {
    border-bottom: 1px solid #076ad48f !important;
    font-size: 12px !important;
}

.tab.nav-link.active {
    background-color: rgba(255, 255, 255, 0.50) !important;
    font-weight: bold;
}

.nav-pills .nav-link.active {
    color: #fff;
    background-color: #6C99C4;
    border-color: #1861ac;
}

.table .thead-light th {
    color: #fff;
    background-color: rgba(70, 117, 162, 0.91);
    border-color: #dee2e6;
}
/*.table, .dataTables_scrollHeadInner{
    width: 100% !important;
}*/

.table th{
    font-size: 12px !important;
}.table td{
    font-size: 11px !important;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    background-color: #F5F5F5 !important;
    border-radius: 10px !important;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 4px !important;
    background-color: #F5F5F5 !important;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #0366d6b3 !important;
    border-radius: 10px !important;
}

/* a .dropdown-item .active{
     color: white;
 }*/
a:not([href]):not([tabindex]).active{
 color: white;
 font-weight:500;
}
    @media(hover: hover) and (pointer: fine) {
        a.dropdown-item:hover {
            background-color: rgba(0, 123, 255, 0.69);
            color: white;
        }
    }

    .page-item{
     font-size: 8px !important;
 }

.extra-bottom-margin {
    margin-bottom: 5.5rem;
}

.footer-container{
    padding-right: 0px !important;
    padding-left: 0px !important;
}
/*Page Elements*/
:root {
    --custom-font: 'Poppins', sans-serif; /*Font Variable*/
}

@media (max-width: 320px) { /*iphone 5/SE*/
    body {
        font-size: 10px;
    }

    .btn {
        font-size: 12px !important;
    }

    .form-control {
        font-size: 12px !important;
    }

    .prize-header {
        font-size: 12px !important;
    }

    .prize-title {
        font-size: 15px !important;
    }

    h5 {
        font-size: 12px !important;
    }

    h4 {
        font-size: 15px !important;
    }

    .nav-pills .nav-link {
        padding: .25rem .5rem;
    }

    .nav-link {
        font-size: 13px !important;
    }
    
}

@media (max-width: 375px) {
    body {
        font-size: 11px;
    }

    .form-control {
        font-size: 13px !important;
    }

    .prize-header {
        font-size: 13px !important;
    }

    .prize-title {
        font-size: 16px !important;
    }

    h5 {
        font-size: 13px !important;
    }

    h4 {
        font-size: 16px !important;
    }
    .nav-link {
        font-size: 13px !important;
    }
    .nav-tabs .nav-item {
        font-size: 10px !important;
    }
}


.theme-color {
    background: rgb(29,246,253);
    background: linear-gradient(180deg, rgba(29,246,253,0.03545168067226889) 0%, rgba(231,242,15,0.041053921568627416) 71%, rgba(29,246,253,0.10828081232492992) 96%);
    height: 100vh;
}

.white-bg {
    background-color: ghostwhite;
}

.yellow-bg {
    background-color: #fff3cdad;
    border-color: rgba(255, 243, 205, 0.85);
}

.top-nav {
    background-color: rgba(146, 184, 221, 0.94);
    font-family: var(--custom-font);
    font-weight: bold;
}

.bottom-nav {
    background-color: rgba(255, 255, 255, 0.60);
    width: 100%;
    white-space: nowrap;
    line-height: 3rem;
    flex-direction: row;
    border-color: rgba(230, 230, 230, 0.79) !important;
    z-index:20;
}

.no-wrap {
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
}

.icon {
    width: 15px !important;
    height: 15px !important;
}

.icon-row {
    margin-top: -20px;
    margin-bottom: -20px;
}

.icon-row-text {
    margin-top: -10px;
}

.xl-text {
    font-size: 3rem !important;
}

.xxl-text {
    font-size: 4rem !important;
}

.custom-xl-text {
    font-size: 1.25rem !important;
}

.larger-text {
    font-size: 1rem !important;
}

.larger-bold-text {
    font-size: 1rem !important;
    font-weight: bold;
}

.sm-bold-text {
    font-size: 0.9rem !important;
    font-weight: bold;
}

.prize-title {
    font-size: 1.2rem;
    font-weight: bolder;
}

.text-green-highlight {
    font-size: 0.9rem !important;
    font-weight: bolder;
    color: #0b4e15;
}

.large-top-margin {
    margin-top: 20% !important;
}

.prize-container {
    /*height: 60rem !important;*/
    width: 100% !important;
    padding-bottom: 15rem !important;
}

.settings-row {
    height: 3.8rem !important;
}

.settings-double-row {
    height: 7.6rem !important;
}

.heading-border-bottom {
    border-bottom: 2px solid #e5e5e5;
}

.large-symbol {
    font-size: 20px;
}

.sticky-footer {
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;
}

.float-row {
    width: 95%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.toast-custom-blue {
    background-color: rgba(71, 129, 200, 0.76);
    color: whitesmoke;
}

.toast-custom-red {
    background-color: rgba(247, 81, 81, 0.76);
    color: whitesmoke;
}

.toast-custom-orange {
    background-color: rgba(247, 228, 81, 0.76);
    color: black;
}

.toast-custom-green {
    background-color: rgba(71, 181, 58, 0.76);
    color: whitesmoke;
}


.toast-align-bottom {
    position: fixed;
    bottom: 10%;
    left: 0;
    margin: 0 auto;
    z-index: 1030;
}

/*Widget buttons*/
.prize-plus, .prize-minus, .plus-btn, .minus-btn{
    touch-action: manipulation; /*prevent double tap zoom*/
} 

.custom-rounded-corners{
    border-radius: .8rem !important;
}
/*Messages*/
.title-bold {
    font-weight: bold !important;
}

.title-muted {
    color: dimgrey;
}

.page-center {
    margin-top: 70% !important;
    position: relative !important;
}

.border-custom{
    border: 2px solid rgba(51, 51, 51, 0.20) !important;
    
}

/*Buck Widgets*/
.digital-shakabuck {
    background: url(../images/shakabuck.png);
    opacity: 0.8;
    background-size: cover;
    background-repeat: no-repeat, repeat;
    background-position: center;
    height: 230px;
    width: 331px;
}

.digital-beanbuck {
    background: url(../images/beanbuck.png);
    opacity: 0.8;
    background-size: cover;
    background-repeat: no-repeat, repeat;
    background-position: center;
    height: 230px;
    width: 331px;
}

.digital-defaultbuck {
    background: url(../images/defaultbuck.png);
    opacity: 0.8;
    background-size: cover;
    background-repeat: no-repeat, repeat;
    background-position: center;
    height: 230px;
    width: 331px;
}

.circle {
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    border: 5px solid rgba(42, 78, 42, 0.38);
    color: #000;
    text-align: center;
    font-size: 3.3rem !important;
}

.dollar-text {
    color: rgba(42, 78, 42, 0.63);
}

/*Dynamic Company Attribute*/
.Foodland-prize-bg {
    background: url(../images/Foodland-logo.png);
    background-size: contain;
    background-repeat: no-repeat, repeat;
    background-position: right;
}

.FoodPantry-prize-bg {
    background: url(../images/food-pantry.png);
    background-size: contain;
    background-repeat: no-repeat, repeat;
    background-position: right bottom;
}

.CoffeeBean-prize-bg {
    background: url(../images/coffee-bean.png);
    background-size: contain;
    background-repeat: repeat;
    background-position: right;
}

.HISteaks-prize-bg {
    background: url(../images/histeaks.png);
    background-size: contain;
    background-repeat: no-repeat, repeat;
    background-position: center;
}



/*Glow Effect*/
@keyframes glowing {
    0% {
        background-color: #ccbc03;
        box-shadow: 0 0 5px #ccbc03;
    }

    50% {
        background-color: #eae029;
        box-shadow: 0 0 20px #e8e419;
    }

    100% {
        background-color: #a8a505;
        box-shadow: 0 0 25px rgba(213, 229, 7, 0.76);
    }
}

#buckDisplay {
    animation: glowing 1300ms infinite;
    font-size: 100px !important;
    color: whitesmoke;
    outline-color: dimgrey;
}

/*Loader*/
#loader {
    border: 12px solid rgba(242, 242, 242, 0.74); /* Light grey */
    border-top: 12px solid rgba(117, 188, 255, 0.74); /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 0.45s linear infinite;
    position: relative;
}

#loader-overlay{
    background-color:rgba(151, 151, 151, 0.62);
    position: absolute;
    z-index:10;
    width:100%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#toast-overlay {
    position: fixed;
    z-index: 10;
    bottom: 12%;
    left: 25%;
    margin: 0 auto;
    z-index: 1030;
}

/* .prize-row{
     max-height:4rem !important;
 }*/
/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

tr.border-top-dark {
    border-top: 2px solid rgba(73, 80, 87, 0.40);
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.lg-checkbox {
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    padding: 10px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    font-family: var(--custom-font);
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}