/**
 * @author Jan Reitter
 * @package ZP-CR
 * @subpackage v1.0
 * @copyright Copyright (C) 2018 Jan Reitter. All rights reserved.
 */

 /* GLOBAL settings */
@charset "utf-8"; 

body {
font-family: 'Roboto Flex', sans-serif;
}
table {
font-size: var(--bs-body-font-size);
}

#registrace, #prihlaseni, #onkologie, #patologie, #mou, #vysledky-mou, #administrace-onkologie, #admin-prihlaseni, #spravci-administrace, #mou-administrace, #patologove-administrace, #objednavky-administrace {
min-height: calc(100vh - 74.81px);
}

button:focus-visible {
    outline: none;
}
#objednavky-historie, #objednavky-detail, #admin-vysledky, #spravci-prehled, #objednavka-patologie, #patologie-detail, #mou-detail, #onkologie-registrace, #mou-registrace, #patologie-registrace, #spravci-registrace, #onkologie-detail, #onkologie-historie, #onkologie-editace, #spravci-prehled, #mou-prehled, #patologie-prehled, #onkologie-prehled, #onkologie-registrace, #objednavky-prehled, #objednavka-detail {
margin-top: -1px;
}

#objednavka-onkologie .form-control:disabled {
    background-color: transparent; 
}
#objednavka-onkologie .form-select:disabled {
    background-color: transparent; 
}
.barcode-outer {
height: 170px;
}
#koc {
width: 20rem;
}

.form-check-input:checked {
    background-color: #146c43;
    border-color: #13653f;
}

.kostka {
width: 80px;
min-height: 70px;
}

.kostka::before {

  
    content: '';
    
    margin-right: -4px;
    transform: rotate(45deg) translateX(50%);
    z-index: -5;
    bottom: 0px;
    position: absolute;
    right: 50%;
    width: 30px;
    height: 30px;
    border: 5px solid #fff;
}
.kostkared::before {
background-color: var(--bs-danger);
}
.kostkagreen::before {
background-color: var(--bs-success);
}
.kostkadefault::before {
background-color: var(--bs-primary);
}

.jezdec {
position: absolute;
    bottom: 20px;
    z-index: 100;
}
.levypruh, .pravypruh {
 height: 20px;
} 
.outer-box {
height: 100px;
}
.koty-outer {
width: 104%;
    left: -2%;
    top: 25;
}
.kostkalightgreen, .kostkalightgreen::before  {
background-color: #51d11d;
}



.kostkah2, .kostkah2::before  {
background-color: #ff0101;
}
.kostkah1, .kostkah1::before  {
background-color:#ff01de;
}
.kostkalr, .kostkalr::before  {
background-color:#0d953f;
}
.kostkaulr, .kostkaulr::before  {
background-color:#9ae639;
}
.kostkah2new, .kostkah2new::before  {
background-color: rgb(239 56 66);
}
.kostkah1new, .kostkah1new::before  {
background-color: rgb(240 93 127);
}
.kostkalrnew, .kostkalrnew::before  {
background-color: rgb(0 104 56);
}
.kostkaulrnew, .kostkaulrnew::before  {
background-color: rgb(139 197 63);
}
.hornipravypruh {
background-color: rgb(0 156 224);
}

/* nove vzsledky */
.lista {
height: 10px;

}
.lista-1, .lista-2, .lista-3 {
border: 1px solid gray;
border-top: 0;
border-right: 0;
}
.lista-4 {
border: 1px solid gray;
border-top: 0;
}

.dolni .lista-1, .dolni .lista-2, .dolni .lista-3, .dolni .lista-4 {
border-bottom: 0;
}
.kota {
width: 50px;
font-size: 14px;
font-weight: bold;
}
.kota.minusjedna {
left: -25px;
}
.kota.jedna {
left: calc(100% - 25px);
}

.kota.minuspul {
left: calc(21.5% - 25px);
}

.kota.nula {
left: calc(50% - 25px);
}

.kota.pul {
left: calc(67.75% - 25px);
}

.lista-5, .lista-6, .lista-7 {
border-left: 1px solid gray;
border-top: 0;
border-bottom: 0;
}
.lista-8 {
border-right: 1px solid gray;
border-left: 1px solid gray;
border-top: 0;
border-bottom: 0;
}

.kostkah2new {
border-right: 1px solid #fff;
}

.kostkah1new, .kostkalrnew {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}


.kostkaulrnew {
border-left: 1px solid #fff;
}

.jezdecnew {
position: relative;
    
    float: left;
}

 
select[readonly]:-moz-read-only {
  /* For Firefox */
  pointer-events: none;
}

select[readonly]:read-only {
  pointer-events: none;
}
.form-check-input[readonly]:read-only, .form-check-label[readonly]:read-only {
  pointer-events: none;
}
.form-check-input[readonly]:-moz-read-only, .form-check-label[readonly]:-moz-read-only {
  pointer-events: none;
}

#myChartPostMeno, #myChartPreMeno, #myChartMeno {
 border: 1px solid #ccc;
  }              

@media print {

  

  #objednavky-administrace, #objednavka-admin, #objednavka-patologie, #objednavka-detail, #spravci-administrace {
      justify-content: center !important;
      padding-top: 0 !important;
      width: 1010px;
   }
   
   #objednavka-detail {
      justify-content: center !important;
   }
 @page {
    size: 240mm 340mm;
}


  #registrace, #prihlaseni, #onkologie, #patologie, #mou, #vysledky-mou, #administrace-onkologie, #admin-prihlaseni, #spravci-administrace, #mou-administrace, #patologove-administrace, #objednavky-administrace {
min-height: auto;
}
  


    
  #objednavky-administrace, #admin-vysledky, #objednavka-detail, #spravci-administrace, #spravci-prehled {
  padding: 0 !important;
  border: none !important;
  }
  .objadmin {
  padding: 0 !important;
  }
  
  .articleframe {
  border: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  }
  #objednavka-detail {
  border: none !important;
  padding-bottom: 0 !important;
  }
  .section-1, .section-2, .section-3, .section-4, .section-5, .section-6 {
  padding: 0 !important;
  }
  #onkologie {
  padding-top: 15px !important;
  padding-bottom: 0 !important;
  }
  
  #myChartPostMeno>div, #myChartPreMeno>div, #myChartMeno>div {
  transform: scale(.75);
    transform-origin: top left;
    
  }
  
  #myChartPostMeno, #myChartPreMeno, #myChartMeno {
      border: none !important;
  }
}

.popis-skupina {
    font-size: calc(1rem + 0.06vw);
}

// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }

@media screen {
    #printSection {
        display: none;
    }
}
@media print {
//    body * {
//        visibility:hidden;
//    }
    #printSection, #printSection * {
        visibility:visible;
    }
    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
}