/* verze pro PC */
@media (min-width: 767px) {

  .dropdown:hover .dropdown-menu {
    display: block;  
  }
  .dropdown-menu {
    top: 54px;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);  
  }
  .dropdown-menu a {
    color: black !important;  
  }
  .dropdown-menu a:hover {
    color: #0D6EDF !important;  
    background-color: #F0F0F0 !important;  
  }
  
  .space {
    padding-top: 1.5em;
  }
  
}


/* verze pro mobily */
@media (max-width: 767px) {
 
  .dropdown-menu {
    box-shadow: none;
    border: none ;
    background-color: rgb(33, 37, 41);  
  }  
  .dropdown-menu li {
     padding-top: 4px;
     padding-bottom: 12px;
  }
  .dropdown-menu a:hover {
    background: none !important;;
  }
  
  .space {
    padding-top: 0.75em;
  }
  
  .mobil-space {
    margin-top: 1.5em;
  }
  
  .list-box {
    margin-top: 0.75em;
  }
   
}


/* verze pro tisk */
@media print {

  .container-print {
     max-width: 100% !important;
     xfont-size: 10px !important;
  }
  
  * {
   font-size: 0.9rem;
  }

}


* {
  xborder-radius: 2px !important;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; 
}

body {
  min-height: 100vh;
  position: relative;
  margin: 0;
  padding-bottom: 30px; //height of the footer
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

hr {
  border: 0.5px dashed gray;
}

h3 {
  border-bottom: 1px solid #dddddd;
  margin-top: 5px;
  font-size: 1.5em;
}

h3, h4 {
  margin-bottom: 1em;
}

h5 {
  margin-bottom: 1em;
  margin-top: 1.5em;
  border-bottom: 1px solid #dddddd;
}

p {
  padding-bottom: 10px ;
}

form, form button, form input{
  font-size: 0.875rem !important;
}

form label {
  font-weight: bold;
  margin-bottom: 0.4em;
}

form legend {
  font-size: 1.45em;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 1em;
}

.input-inline {
  display: unset !important;
  width: 5em !important;
}

.input-inline-big {
  font-size: 1.4em;
  margin-right: 0.5em;
  font-weight: bold;
}

.has-error {
  border: 1px solid red;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: yellow;
}

.space {
  padding-bottom: 1.5em;
  xpadding-top: 1.5em;
}

.my-navbar {
  border-bottom: 1px solid #BBBBBB;
  background-color: rgb(153,0,0);
  background-image: linear-gradient(to right, red , rgb(153,0,0));
  padding-bottom: 0em;
  padding-top: 0em;
}

.my-navbar a {
  color: white;
}

.my-navbar a:hover {
  color: #CCCCCC;
  text-decoration: none;
  transition: unset;
}

.navbar-toggler {
  margin-top: 7px;
  margin-bottom: 7px;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
}

.nav-link {
  margin-top: 7px; 
  margin-bottom: 7px; 
  margin-right: 10px;
}

.offcanvas-width {
  width: 14em !important;
  transition: 0.1s ease-in-out !important;
}

.my-footer {
  position: absolute;
  bottom: 0;
  //height: 40px;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;  
  text-align: center;
  font-size: 0.7em;
  color: #888888;
  background-color: #EEEEEE;
}

.brand-style {
  font-size: 1.4em;
}

.header-background {
  background-image: url("../images/bg2.gif");
  background-size: cover;
}

.header-text, .header-text a, .header-text a:hover {
  font: bolder 2.2rem 'Trebuchet MS', Arial, Sans-serif;
  letter-spacing: -2px;
  font-weight: bold;
  color: black;
  text-shadow: 1px 1px 2px white;
  text-decoration: none;
}


.bg-grey {
  background-color: #eeeeee;
}

.parse-data {
  background-color: yellow;
}

.parse-log {
  font-size: 0.8em;
  font-family: monospace;
  white-space: pre;
  margin-bottom: 4em;
}

.action-links {
  font-size: 0.8em;
}

.skclen {
  margin-bottom: 0.3em;
}

.skclen-nazev {
  font-weight: bold;
  color: green;  
}

.race-name {
  font-size: 1.5em;
}

.race-info {
  font-size: 1.05rem;
  font-weight: 300;
}

.race-header {
  font-size: 1.00rem;
  font-weight: bold;
  color: #333333;
}

.circle-bg-0 {
  background: rgb(153,153,153);
}
.circle-bg-1 {
  background: rgb(204,153,0);
}
.circle-bg-2 {
  background: rgb(200,50,50);
}
.circle-bg-3 {
  background: rgb(50,153,50);
}
.circle-bg-4 {
  background: rgb(0,153,255);
}

.circle {
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 1.4em;
    border: none;
    color: white;
    
    margin-right: 0.5em;
}

.nelze-vlozit {
  font-style: italic; 
}

.tlacitko-area {
  margin-bottom: 1.5em;
}

.filter-area {
  margin-bottom: 1.0em;
}

.btn-novydolet span {
  font-weight: bold;
  text-decoration: underline;
}

.btn-vetsi {
  font-size: 1rem !important;
}

.zavod-space {
  padding-top: 0.75em;
}

.bg-yellow {
  background-color: yellow;
}

.a-no-decoration:hover {
  text-decoration: none;
}