html {
  font-size: 14px;
}

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

:root {
    --ee-blue: #251EAA;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

/*body {
  margin-bottom: 60px;
}*/

body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
    background-color: lightgray;
}

.eeresults-navbar {
    background-color: white;
    padding-top: 20px;
}

.eenav-container {
    background-color: black;
    color: white;
}

.female-summary {
    background-color: whitesmoke;
    float: left;
    width: 50%;
    border: 1px solid black;
}

.male-summary {
    background-color: whitesmoke;
    float: right;
    width: 50%;
    border: 1px solid black;
}

.sticky-header {
    position: sticky;
    top: 0;
}

.non-binary-summary {
    background-color: whitesmoke;
    float: left;
    width: 50%;
    border: 1px solid black;
}

.overall-results-all {
    background-color: whitesmoke;
    width: 100%;
    border: 1px solid black;
}

.event-list {
    background-color:gainsboro;
    width: 100%;
    border: 1px solid white;
}

.event-header-table {
    background-color: lightgray;
    width: 100%;
    /*border: 1px solid gray;*/
}

tr:nth-of-type(even) {
    background-color: #ccc;
}

.summary-header {
    text-align: center;
    clear: both;
}

.page-link {
    text-align: left;
    clear: both;
}

.division-header {
    text-align: center;
    background-color: darkgray;
}

.header-parent {
    /*border: 1px solid black;*/
    margin: 1rem;
    padding: 2rem 2rem;
    text-align: center;
}

.header-child {
    display: inline-block;
    /*border:1px solid red;*/
    padding: 1rem 1rem;
    vertical-align: middle;
    /*height:20px;
    width:auto;*/
}

.header-logo {
    float: left;
}

.header-name {
}

.col-place {
    width: 20%;
    padding-left: 5px;
    /*background-color:antiquewhite;*/
}

.col-finisher {
    width: 40%;
    /*background-color: antiquewhite;*/
}

.col-age {
    width: 20%;
    /*background-color: antiquewhite;*/
}

.col-net-time {
    width: 20%;
    /*background-color: antiquewhite;*/
}

.time-value {
    text-align: right;
    padding-right: 20px;
    /*background-color: antiquewhite;*/
}

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

.first-name-value {
    padding-left: 20px;
}

.header-row-summary {
     background-color: #251EAA;
   /* background-color: #F5FFFF;*/
    border: 1px solid black;
     color: white;
}

.eelogo {
    width: 200px;
    height: auto;
}

.raceLogo {
    width: 100px;
    height: auto;
}

.text-file-contents {
    white-space: pre-line;
}

.nav-vert-line {
    background-color:darkgray;
    height:100%;
    width:2px;
}

#partPageHeader {
    text-align: center;
}

#partTableHeader {
    background-color: black;
    color: white;
}

#partTableHeader2 {
    background-color: black;
    color: white;
}

#partTable {
    width: 400px;
}

#allContainer {
    display: flex;
    justify-content: space-around;
}

#partContainer {
    /*float:right;*/
    width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-color: #C0C0C0;
}

#partHeader {
    background-color: black;
    color: white;
}

#partRow1 {
    /*background-color:white;*/
    /*display:inline-block;*/
    /*vertical-align:middle;*/
    display: flex;
    justify-content: space-around;
}

#partR1C1 {
    float: left;
    margin: 10px;
    background-color: #FAF9F6; /*#FFFFF0;*/
    width: 100px;
    text-align: center;
}

#partR1C2 {
    float: left;
    margin: 10px;
    background-color: #FAF9F6; /*#FFFFF0;*/
    width: 100px;
    text-align: center;
}


#partSplitContainer {
    width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-color: #C0C0C0;
}



#partSplitTable {
    width: 400px;
}

#partSplitTableHeader {
    background-color: black;
    color: white;
    column-span:all;
}

#one {
    margin: 0 auto;
}

#partCol {
    float: left;
    margin: 10px;
    background-color: #FAF9F6; /*#FFFFF0;*/
    width: 100px;
    text-align: center;
}

#partRow2 {
    /*background-color: aquamarine;*/
    /*display: inline-block;*/
    display: flex;
    justify-content: space-around;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.logo-float-container {
    border: 3px solid #fff;
    padding: 20px;
/*    display:inline-block;*/
    overflow:auto;
}

.logo-float-child1 {
    float: left;
}

.logo-float-child2{
float:left;
}

/* New stuff*/

.currentSelection {
    background-color:darkgrey;
}

.divisionTableHeaderRow{
    background-color:darkgray;
    color:white;
    text-align:center;
}

.table.divisionTableHeaderRow {
    background-color: darkgray;
    color: white;
    text-align: center;
}

.ee-table.divisionTableHeaderRow {
    background-color: darkgray;
    color: white;
    text-align: center;
}
/***********************************************/

/* unvisited link */
/*a:link {
    color: blue;
}*/

/* visited link */
/*a:visited {
    color: green;
}*/

/* mouse over link */
a:hover {
    color: lightcyan !important;
}

/* selected link */
/*a:active {
    color: yellow;
}*/

/**********************************************/


/* unvisited link */
/*.nav-link:link {
    color: green !important;
}*/

/* visited link */
/*.nav-link:visited {
    color: green !important;
}*/

/* mouse over link */
.nav-link:hover {
    color: lightcyan !important;
    /*color: #e8c5cf !important;*/
    /*color: #e2c5e8 !important;*/
    /* color: #d9e8c5 !important;*/
    /*color: #e8d1c5 !important;*/
}

/* selected link */
/*
.nav-link:active {
    color: mediumspringgreen !important;
}
    */

/**********************************************/

.hasData{
    pointer-events:none;
    color:gray;
}

.button {
    /*font: bold 11px Arial;*/
    text-decoration: none;
    text-align:center;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.button-blue {
    /*font: bold 11px Arial;*/
    text-decoration: none;
    text-align: center;
    background-color: #251EAA;
    color: white;
    padding: 2px 6px 2px 6px;
/*    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;*/
    border: ridge 5px;
}

.button-black {
    /*font: bold 11px Arial;*/
    text-decoration: none;
    text-align: center;
    background-color:black;    
    color: white;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.btn-info {
    background-color: #251EAA;
    padding: 2px 6px 2px 6px;    
}

.btn-primary {
    background-color:black;
    padding: 2px 6px 2px 6px;
    border-radius:10px;
}

.btn-danger {
    background-color: #251EAA;
    padding: 2px 6px 2px 6px;
}

.btn-default {
    background-color: #251EAA;
    padding: 2px 6px 2px 6px;
    /*border: ridge 5px;*/
    border: outset 5px;
    border-radius:10px;
    color:white;
}

.text-gray {
    color:lightgray;
}

/*body, html {
    overflow-x:hidden;
}*/

/*.navbar-collapse {
    overflow-x:hidden;
}
*/


/*.tbl-row{
    border:solid 1px;
    border-color:black;
}*/
    

.tbl-sm-font{
    font-size:small;
    font-weight:bold;
}

/*.table-primary{
    background-color:blue;
}*/

/*.table-custom-row-border{
    border:solid 1px;
    border-color:black;
}*/

.table td {
    /*    border-top: 1px solid black;
    border-bottom: 1px solid black;*/
    border-top: 1px solid #A9A9A9;
    border-bottom: 1px solid #A9A9A9;
}

.table {
    border-collapse: collapse;
}

.custom-header-style {
    background-color: #251EAA;
    color: white;
}

.custom-header-style th{
    background-color:transparent;
}



.my-3d-border{
    border-style:solid;
    border-width:5px;
    /*border-color:#ccc #eee #eee #ccc;*/
    border-color:black;
    padding:15px;
}

.split-first {
/*    border-top-style : solid;
    border-bottom-style: solid;
    border-left-style:solid;
    border-right-style:solid;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-color: blue;
    border-bottom-color: blue;
    border-left-color: blue;
    border-right-color:blue;*/
/*background-color:blue !important;*/
color:blue;
}

.split-second{
    color:red;
}

.split-third{
    color:green;
}

dropdown {
    position: relative;
    display: inline-block;
   /* max-width:160px;*/
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        color: black;
        /*padding: 12px 16px;*/
        padding-right: 10px;
        padding-left: 10px;
        text-decoration: none;
        display: block;
    }

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

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

/*.dropdown:active{
    display:block;
}*/

li.no-dot{
    list-style-type:none;
}

ul.no-margins{
    padding-left:0;
    margin-left:0;
    list-style-type:none;
}



.ee-table {
/*    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);*/
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
}

.ee-table-striped > tbody > tr:nth-of-type(odd) {
    /*    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);*/
    /*background-color: aqua;*/
}

.ee-table-striped > tbody > tr:nth-of-type(even) {
    /*    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);*/
    /*background-color: white;*/
}

.ee-table thead tr.blue-header-row {
    background-color: #251EAA;
    color: white;
}

 .ee-table thead tr.blue-header-row th {
    background-color: transparent;
 }

.ee-table thead tr{
    background-color:black;
}

.ee-table thead tr td{
    padding-top:10px;
    padding-bottom:10px;
}

.ee-table thead tr th {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ee-table tbody tr.secondary-black-header{
    background-color:black;
    color:white;
    text-align:center;
}

.ee-table td:first-child{
    padding-left:10px;
}

.ee-table th:first-child {
    padding-left: 10px;
}

.ee-table td{
    padding-left:10px;
    padding-right:10px;
}

/*ee-table tbody tr:nth-child(odd):has(td.status-cell[data-value="F"]) {
    background-color: red;
}*/

/*ee-table tbody tr:has(.femalerow) {
    background-color: red;
}*/

.ee-table tbody tr {
    border: 1px solid;
    border-color:silver;
}

.ee-table tbody tr td{
    padding-top:10px;
    padding-bottom:10px;
}

tr:has(.femalerow) {
    background-color: #d5dfe8;
}

tr:has(.malerow) {
    background-color: rgb(240,240,240);
}

tr:has(.nonbinaryrow) {
    background-color: rgb(240,240,250);
}

@media(max-width: 768px){
    button.full-width{
        width:100%;
    }
}

object.event-file-contents{
    width:100%;
    height:700px;
}

.custom-dropdown {
    position:relative;
    display:inline;
}


.dropdown-item-img {
    width: 50px; /* Adjust size as needed */
    height: auto;
    margin-right: 10px; /* Adds space between the image and text */
    vertical-align: middle; /* Aligns image vertically with the text */
}

.sponsor-logo{
    width:auto;
    height:100px;
}

.btn-registration {
    background-color:#36454F;
    padding: 2px 6px 2px 6px;
    /*border: ridge 5px;*/
    border: outset 5px;
    border-radius: 10px;
    color: white;
}

@media (max-width: 450px) {
    .navbar-collapse {
        flex-direction: column !important;
        align-items: stretch !important;
    }

        .navbar-collapse ul.navbar-nav {
            flex-direction: column !important;
            width: 100% !important;
        }

    ul.navbar-nav li.nav-item {
        width: 100% !important;
        display: block !important;
    }

        ul.navbar-nav li.nav-item form {
            display: flex !important;
            width: 100% !important;
        }

            ul.navbar-nav li.nav-item form .form-control {
                flex: 1 !important;
                min-width: 0 !important;
            }

    .navbar-collapse .nav-link,
    .navbar-collapse .btn {
        width: 100% !important;
        text-align: center !important;
        margin: 2px 0 !important;
    }

    /* Override the above for buttons inside search forms */
    ul.navbar-nav li.nav-item form .btn {
        width: auto !important;
        flex-shrink: 0 !important;
    }

    .navbar-nav .nav-item > ul {
        padding-left: 0;
        list-style: none;
    }

    header h4 {
        font-size: 0.9rem;
        text-align: center;
        padding: 0 10px;
    }
}

.navbar-nav .nav-item form .form-control {
    min-width: 130px;
}


/*header {
    overflow:visible;
}*/

.navbar-nav .nav-item .btn {
    text-align: center;
}