.do-not-display {
    display: none;
}

.ptr {
    cursor: pointer;
}

.all-delivered {
    background-color: #0011ff !important;
    border: 2px solid black !important;
    color: white !important;
}

/* IMAGE WITH BUTTON ON TOP */

.sponsor-instructions {
    background-color: rgb(136, 168, 190);
    border: 1px solid gray;
    border-radius: 5px;
    color: #0C0060;
}

.center-text {
    text-align: center;
}

.img-btn-container {
    position: relative;
    width: 100%;
    margin: 2px;
    padding: 2px;
}

.img-btn-container img {
    width: 100%;
    height: auto;
}

.img-btn-container .img-btn {
    position: absolute;
    font-size: 16px;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    max-height: 10%;
    text-decoration: none;
}

@media (max-width: 1200px) {
    .img-btn-container .img-btn {
        max-height: 12%;
        font-size: 12px;
    }
}

@media (max-width: 1000px) {
    .img-btn-container .img-btn {
        line-height: 0.7em;
    }
}

@media (max-width: 485px) {
    .img-btn-container .img-btn {
        line-height: 0.4em;
        font-size: 10px;
    }
}

@media (max-width: 390px) {
    .img-btn-container .img-btn {
        display: none;
    }
}

.appear-if-small {
    display: none;
}

@media (max-width: 500px) {
    .appear-if-small {
        display: block;
    }
}

.img-btn-container .img-btn-1 {
    top: 4%;
    left: 45%;
    width: 50%;
}

.img-btn-container .img-btn-2 {
    top: 16%;
    left: 45%;
    width: 50%;
}

.img-btn-container .img-btn-3 {
    top: 28%;
    left: 45%;
    width: 50%;
}

.img-btn-container .img-btn-4 {
    top: 40%;
    left: 45%;
    width: 50%;
}

.img-btn-container .img-btn-5 {
    top: 89%;
    left: 25%;
    width: 50%;
}

.img-btn-container .img-btn-1:hover {
    background-color: #002E6E;
}

/* ERRORS */

/* ERRORS */

.spur-form-error {
    background-color: black;
    color: red;
}

/* NAVBAR */

/* NAVBAR */

/* NAVBAR */

/* BASE NAVBAR */

body {
    padding: 0;
}

/* TOGGLE IMAGE HOVER */

.navbar-spur {
    background-color: #3482AA;
    padding: 0;
}

.navbar-spur a:hover {
    background: #00142e;
}

.navbar-spur a {
    padding: 0.3em;
    margin: 0;
    color: #FFF;
    text-decoration: none;
    display: inline-block;
    max-height: 100%;
    line-height: 3em;
}

.navbar-spur a.shorter {
    line-height: 3em;
}

.navbar-spur a img {
    margin: 0;
    max-height: 2.9em;
}

.navbar-spur .nav-right {
    float: right;
    height: 100%;
}

.toggle {
    width: 100%;
    padding-top: 0.75em;
    padding-right: 0.75em;
    background-color: #001e46;
    text-align: right;
    box-sizing: border-box;
    display: none;
}

.toggle img {
    max-width: 2em;
    cursor: pointer;
}

@media (max-width: 850px) {
    .toggle {
        display: block;
    }
    .navbar-spur a {
        width: 100%;
        display: none;
        text-align: center;
        padding: 0.5em;
        max-height: 100%;
        line-height: 1.5em;
    }
    .navbar-spur div.nav-right a {
        width: 100%;
        display: none;
        text-align: center;
        padding: 0.5em;
        max-height: 100%;
        line-height: 1.5em;
    }
    button.dropbtn-spur-admin {
        width: 100%;
        display: none;
        text-align: center;
        padding: 0.3em;
    }
    .navbar-spur .active {
        float: none;
        display: block;
    }
    button.active {
        display: block;
    }
    .dropdown-spur-admin .dropbtn-spur-admin {
        width: 100%;
    }
    .spur-main-logo {
        margin-bottom: -1em;
    }
}

.active-text {
    color: white !important;
}

/* ABOVE IS THE NEW NAVBAR */

/* BELOW IS THE OLD CODE */

/* USER NAVBAR */

/* BUTTON HOVER CSS BELOW WOULD APPLY TO A DROPDOWN */

nav.navbar-spur-user button:active, button:visited, button:focus {
    background-color: #002658 !important;
    color: #00d7db !important;
}

/* ADMIN NAVBAR PLUS DROPDOWN */

nav.navbar-spur .dropdown-spur-admin a {
    overflow: hidden;
    color: #83b3c7;
    vertical-align: middle;
    padding: 1em;
    margin: 0;
    text-decoration: none;
    max-height: 100%;
    line-height: 3em;
}

.navbar-spur .dropdown-spur-admin a:hover {
    background: #00142e;
}

nav.navbar-spur .dropdown-spur-admin {
    background-color: #0c0060;
    color: #00d7db;
    vertical-align: center;
}

.dropdown-spur-admin .dropbtn-spur-admin {
    border: none;
    outline: none;
    color: #00d7db;
    padding: 1em;
    background-color: #3482AA;
    font-family: inherit;
    margin: 0;
    border-radius: 0;
}

@media (max-width: 850px) {
    padding-top: 0;
}

.dropdown-spur-admin .dropbtn-spur-admin:hover {
    background-color: #00142e;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-height: 3em;
    background-color: #0c0060;
    min-width: 12em;
    border: 1px solid white;
    border-radius: 0.5em;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    padding: 0.2em;
}

.dropdown-content a {
    line-height: 125%;
    margin-right: 0.2em;
    padding: 0;
    text-align: center;
    color: #83b3c7;
    list-style: none;
    float: none;
    padding: 1em 1.2em;
    text-decoration: none;
    border-radius: 0.5em;
}

.dropdown-content * {
    display: none;
    float: none;
}

.dropdown-content a:hover {
    background-color: #002525;
}

.dropdown-spur-admin:hover .dropdown-content {
    display: block;
}

.dropdown-spur-admin:hover .dropdown-content a {
    display: block;
    width: 100%;
}

@media (max-width: 850px) {
    .dropdown-content {
        width: 45%;
        left: 27%;
        top: 52%;
        translate: (30%, 50%);
    }
    .dropdown-content * {
        text-align: center;
        padding: 0;
        width: 100%;
    }
}

@media (max-width: 450px) {
    .dropdown-content {
        width: 45%;
        left: 27%;
        top: 52%;
        translate: (30%, 50%);
    }
    .dropdown-content * {
        text-align: center;
        padding: 0;
        width: 100%;
    }
}

@media (max-width: 400px) {
    .dropdown-content {
        width: 45%;
        left: 25%;
        top: 52%;
        translate: (30%, 50%);
    }
    .dropdown-content * {
        text-align: center;
        padding: 0;
        width: 100%;
    }
}

@media (max-width: 375px) {
    .dropdown-content {
        width: 45%;
        left: 23%;
        top: 52%;
        translate: (30%, 50%);
    }
    .dropdown-content * {
        text-align: center;
        padding: 0;
        width: 100%;
    }
}

@media (max-width: 350px) {
    .dropdown-content {
        width: 45%;
        left: 23%;
        top: 52%;
        translate: (30%, 50%);
    }
    .dropdown-content * {
        text-align: center;
        padding: 0;
        width: 100%;
    }
}

@media (max-width: 325px) {
    .dropdown-content {
        width: 45%;
        left: 18%;
        top: 60%;
        translate: (30%, 50%);
    }
    .dropdown-content * {
        text-align: center;
        padding: 0;
        width: 100%;
    }
}

@media (max-width: 325px) {
    nav.navbar-spur div.spur-nav-link {
        display: flex;
        flex-direction: column;
        align-items: top;
        justify-content: space-between;
        overflow: hidden;
        padding: 0;
        font-size: 0.8em;
        max-height: 1.7em;
    }
    nav.navbar-spur div.spur-nav-link * {
        margin: 0;
        padding-left: 0.1em;
        padding-right: 0.1em;
    }
    nav.navbar-spur div.spur-nav-link li {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* TOGGLE */

#toggle {
    width: 100%;
    padding: 0.8em 1.2em;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    color: white;
    font-size: 0.6em;
    border-radius: 0.5em;
    border: 1px solid white;
    display: none;
    max-height: 4em;
}

.show-toggle {
    display: inline-block !important;
}

@media (max-width: 768px) {
    #toggle {
        display: block;
    }
    .show-toggle {
        display: block !important;
    }
}

@media (max-width: 375px) {
    #toggle {
        display: block;
    }
}

@media (max-width: 350px) {
    #toggle {
        display: block;
    }
}

@media (max-width: 325px) {
    #toggle {
        display: block;
    }
}

@media (max-width: 275px) {
    #toggle {
        display: block;
    }
}

/* BUTTONS */

/* BUTTONS */

/* BUTTONS */

.btn-spur-sponsor, .btn-spur-sponsor:hover, .btn-spur-sponsor:active, .btn-spur-sponsor:visited, .btn-spur-sponsor:focus {
    background-color: #085277 !important;
    color: white !important;
    border: 2px solid gray !important;
    height: 200% !important;
    margin: 5px !important;
}

.btn-spur-sponsor-dark, .btn-spur-sponsor-dark:hover, .btn-spur-sponsor-dark:active, .btn-spur-sponsor-dark:visited, .btn-spur-sponsor-dark:focus {
    background-color: #0C0060 !important;
    color: white !important;
    border: 2px solid gray !important;
    height: 200% !important;
    margin: 5px !important;
}

.btn-spur-main, .btn-spur-main:hover, .btn-spur-main:active, .btn-spur-main:visited, .btn-spur-main:focus {
    background-color: #085277 !important;
    border-color: black !important;
    color: black !important;
}

.btn-spur-main-details, .btn-spur-main-details:hover, .btn-spur-main-details:active, .btn-spur-main-details:visited, .btn-spur-main-details:focus {
    background-color: #085277 !important;
    border: 2px solid gray !important;
    color: white !important;
}

.btn-spur-main-prevnext, .btn-spur-main-prevnext:hover, .btn-spur-main-prevnext:active, .btn-spur-main-prevnext:visited, .btn-spur-main-prevnext:focus {
    background-color: #085277 !important;
    border-color: white !important;
    color: white !important;
}

.btn-spur-bright, .btn-spur-bright:hover, .btn-spur-bright:active, .btn-spur-bright:visited, .btn-spur-bright:focus {
    background-color: #2792c7 !important;
    border-color: black !important;
    color: black !important;
}

.btn-spur-very-blue, .btn-spur-very-blue:hover, .btn-spur-very-blue:active, .btn-spur-very-blue:visited, .btn-spur-very-blue:focus {
    background-color: #002E6E !important;
    border-color: #002E6E !important;
    color: white !important;
}

.btn-spur-pretty-blue, .btn-spur-pretty-blue:hover, .btn-spur-pretty-blue:active, .btn-spur-pretty-blue:visited, .btn-spur-pretty-blue:focus {
    background-color: rgb(0, 70, 168) !important;
    border-color: rgb(255, 255, 255) !important;
    color: white !important;
}

.btn-spur-gray, .btn-spur-gray:hover, .btn-spur-gray:active, .btn-spur-gray:visited, .btn-spur-gray:focus {
    background-color: rgb(39, 50, 66) !important;
    border-color: rgb(142, 140, 148) !important;
    color: white !important;
}

.btn-spur-yellow, .btn-spur-yellow:hover, .btn-spur-yellow:active, .btn-spur-yellow:visited, .btn-spur-yellow:focus {
    background-color: #fbff00 !important;
    border-color: rgb(0, 0, 0) !important;
    color: rgb(0, 0, 0) !important;
}

.btn-spur-dark, .btn-spur-dark:hover, .btn-spur-dark:active, .btn-spur-dark:visited, .btn-spur-dark:focus {
    background-color: #1e1b3f !important;
    border-color: #1e1b3f !important;
    color: white !important;
}

.btn-spur-ribbon, .btn-spur-ribbon:hover, .btn-spur-ribbon:active, .btn-spur-ribbon:visited, .btn-spur-ribbon:focus {
    background-color: rgb(99, 157, 192) !important;
    border-color: rgb(99, 157, 192) !important;
    color: black !important;
}

.btn-spur-ribbon-gray-border, .btn-spur-ribbon-gray-border:hover, .btn-spur-ribbon-gray-border:active, .btn-spur-ribbon-gray-border:visited, .btn-spur-ribbon-gray-border:focus {
    background-color: rgb(99, 157, 192) !important;
    border: 2px solid gray !important;
    color: black !important;
}

.btn-spur-ribbon-dark, .btn-spur-ribbon-dark:hover, .btn-spur-ribbon-dark:active, .btn-spur-ribbon-dark:visited, .btn-spur-ribbon-dark:focus {
    background-color: rgb(65, 138, 184) !important;
    border-color: rgb(65, 138, 184) !important;
    color: white !important;
}

.btn-spur-bright-blue, .btn-spur-bright-blue:hover, .btn-spur-bright-blue:active, .btn-spur-bright-blue:visited, .btn-spur-bright-blue:focus {
    background-color: #13658e !important;
    border-color: #13658e !important;
    color: black !important;
}

.btn-spur-ribbon-light, .btn-spur-ribbon-light:hover, .btn-spur-ribbon-light:active, .btn-spur-ribbon-light:visited, .btn-spur-ribbon-light:focus {
    background-color: #C7D6E3 !important;
    border-color: #C7D6E3 !important;
    color: black !important;
}

.btn-spur-red, .btn-spur-red:hover, .btn-spur-red:active, .btn-spur-red:visited, .btn-spur-red:focus {
    background-color: #843A53 !important;
    border-color: #843A53 !important;
    color: white !important;
}

.btn-spur-red-dark, .btn-spur-red-dark:hover, .btn-spur-red-dark:active, .btn-spur-red-dark:visited, .btn-spur-red-dark:focus {
    background-color: #632238 !important;
    border-color: #632238 !important;
    color: white !important;
}

.btn-spur-green, .btn-spur-green:hover, .btn-spur-green:active, .btn-spur-green:visited, .btn-spur-green:focus {
    background-color: #017679 !important;
    border-color: #017679 !important;
    color: white !important;
}

.btn-spur-green-dark, .btn-spur-green-dark:hover, .btn-spur-green-dark:active, .btn-spur-green-dark:visited, .btn-spur-green-dark:focus {
    background-color: #005c5e !important;
    border-color: #005c5e !important;
    color: white !important;
}

.btn-spur-bg-light, .btn-spur-bg-light:hover, .btn-spur-bg-light:active, .btn-spur-bg-light:visited, .btn-spur-bg-light:focus {
    background-color: #89B2C2 !important;
    border-color: #89B2C2 !important;
    color: black !important;
}

.btn-spur-bg-dark, .btn-spur-bg-dark:hover, .btn-spur-bg-dark:active, .btn-spur-bg-dark:visited, .btn-spur-bg-dark:focus {
    background-color: #7AA8BF !important;
    border-color: #7AA8BF !important;
    color: black !important;
}

.btn-spur-bg-very-dark, .btn-spur-bg-very-dark:hover, .btn-spur-bg-very-dark:active, .btn-spur-bg-very-dark:visited, .btn-spur-bg-very-dark:focus {
    background-color: #599dbf !important;
    border-color: #599dbf !important;
    color: black !important;
}

/* TEXT */

/* TEXT */

/* TEXT */

.spur-main-logo {
    color: #843A53;
    font-size: 2em;
    font-family: Georgia, serif;
    font-weight: 900;
}

.spur-main-sublogo {
    color: #FFF;
    font-size: 1em;
    font-family: "EB Garamond", serif;
}

.very-small {
    font-size: 0.5em;
}

.text-real-black {
    color: black;
}

.text-spur-ribbon {
    color: #80A3B9 !important;
}

.text-spur-main {
    color: #0c0060 !important;
}

.text-spur-bright-blue {
    color: #13658e !important;
}

.text-spur-green-dark {
    color: #005c5e !important;
}

.text-spur-ribbon-light {
    color: #C7D6E3 !important;
}

.text-spur-red {
    color: #843A53 !important;
}

.text-spur-red-light {
    color: #f14e84 !important;
}

.text-spur-red-dark {
    color: #632238 !important;
}

.text-spur-green {
    color: #017679 !important;
}

.text-spur-green-light {
    color: #34dce2 !important;
}

.text-spur-green-dark {
    color: #005c5e !important;
}

.text-spur-bg-very-dark {
    color: #599dbf !important;
}

/* BACKGROUND */

/* BACKGROUND */

/* BACKGROUND */

.bg-sponsor-plain {
    background-color: #297399;
    height: 100%;
    width: 50%;
}

.bg-spur-admin {
    background-color: #2faa83;
}

.bg-error-red {
    background-color: red !important;
}

.bg-spur-dark {
    background-color: rgb(11, 10, 65) !important;
}

.bg-spur-main {
    background-color: #0c0060;
}

.bg-spur-ribbon {
    background-color: #A6C2D6 !important;
}

.bg-spur-ribbon-dark {
    background-color: rgb(136, 168, 190) !important;
}

.bg-spur-bright-blue {
    background-color: #13658e !important;
}

.bg-spur-green-dark {
    background-color: #005c5e !important;
}

.bg-spur-ribbon-light {
    background-color: #C7D6E3 !important;
}

.bg-spur-red {
    background-color: #843A53 !important;
}

.bg-spur-red-dark {
    background-color: #632238 !important;
}

.bg-spur-green {
    background-color: #017679 !important;
}

.bg-spur-green-dark {
    background-color: #005c5e !important;
}

.bg-spur-very-dark {
    background-color: #FFF !important;
}

/* TABLES */

/* TABLES */

/* TABLES */

.table-display {
    display: table;
}

.table-contain {
    overflow-x: auto;
}

.no-border {
    border-right-style: hidden !important;
    border-top-style: hidden !important;
}

.table-fill-width {
    width: 100%;
}

/* MAIN TABLE */

.table-outline-black {
    outline: 3px solid black;
    padding: 3px;
}

.table-outline-black-thin {
    outline: 1px solid black;
    padding: 3px;
}

.table-hide-scroll {
    padding: 1px;
}

.table-spur-main {
    text-align: left !important;
}

.table-spur-main td, th {
    padding: 3px;
}

.table-spur-main th {
    color: white !important;
}

.table-spur-main td {
    background-color: white;
    color: black;
}

.table-spur-main thead {
    background-color: #13658e;
}

.table-spur-main table, th, td {
    border: 1px solid #085074 !important;
    border-collapse: collapse !important;
}

td.table-spur-main-subheading {
    background-color: #297399;
}

/* USER TABLE */

.table-spur-main-user {
    text-align: left !important;
}

.table-spur-main-user td, th {
    padding: 3px;
}

.table-spur-main-user th {
    color: white !important;
}

.table-spur-main-user td {
    background-color: #4367c9;
    color: black;
}

.user-table-button-row {
    background-color: #598ebf !important;
}

.table-spur-main-user table, th, td {
    border: 1px solid #13658E !important;
    border-collapse: collapse !important;
}

/* DEFUNCT TABLE */

.table-spur-defunct {
    color: black;
}

.table-spur-defunct td, th {
    padding: 3px;
}

.table-spur-defunct td {
    background-color: rgb(140, 170, 184);
}

.table-spur-defunct thead {
    background-color: #476f85;
}

.table-spur-defunct table, th, td {
    border: 1px solid #5390af !important;
    border-collapse: collapse !important;
}

td.table-spur-defunct-subheading {
    background-color: #73858f;
}

/* USER LIST TABLE */

.table-spur-user {
    color: black;
}

.table-spur-user td, th {
    padding: 3px;
}

.table-spur-user thead {
    background-color: #13658e !important;
    color: #1e1b3f !important;
}

.table-spur-user tr:nth-child(even) {
    background-color: #599dbf !important;
    color: #1e1b3f !important;
}

.table-spur-user tr:nth-child(odd) {
    background-color: #80A3B9 !important;
    color: #1e1b3f !important;
}

.table-spur-user th, td {
    padding: 3px !important;
}

.table-spur-user table, th, td {
    border: 1px solid #843A53 !important;
    border-collapse: collapse !important;
}

.table-spur-user-subheading {
    background-color: #448aaa;
}

/* ADMIN LIST TABLE */

.table-spur-admin thead {
    background-color: #017679 !important;
    color: black !important;
}

.table-spur-admin td, th {
    padding: 3px;
}

.table-spur-admin th, td {
    padding: 10px !important;
    color: black !important;
}

.table-spur-admin table, th, td {
    border: 1px solid #004344 !important;
    border-collapse: collapse !important;
    color: black !important;
}

.table-spur-admin-subheading {
    background-color: #1a7979;
    color: black !important;
}

/* BORDERS */

/* BORDERS */

/* BORDERS */

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.border-white {
    border-color: white;
}

.border-spur-ribbon {
    border-color: #80A3B9 !important;
}

.border-green-dark {
    border-color: #005c5e !important;
}

.border-ribbon-light {
    border-color: #C7D6E3 !important;
}

.border-red {
    border-color: #843A53 !important;
}

.border-red-dark {
    border-color: #632238 !important;
}

.border-green {
    border-color: #017679 !important;
}

.border-bg-very-dark {
    border-color: #599dbf !important;
}

.border-spur-main {
    border-color: #0c0060 !important;
}

.border-error-red {
    border-color: red !important;
}

/* Specifically for the border Bryan requested around each sponsored list in the PDF: */

.wider-border {
    border: 5px solid black !important;
}
.no-page-break {
    page-break-before: avoid;
    page-break-after: avoid;
}