html { position: relative; /*min-height: 100%;*/ font-size: 18px;  } 
body { padding: 0; margin: 0; font-family: "Source Sans 3", sans-serif; font-optical-sizing: auto; font-style: normal; background-size: cover;  background-image: url("../assets/bg.jpg"); background-color: #edeae8;  background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;} 
.bg-white {  --bs-bg-opacity: .3;}
h1, h2, h3, h4, .info-message, .points-count, .body-zavodnika, .points { font-family: "Teko", sans-serif; font-optical-sizing: auto; font-weight: 100; font-style: normal; } 
h1 { font-size: 4rem; color: #716042; } 
h2 { font-size: 3rem; } 
h3 { font-size: 2.6rem; }
h4 { text-transform: uppercase; }
.container { display: flex; width: 100vw; margin: 0; }
.section { border: 1px solid lightgrey; margin: 0 auto; text-align: center; }
.selected { background-color: #ffa6ac; border: 2px solid red; }
.skupina-vyhodnoceni-div { padding: 10px; }
.skupina-strelba-div { border: 1px solid #ccc; margin-bottom: 2px; background-color: lightyellow; }    
.skupina-strelba-div h4 { padding: 10px; margin-bottom: 0; background-color: LemonChiffon; }
.zavodnik-div { border: 1px solid #ddd; padding: 8px; cursor: move; cursor: grab; position: relative;}    
.zavodnik-div p { margin-bottom: 0; padding-left: 15px; }
.zavodnik-div-2 { border: 2px solid green; margin-bottom: 5px; padding: 8px; }
.container-fluid { height: 100%; }
.left-side, .right-side { flex: 6; padding: 20px; box-sizing: border-box; overflow-y: auto; max-height: 100vh;}
.left-side { flex: 1; padding-bottom:50vh;}
.actualgroups { display:flex; flex-wrap: wrap;} 
.actual-skupina-div {display: flex;}
.skupina-strelba-div { width: 18%; margin: 1%; }
.typ-luku-section { margin-top: 10px; margin-top: 10px; border: 1px solid gray; }    
.typ-luku-section h3 { background-color: gray; padding: 10px; color: white; margin-bottom: 0; text-transform: uppercase; font-weight: bold; font-size: 14pt; }    
.typ-luku-section h4 { padding: 10px; background-color: Gainsboro; }    
.typ-luku-section h5 { padding-left: 10px; font-weight: bold; }
.left-side .hide-on-left { display: none; visibility: hidden; }
.hide-on-left-display {opacity: .5;}
.skupina-strelba-div.black { border: 2px solid black; }
.skupina-strelba-div.green { border: 2px solid green; }
.skupina-strelba-div.red { border: 2px solid red; }
.skupina-strelba-div.orange { border: 2px solid orange; }
.createRace-btn { border: 2px dashed #000; background-color: transparent; font-weight: 500; width: 300px; padding: 10px; margin-bottom: 20px; }    
.createRace-btn:hover {background-color:white;}
.createRace-btn span { float: left; margin-left: 5px; margin-top: 2px; }    
.createRace-btn img { float: right; margin-right: 5px; }
.info-btn-race { width: 110px; background-color: #e8ddd2; border: none; font-weight: 700; font-size: 21px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 100; font-family: teko; text-transform: uppercase; color: #716042; }    
.info-btn-race:hover, .info-btn-race:hover img { color: black; filter:none; background-color:#dee1e6; }    
.info-btn-race img { width: 35px; margin: 5px; filter: invert(34%) sepia(41%) saturate(362%) hue-rotate(360deg) brightness(100%) contrast(89%); background: transparent;}
.info-btn-race.done {  background-color: #74bf9d; color: white; position: relative;}
.info-btn-race.done img {filter: invert(100%);}
.info-btn-race.done::before { content: "\2714"; position: absolute; bottom: 0; right: 10px; font-size: 20px; opacity: .3;}
.info-btn-race.done:hover img { filter:invert(100%); background: transparent;}    
.race-div { display: flex; gap: 10px; margin-bottom: 20px; }
.race-div-info { width:500px; max-width:500px; padding: 10px; background-color: #e8ddd2; overflow:hidden; position:relative;}    
.race-div-info h3{margin-bottom: 0; color:#9dacb3;}
.race-div-info span img { width: 13px; margin-right: 5px; filter: invert(45%) sepia(1%) saturate(2012%) hue-rotate(208deg) brightness(88%) contrast(90%);}    
.race-div-info span { margin-right: 10px; color: #67666e; font-size: 16px;}    
.twoShot{ display:none; } 	 
.info-message { text-align: center; color: #CE4444; padding: 10px; font-size: 2rem;}
.left-but, .right-but {border: none;  background-color: #bf9974;  width: 10vw;  font-size: 2rem;  color: black;}
.btn-back {margin-bottom: 15px; margin-right: 15px; border: none; filter: invert(34%) sepia(41%) saturate(362%) hue-rotate(360deg) brightness(100%) contrast(89%); background: transparent;}
.field-des { color: white;  background-color: #716042;  min-width: 180px;  display: flex;  align-items: center;  justify-content: center; padding:10px 20px;}
.input-val { flex: 1; border: 1px solid #716042; padding-left: 20px;}
.form-btn {text-align:center; padding: 10px 20px;  color: white;  background-color: #bf9974; border: none;  text-transform: uppercase;}
a.form-btn{text-decoration:none; font-weight:bold;}
.revert-btn { position: absolute;  top: 3px;  right: 7px;  font-size: .7rem;  font-weight: bold; cursor: pointer; padding: 5px; z-index: 2500;}
.disabled-btn {background-color: #999; cursor: not-allowed;}
.form-field { display: flex; margin-bottom: 10px; height:70px;}
.body-zavodnika{font-size:3rem; background-color: #9dacb3; color: black; padding:10px; margin-left:auto; min-width: 150px; text-align: center; display: flex; flex-direction: column;}
.body-zavodnika span{font-size:1.5rem;}
.info-about-race{padding: 30px; color: black; font-size: 1.7rem; line-height:1.8rem; margin: 5vw 10vw 10vw; border: 3px solid black; font-weight:bold;}
.strelby{ display:flex; gap: 25px; margin: 5px 0px; background-color: #e8ddd2;    }
.info-about-progress{ display: flex; flex-direction: column; justify-content: center;    }
 button {transition: all 0.2s;}
.delete-btn {position:absolute; top:3px; right:3px; font-weight:800; cursor:pointer;}
.navbar-brand	{font-weight: bold;}
.navbar-brand .logo {width:25px; height:auto;}
span.hide-on-left-display {display:block;}
#zapsatPoints, #zapsatButton{ font-size:30px; text-transform:uppercase;}

.vysledky-zavodnika {background-color:#fff; font-size:1.3rem;}
.vysledky-zavodnika td {text-align:center;}
.vysledky-zavodnika .totalpoints {font-weight:bold;}

td.high-score, td.medium-score, td.low-score, td.no-score { background-color: #edeae8; border:2px solid black; color:black; font-weight:bold;}


 .finalResBut {font-size: 1.7rem; line-height: 1.8rem; text-transform:uppercase;}


.revert-btn-hide{
    display: none;
}
.closed-shoot {
    color: green;
    font-weight: bold;
}
.table-row:hover {    background-color: lightgray;}
.table-row td[onclick] {    cursor: pointer;  font-weight: bold;}
.table-row td[onclick]:hover {text-decoration: underline;  color: green;}
.item-info {
    color: red;
    font-weight: bold;
}
.item-info.green {
    color: green;
}
.item-info.orange {
    color: orange;
}
.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
/* Tooltip text */
.tooltip-text {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    height: fit-content;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 0%;
    left: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-container.prepis{
    background-color: red;
}
/* Show the tooltip text when hovering over the tooltip container */
.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

#attendanceForm input[type="checkbox"] {
  transform: scale(1.7); /* Change the scale factor as needed */
}

@media (max-width: 1000px) { .skupina-strelba-div { width: 31%; margin: 1%; }}  
@media (max-width: 768px) { html { font-size: 16px; } .race-div-info { max-width:100%;} .skupina-strelba-div { width: 48%; margin: 1%; }
.info-btn-race {  float: left;  margin: 1%;  width: 31%;  min-width: 100px;}
.race-div {  display: block;}
}
@media print{ .left-side, .info-message, .navbar, footer, .print-btn,.close-btn, .zavodnik-div.hide-on-left, .hide-on-left-display, .btn-back, .printhide, #nameInput, .form-btn, .revert-btn { display: none!important;}    
.skupina-strelba-div {page-break-inside: avoid; display: table; align-items: initial; width: 31%; border:none; float:left;}    
.skupina-strelba-div:not(:has(.zavodnici-in-skupina-div .zavodnik-div)) { display: none; }
.right-side { max-height: none;}
.actualgroups { flex-wrap: auto; align-items: baseline;} 
.zavodnik-div p {padding-left: 0px;}
.skupina-strelba-div.green, .skupina-strelba-div.red, .skupina-strelba-div.orange { border-color: black; border-width: 2px;}
.zavodnik-div {  border: none; padding: 5px 8px; }
.skupina-strelba-div h4 {  letter-spacing: 1px;  font-weight: 500;}
.skupina-strelba-header-div{text-align:center; padding-bottom:0;}
.right-side h2 { text-align:center}
p.draggable-item {font-weight:bold;}
}
 @media print and (orientation: landscape) {.skupina-strelba-div {width: 18%;}  }