/* 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. */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:400,300&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Pathway+Gothic+One&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Oswald:400,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

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

/* Provide sufficient contrast against white background */
a {
    /*color: #1d739f;*/
    color: #3d85c6
}

.btn-brown {
    color: #fff;
    /* background-color: #1b6ec2;*/
    background-color: #3d85c6 !important;
    /*border-color: #1861ac;*/
    border-color: #fff !important;
    border-radius: 0% !important;
}

.btn {
    border-radius: 0% !important;
}

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

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 12px;
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    /*font-weight: bolder;*/
    /*font-family: 'Pathway Gothic One', sans-serif;*/
    /*font-family: 'Titillium Web', sans-serif;*/
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Roboto', sans-serif;
}
@media (min-width: 750px) {
    html {
        font-size: 15px;
        /*font-family: 'Open Sans Condensed', sans-serif;*/
        /*font-weight:bolder;*/
        /*font-family: 'Titillium Web', sans-serif;*/
        /*font-family: 'Lato', sans-serif;*/
        font-family: 'Roboto', sans-serif;
    }
}

.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;
}

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

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    /*font-family: 'Titillium Web', sans-serif;*/
    /*font-weight: bolder;*/
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.container {
    margin-left:2px !important;
    margin-right:2px !important;
}

.table td {
    padding: 0.25rem;
}

.table.big  td {
    padding: 0.25rem;
    font-size:18px;
}


tr.old {
    color: grey !important;
}

tr.firstnew {
    color: darkblue !important;
    font-weight:bold !important;
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: white;
    color: #333;
    font-weight: bold;
}

.nounderline {
    text-decoration: none !important
}

a:hover, a:focus {
    text-decoration: none;
}

/*slider*/

.irs--big .irs-to, .irs--big .irs-single, .irs--big .irs-bar {
    background-color: #3d85c6 !important;
    border: 1px solid #3d85c6 !important;
    background: linear-gradient(to bottom, #ffffff 0%, #3d85c6 30%, #3d85c6 100%) !important;
}

div .ninepin-logo {
    height:30px;
    width:30%;
    min-width:200px;
    float:left;
    font-size:medium;
}
a.logo {
    font-size:17px;
}

a.hd {
    color: inherit !important;
} 



div .ninepin-menu {
    /*/height: 30px;
    float: left; */
    position:absolute !important;
    font-size: x-small !important;
    left:200px;
}

div .ninepin-menu span {
    padding-left:10px !important;
    padding-right:10px !important;
    overflow: auto !important;
}

div .container {
    position: relative !important;
    overflow: auto !important;
}



div .table-stats th {
    font-size:x-small !important;
    padding-right:0px;
    text-align:right;
    padding:3px;

}

div .table-stats th.left {
    font-size: x-small !important;
    padding-right: 0px;
    text-align: left;
    padding: 3px;
}
div .table-stats td {
    font-size:smaller !important;
}

h4 a.logo {
    font-size:70% !important;
}

h6 a.menu-item {
    font-size: 95% !important;
}


a.menu-season {
    font-size: 130% !important;
}

span.menu-season {
    font-size: 120% !important;
}

h6.emphasized a.menu-item {
    color: crimson !important;
    font-weight: bold;
    font-size: 95% !important;
}


div.table-scoreboard td.spacer {
    padding: 0px !important;
    max-width: 5px !important;
    min-width: 5px !important;
    border-spacing: 0px;
    font-size: 10%;
}

div.table-scoreboard table{
    max-width: 100% !important;
}

div.table-scoreboard {
    font-size:95% ;
}

div .newsletter  {
    font-size:10px !important;
    }

div .newsletter input {
    height:20px;
}

div .newsletter button {
    margin-top:-4px;
    height: 22px !important;
    font-size:10px !important;
}

td input.input-kk {
    width: 30px;
    color: silver !important;
}


td input.input-kk-err {
    width: 30px;
    background-color: darkred !important;
    font-weight:bold;
}


td input.input-kk-r {
    width: 30px;
    color: silver !important;
    text-align:right;
}

td input.input-r {
    width: 60px;
    /*color: silver !important;*/
    text-align: center;
}

td input.input-r-err {
    width: 60px;
    color: darkred !important;
    border-color: red !important;
    text-align: center;
}

td input.input-r-ro {
    width: 60px;
    /*color: silver !important;*/
    text-align: center;
    color:darkolivegreen;
    background-color:aliceblue;
}

td input.input-rw-ro {
    width: 100px;
    /*color: silver !important;*/
    text-align: center;
    color: darkolivegreen;
    background-color: aliceblue;
}

td input.input-rw {
    width: 100px;
    /*color: silver !important;*/
    text-align: center;
}


table.tb-entergame input {
    height:35px;
    font-size:16px;
}

table.tb-entergame select {
    height: 35px;
    font-size: 16px;
}

/*table.tb-entergame option {
    height: 35px;
}*/

a.bigger {
    font-size: 16px;
}

div .yearswitch {
    height:20px;
}

button.btn-pairs-print {
    border-color: lightgray;
    background-color: white;
    border-style: solid;
    border-width: thin;
    border-radius: 2px 2px;
    padding: 4px;
    color: #3d85c6;
    
}

    button.btn-pairs-print:hover {
        color: #006CD0;
    }

button.btn-pairs-print:disabled {
    background-color:lightgray;
}

    button.btn-pairs-print:hover:disabled {
        color: #3d85c6;
    }


span.selected {
    font-weight: bolder;
    background-color: lightskyblue;
    border-radius: 2px 2px;
    padding:5px;
    font-size:15px;
}

span.unselected {
    border-color: lightgray;
    border-style: solid;
    border-width: thin;
    border-radius: 2px 2px;
    padding: 4px;
    font-size: 15px;
}

form.xy {
    padding:0px;
    margin-bottom:10px;
}

/* ===== Archive year dropdown ===== */
.archive-dropdown-wrap {
    display: flex;
    align-items: center;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 10px;
    margin-left: 6px;
}

.archive-select {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 12px;
    padding: 3px 26px 3px 10px;
    font-size: 12px;
    font-family: inherit;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23ffffff' opacity='0.6' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.archive-select:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.65);
}

.archive-select:focus {
    outline: none;
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.2);
}

.archive-select option {
    background: #1a3d6e;
    color: #fff;
}

/* ===== Navbar Dvojice ===== */
.navbar-dvojice {
    background: linear-gradient(135deg, #12294a 0%, #1e4e8c 55%, #3d85c6 100%);
    border-bottom: 3px solid #0e1f38 !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-brand-area {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    margin-right: 20px;
}

.club-name-link {
    font-size: 10px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.65) !important;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.club-name-link:hover {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none !important;
}

.competition-title-link {
    font-size: 20px;
    font-weight: 700;
    color: #fff !important;
    text-decoration: none !important;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

.competition-title-link:hover {
    color: rgba(255, 255, 255, 0.85) !important;
    text-decoration: none !important;
}

.navbar-nav-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-grow: 1;
    gap: 4px;
}

.year-badge {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 12px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.year-badge:hover {
    background: rgba(255, 255, 255, 0.18);
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.65);
    text-decoration: none !important;
}

.year-badge.year-active {
    background: rgba(255, 255, 255, 0.22);
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
    font-size: 13px;
    padding: 3px 11px;
}

.archive-section {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 10px;
    margin-left: 6px;
}

.archive-label {
    color: rgba(255, 255, 255, 0.45);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-right: 3px;
    white-space: nowrap;
}

.logout-link {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 12px;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.35);
    padding: 3px 10px;
    border-radius: 3px;
    white-space: nowrap;
    transition: background-color 0.15s ease;
}

.logout-link:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #fff !important;
    text-decoration: none !important;
}

/* ===== Footer ===== */
.site-footer {
    background: #f4f6f8;
    border-top: 2px solid #d0d8e0 !important;
}

.footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}

.footer-copy {
    font-size: 11px;
    white-space: nowrap;
}

.footer-newsletter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}