.ForumHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #17427B;
    font-weight: bold;
    padding: 0px;
    margin-top: 12px;
    margin-bottom: 2px;
}

.ForumDescription {
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}

.ForumListHeader {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    background-color: #D3E9FF;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ForumList {
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ForumSubject {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 5px;
}

.TableHeader {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    background-color: #D3E9FF;
    padding-top: 2px;
    padding-bottom: 2px;
}

.TableBorder {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #D3E9FF;
    padding-top: 2px;
    padding-bottom: 2px;
}

H3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    /*color: #17427B;*/
    font-weight: bold;
    padding: 0px;
    margin-top: 12px;
    margin-bottom: 2px;
}

H4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*color: #CC6600;*/
    font-weight: bold;
    padding: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.maintable {
    border: 1px solid #666666;
}

.Teaser {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: silver;
    font-weight: bold;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 2px;
}

TD {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

input[type="time"],
input[type="date"], input[type="text"],
input[type="password"], input[type="checkbox"]

textarea,
select, button {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 11px;
    border-radius: 5px;
    width: auto;
    margin: 2px;
    padding: 2px;
}

NORMAL {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

BODY {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #575757;
}

P {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
}

.textquote {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.Textfield {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 1px;
    margin: 1px;
    background-color: #f0f0f0;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
}

.Submit {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px;
    margin: 1px;
    background-color: #e0e0e0;
    border-color: #000000;
    border-width: 1px;
}

.brodtekst {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #587E9E;
}

.blaatekst {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #17427B;
}

.blaatekstfed {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #17427B;
}

.Crossref {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5E808E;
    font-weight: normal;
}

.LinkContentRef {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5E808E;
    font-weight: normal;
    text-decoration: none;
}

    .LinkContentRef:Hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #5E808E;
        font-weight: normal;
        text-decoration: underline;
    }

.address {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: black;
    text-align: center;
}

.Article {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.TableData {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

A {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #5E808E;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}



    A:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #5E808E;
        text-decoration: underline;
        font-weight: bold;
        font-size: 11px;
    }

.LinkContent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #5E808E;
    text-decoration: none;
    font-size: 11px;
}


.Rediger {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #5E808E;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

.LinkContent:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #5E808E;
    text-decoration: underline;
    font-size: 11px;
}

.LinkContent:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #5E808E;
    text-decoration: underline;
    font-size: 11px;
}

.LinkContent:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #5E808E;
    text-decoration: none;
    font-size: 11px;
}

.LinkTopmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
}

    .LinkTopmenu:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #ffffff;
        text-decoration: none;
    }

    .LinkTopmenu:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #ffffff;
        text-decoration: none;
    }

    .LinkTopmenu:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #ffffff;
        text-decoration: none;
    }

.LinkTopmenuActive {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF8000;
    text-decoration: none;
}

    .LinkTopmenuActive:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FF8000;
        text-decoration: none;
    }

    .LinkTopmenuActive:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FF8000;
        text-decoration: none;
    }

    .LinkTopmenuActive:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FF8000;
        text-decoration: none;
    }



.LinkLeftmenu:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5E808E;
    text-decoration: none;
}

.LinkLeftmenu:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5E808E;
    text-decoration: underline;
}

.LinkLeftmenu:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5E808E;
    text-decoration: none;
}

.LinkLeftmenu:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5E808E;
    text-decoration: none;
}

.LinkLeftmenuActive {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}

    .LinkLeftmenuActive:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 11px;
        color: #000000;
        text-decoration: none;
    }

    .LinkLeftmenuActive:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 11px;
        color: #000000;
        text-decoration: none;
    }

    .LinkLeftmenuActive:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 11px;
        color: #000000;
        text-decoration: none;
    }

    .LinkLeftmenuActive:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 11px;
        color: #000000;
        text-decoration: none;
    }




.minitable {
    /*border-top-style: solid;*/
    border-right-style: dotted; /*border-left-style: solid;*/ /*border-bottom-style: solid;*/
    border-color: #CCCCB2;
    border-width: 1px;
}

.subhead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #17427B;
}

input.Button {
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-top: 2px;
    padding-bottom: 2px;
}

.small {
    font-size: 8px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    white-space: normal;
    width: 60px;
    text-align: center;
}

    .small:hover {
        font-size: 8px;
    }

.pageBreak {
    page-break-after: always;
    background-color: Fuchsia;
}

.newowner {
    font-size: 8px;
}

.sum {
    border-top: solid black 2px;
    border-bottom: double black 5px;
}

.header {
    font-size: 16px;
    font-weight: bold;
}

.hidden-field {
    display: none;
}

.judgebox {
    overflow-x: auto;
    overflow-y: scroll;
}

    .judgebox td {
        font-size: 9px;
    }


.c_hidden {
    visibility: hidden;
}

.noBorder {
    border: none 0px white;
}

.noScrollbar {
    overflow: hidden;
}

.bottomcell {
    border-bottom: solid 2px black;
}

.BISTable {
    border: solid 1px black;
}

    .BISTable td {
        border: solid 1px black;
        vertical-align: top;
    }

    .BISTable tr:nth-child(odd) {
        background-color: lightblue;
    }

    .BISTable tr:nth-child(even) {
        background-color: lightgreen;
    }

    .BISTable .EmptyCell {
        background-color: black;
    }

    .BISTable .Winner {
        background-color: gold;
        color: blue;
    }

    .BISTable .BOX {
        background-color: silver;
        color: blue;
    }


.AgeHeader {
    font-size: 18px;
    font-weight: bolder;
    background-color: dimgrey;
    color: white;
}

.EntryStatChart {
    width: 1200px !important;
    height: 400px !important;
}

.AllSoldOut {
    background-color: lightgrey;
    position: absolute;
    top: 350px;
    width: 1235px;
    height: 1300px;
    filter: blur(1px);
    z-index: 1000;
    overflow: hidden;
    opacity: 0.6;
}

.AllSoldOutText {
    color: red;
    position: absolute;
    top: 100px;
    left: 250px;
    z-index: 1001;
    font-size: 50px;
    transform: rotate(-15deg);
}

A AllSoldOutText {
    font-size: 50px !important;
    color: red !important;
}

.emsdll {
    -webkit-appearance: none;
    border-color: black;
    border-radius: 3px;
    font-size: 10px;
    text-align: center;
}

.spinner {
    position: absolute;
    top: 500px;
    left: 400px;
    z-index: 1000;
}

.dommernavn {
    font-size: 16px;
}

.category {
    background-color: #1C3F95;
    color: white;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
}

.flags {
    border-radius: 3px;
}

.judgecontainer {
    width: 25%;
    border-color: #1C3F95;
    border-style: inset;
    border-width: 2px;
    border-radius: 5px;
    vertical-align: top;
}

.working {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jdcflag {
    vertical-align: middle;
    width: 30px;
}

.jdcHeader {
    vertical-align: top;
    border: black 1px solid;
}

.jdcHeader2 {
    vertical-align: top;
}

.catalog {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 14px;
}

    .catalog.header {
        background-color: #1C3F95;
        color: whitesmoke;
        font-size: 15px;
    }

    .catalog.return {
        font-size: 26px;
        text-align: center;
    }

    .catalog.header.other {
        font-size: 15px;
    }

.callingHeader {
    font-size: 26px;
    color: white;
}

.callingJudge {
    font-size: 22px;
    border: 3px solid white;
    color: white;
    text-align: center;
    background-color: darkslategrey;
    word-wrap: break-word;
}

.catcalling {
    font-size: 20px;
    width: 25%;
    text-align: center;
    color: white;
}

.catcalling2 {
    font-size: 14px;
    width: 65%;
    text-align: left;
    color: white;
}

.CallingGender {
    width: 10%;
    text-align: right;
    filter: invert(100%);
}

.callingjudgecell {
    text-align: center;
    vertical-align: top;
    border: 3px solid White;
    height: 85%;
}

.callingwarning {
    color: yellow;
    background-color: red;
}

blink, .blink {
    -webkit-animation: blink 1s step-end infinite;
    -moz-animation: blink 1s step-end infinite;
    -o-animation: blink 1s step-end infinite;
    animation: blink 1s step-end infinite;
}

.absent {
    background-color: gray !important;
    color: orange !important;
}

.callingSteward {
    -moz-border-radius: 5px !important;
    border-collapse: collapse !important;
    border: none !important;
}

    .callingSteward th:first-child {
        -moz-border-radius: 5px 0 0 0 !important;
    }

    .callingSteward th:last-child {
        -moz-border-radius: 0 5px 0 0 !important;
    }

    .callingSteward tr:last-child td:first-child {
        -moz-border-radius: 0 0 0 5px !important;
    }

    .callingSteward tr:last-child td:last-child {
        -moz-border-radius: 0 0 5px 0 !important;
    }

/*    .callingSteward tr:hover td {
        background-color: #ddd !important
    }
*/
.callActive {
    background-color: yellow;
    font-weight: bolder;
}

.callButton {
    min-width: 40px;
}

.callingcheckbox {
    color: pink;
}

@-webkit-keyframes blink {
    67% {
        opacity: 0
    }
}

@-moz-keyframes blink {
    67% {
        opacity: 0
    }
}

@-o-keyframes blink {
    67% {
        opacity: 0
    }
}

@keyframes blink {
    67% {
        opacity: 0
    }
}

.voteButton {
    margin: 3px;
    white-space: normal;
    min-width: 40px;
}

.BISHeader {
    font-size: 16px;
    border: 1px solid black;
    text-align: center;
}

.BISNumber {
    font-size: 20px;
    text-align: center;
    border: 1px solid black;
}

.BISWinner {
    color: gold;
    background-color: darkblue;
}

.frontpagePanel {
    margin-left: auto;
    margin-right: auto;
    border-style: dashed;
    border-width: 2px;
    border-color: #ffffff;
    width: 100%;
    padding: 6px;
}

    .frontpagePanel.admin {
        background-color: midnightblue;
        color: white;
    }

    .frontpagePanel.staff {
        background-color: darkgreen;
        color: white;
    }

.langFlag {
    height: 16px;
    padding: 2px;
}

.sidebars {
    background-color: #f8f8f8;
    height: 43vw;
}

.mainmenu {
    height: 43vw;
    vertical-align: top;
}

.version {
    font-size: 10px;
    color: gainsboro;
    text-align: left;
    padding: 2px;
    vertical-align: bottom;
}


@media (min-width: 1200px) {
    .headerImage {
        Height: 150px;
    }

    .sidebars {
        width: 10vw;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .headerImage {
        Height: 120px;
    }

    .sidebars {
        width: 7vw;
    }
}

@media (max-width: 767px) {
    .headerImage {
        Height: 100px;
    }

    .sidebars {
        width: 5vw;
    }
}

@media (max-width: 480px) {
    .headerImage {
        Height: 80px;
    }

    .sidebars {
        width: 3vw;
    }
}

.spaced-rbl label {
    margin-right: 10px;
}

.modalPopup {
    background-color: white;
    border: 1px solid #ccc;
    padding: 20px;
    width: 500px;
}

.modalBackground {
    background-color: rgba(0,0,0,0.5);
}

.showcreatetable tr:nth-child(2n+1) {
    background-color: silver;
}

.catname {
    width: 200px;
}

/*.nav-menu a {
    position: relative;
    padding: 8px 0;
    text-decoration: none;
    color: #333;
    font-weight: 500;
}

    .nav-menu a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 0%;
        height: 3px;
        background: linear-gradient(90deg, #000, #444);
        border-radius: 3px;
        transition: width 0.35s cubic-bezier(.25,.8,.25,1);
    }

    .nav-menu a:hover::after {
        width: 100%;
    }

.nav-menu li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    padding-left: 10px;
}

.paw-tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.paw-tree li {
    padding-left: 12px;
    position: relative;
    margin: 4px 0;
}

    .paw-tree li::before {
        content: "🐾";
        position: absolute;
        left: 0;
        top: 2px;
        font-size: 16px;
        opacity: 0.8;
    }

*/

.menutree {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 10vw;
}
    .menutree td, span {
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    .treeNode:before {
        list-style-type: disc;
    }

    .menutree .level0 {
        padding-left: 0px;
    }
    .menutree .level1 {
        padding-left: 0px;
    }
    .menutree .level2 {
        padding-left: 0px;
    }
    .menutree .level3 {
        padding-left: 0px;
    } 

    .menutree td {
        padding-left: 0px !important;
    }

        .menutree td:first-child {
            width: 10px !important;
        }

    /*.menuTree ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .menuTree li {
        margin: 0;
        padding: 0;
    }*/
    /* All node links */

    /*.menuTree a {
        display: block;
        padding: 6px 10px;
        text-decoration: none;
        color: #333;
    }

        .menuTree a.menu-root {
            font-weight: bold;
            background: #f0f0f0;
        }*/
        /* Parent node (has children) */

        /*.menuTree a.menu-parent {
            background: #e4e4e4;
        }*/
        /* Leaf node (no children) */

        /*.menuTree a.menu-leaf {
            background: #ffffff;
        }*/
        /* Selected node */

        /*.menuTree a.menu-selected {
            background: #337ab7;
            color: #fff;
        }*/
        /* Hover node (from HoverNodeStyle) */

        /*.menuTree a.menu-hover, .menuTree a:hover {
            background: #d9edf7;
            color: #31708f;
        }*/
/*
.treeviewleafnode {
    max-width: 120px;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.treeviewnode {
    white-space: normal;
    overflow-wrap: break-word;
    max-width: 150px;
}

.treeviewrootnode {
}

.treeviewselectednode {
}

.treeviewhovernode {
}*/



/* Login page CSS */
/* Center the login box */
.login-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    background: linear-gradient(135deg, #4b79a1, #283e51);
    padding: 20px;
}

/* Card-style login box */
.login-box {
    background: #ffffff;
    padding: 40px 35px;
    border-radius: 14px;
    width: 350px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.25);
    animation: fadeIn 0.6s ease-out;
}

/* Labels */
.login-label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #333;
}

/* Inputs */
.login-input {
    width: 100%;
    padding: 12px 14px;
    margin-bottom: 18px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.25s ease;
}

    .login-input:focus {
        border-color: #4b79a1;
        box-shadow: 0 0 6px rgba(75,121,161,0.4);
        outline: none;
    }

/* Checkbox */
.login-checkbox {
    margin-bottom: 20px;
    display: inline-block;
}

    .login-checkbox input[type="checkbox"] + label {
        margin-right: 8px;
    }

/* Button */
.login-button {
    width: 100%;
    padding: 12px;
    background: #4b79a1;
    border: none;
    color: white;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.25s ease;
}

    .login-button:hover {
        background: #3a5f7c;
    }

/* Error message */
.login-error {
    color: #d9534f;
    font-weight: bold;
    margin-bottom: 15px;
}

/* Subtle fade-in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.flex-row {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
}

.clubbox {
    flex: 1 0 140px;
    background-color: #dcdcdc;
    border-radius: 8px;
    display: flow;
    -webkit-align-items: inherit;
    align-items: inherit;
    justify-content: center;
    color: white;
    font-size: 1.4rem;
    min-height: 25vw;
    box-shadow: 3px 5px 10px 4px;
}

.clubtable {
    width: 100%;
    border: 1px solid;
    border-radius: 8px;
    height: 4vw;
}

.clubheader {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
    padding-bottom: 3px;
    width: 80%;
}

.clublogo {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    vertical-align: top;
    align-content: flex-start;
    -webkit-align-items: inherit;
    align-items: inherit;
    padding: 5px;
    position:relative;
    
}

.clubwebaddress {
    font-size: 0.8rem;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid Black;
}

.clublogoimg {
    max-width: 64px;
    max-height: 64px;
    object-fit: contain;
    opacity: 0.8;
}

.showinfoheader {
    width: 100%;
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.showinfotable {
    width: 100%;
    margin-bottom: 10px;
}

.dateSelector {
    width: 150px;
}