/* Show it's not fixed to the top */
body {
    min-height: 75rem;
    background-blend-mode: overlay;
    margin-bottom: 100px;
}
body.forest {
    background-image: url('/static/images/skov1.jpg') !important;
    background-position: center top!important;
    background: fixed;
    background-size: cover!important;
    background-blend-mode: overlay;
}
body.video {
}
.bg-dark {
    background-color: #ff8200!important;
}
.nav-link {
    color: rgb(0 0 0 / 100%)!important;
}
.navbar-brand {
    padding: 0!important;
}
#header-logo {
    max-height: 50px;
}
form {
    /*background-color: #212529;*/
    background: rgb(24, 26, 33, .5);
    padding: 20px;
    border-radius: 10px;
    max-width: 450px;
}
form label {
    color: #FFF;
    /*display: inline!important;*/
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}
form ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    top: -16px;
}
form ul li label {
    color: #898984;
}
form ul.errorlist {
    background-color: #6a0707;
    border-radius: 4px;
    list-style: none;
    padding: 10px;
    margin-top: 25px;
    margin-bottom: 4px;
    color: #FFF;
    font-weight: inherit;
    top: 0;
}
form input[type="email"],
form input[type="password"],
form input[type="text"],
form input[type="number"],
form input[type="url"],
form select {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
form input[type="checkbox"] {
    margin: 0;
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 8px;
    margin-top: 0;
}
form input:disabled,
form select:disabled  {
    color: #484242!important;
    background-color: #93989b!important;
}
form textarea {
    width: 100%;
}
form p,
form p div.invalid-tooltip {
    position: relative;
}
h3 {
    font-size: 24px;
    margin: 16px 0;
}

.alert-messages {
    min-width: 220px;
    max-width: 500px;
}
.alert-error {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.navbar-brand {
    font-size: x-large;
    color: yellow!important;
    text-shadow: 1px 1px 6px #3a010d;
}

.text-muted {
    color: #adb5bd!important;
}


/* move language dropdown and signout icon to right side of top menu */
@media only screen and (min-width: 576px) {
    .navbar-collapse #sign-in-button,
    .navbar-collapse #sign-out-button {
        position: absolute;
        right: 70px;
        width: auto;
        top: initial;
    }
}

/* jump to top button */
@media only screen and (max-width: 780px) {
    #scroll-to-top-button {display: none!important;}
}
#scroll-to-top-button {
  display: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  z-index: 9999;
}

#ajax_loader {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgb(24, 26, 33, .8);
    display: none;
}
#ajax_loader img {
    position: fixed;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

form span.helptext {
    font-size: small;
}

#id_captcha_1 {
    width: 140px;
    display: inline-block;
    margin-left: 5px;
}
label[for="id_captcha_1"] {
    display: none;
}
.captcha {
    /* margin-left: 10px;
    vertical-align: middle; */
}


body.index_signed_out section h1,
body.index_signed_out section p.lead {
    color: #edeeef!important;
    text-shadow: 0px 0px 6px #300101;
}

form textarea#id_comment {
    height: 60px;
}

form input[id^=id_products_qty_] {
    width: 90px!important;
    float: right;
    clear: both;
}
@media only screen and (max-width: 576px) {
    body.breeder_order form label {
        display: block!important;
    }
    form input[id^=id_products_qty_] {
        width: 100px!important;
        float: unset;
        clear: unset;
    }
}
table.table {
    background-color: #b5aea7;
}

.blackface {
    color: rgb(0 0 0 / 100%)!important;
}

main.container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* fixing table-responsive issue with tables */
body.breeders main.container,
body.shops main.container,
body.breederorders main.container,
body.sales_report main.container {
    display: block;!important;
    flex-direction: unset;!important;
    align-items: unset;!important;
}

div#rules {
    background: rgb(24, 26, 33, .5);
    padding: 20px;
    border-radius: 10px;
    max-width: 600px;
}

#faqs {
    padding-top: 130px;
    padding-bottom: 130px;
    position: relative;
    z-index: 1;
}
#faqs .accordion-item,
#feedingtables .accordion-item {
    margin-bottom: 20px;
}
#faqs .accordion-button,
#faqs .accordion-button.collapsed,
#feedingtables .accordion-button,
#feedingtables .accordion-button.collapsed {
    /*background-color: #ff8200!important;*/
}
.accordion {
    --bs-accordion-btn-color: ghostwhite;
    --bs-accordion-btn-bg: #ff8200;
    --bs-accordion-active-color: maroon;
    --bs-accordion-active-bg: #ff8200;
}