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

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

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

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

.form-check[readonly]:read-only {
  pointer-events: none;
}
label[readonly]:-moz-read-only {
  /* For Firefox */
  pointer-events: none;
}

label[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;
}

.btn-pink {
background-color: var(--bs-pink);           
    color: white;
}
.btn-pink:hover {
background-color: var(--bs-red);
color: white;           
}

.btn-orange {
background-color: var(--bs-orange);
    color: white;
}
.btn-orange:hover {
background-color: var(--bs-yellow);
    color: white;
}
.btn-blue {
background-color: var(--bs-blue);
    color: white;
}
.btn-blue:hover {
background-color: var(--bs-blue);
    color: white;
}

#pripravujeme, #prihlaseni, #onkologie, #admin-prihlaseni, #objednavky-administrace, #objednavky-prehled, #spravci-administrace, #pripravujeme-singl {
min-height: calc(100vh - 93px);
}
                                  

#chemo-scale .form-check-input, #trucheck .form-check-input, #gdpr .form-check-input {
    margin-top: 0.1em;
    
    }

.oddelovac {
border-top: 1px dotted;
}

.logo-form {
height: 22px;
    vertical-align: bottom;
}

.exacta-subform, .additional-subform {
width: 100%;
}
.chemo-subform, .cancer-subform {
width: 100%;
}
.chemo-content {
display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.kod-formulare {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
    position: absolute;
    bottom: 55px;
    right: -70px;
    font-size: 8px;                           

}
.kod-formulare-true {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
    position: absolute;
    bottom: 70px;
    right: -90px;
    font-size: 8px;

}

#objednavky-administrace, #objednavky-administrace a, #objednavky-administrace table, #onkologie-prehled, #onkologie-prehled a,  #onkologie-prehled table,  #onkologove-administrace, #onkologove-administrace a, #onkologove-administrace table, #spravci-prehled, #spravci-prehled a, #spravci-prehled table, #spravci-administrace, #spravci-administrace a, #spravci-administrace table {
    font-size: 14px;
    }
    
    
#objednavky-prehled, #onkologie-prehled, #onkologie-registrace, #onkologie-detail, #onkologie-profil, #spravci-prehled, #gdpr, #chemo-scale, #trucheck, #navod-odeslani, #navod-odber {
    margin-top: -1px;
}

#objednavky-prehled .form-check, #objednavky-registrace .form-check, #objednavky-detail .form-check, #objednavky-historie .form-check, #onkologie-prehled .form-check, #onkologie-registrace .form-check, #onkologie-detail .form-check, #onkologie-historie .form-check, #spravci-prehled .form-check, #spravci-registrace .form-check, #spravci-detail .form-check, #spravci .form-check {
    display: block;
    min-height: 1rem;
    padding-left: 1.8em;
    margin-bottom: .125rem;
}

#objednavky-prehled .form-check-input, #objednavky-registrace .form-check-input, #objednavky-detail .form-check-input, #objednavky-historie .form-check-input, #onkologie-prehled .form-check-input, #onkologie-registrace .form-check-input, #onkologie-detail .form-check-input, #onkologie-historie .form-check-input, #spravci-prehled .form-check-input, #spravci-registrace .form-check-input, #spravci-detail .form-check-input, #spravci-historie .form-check-input {
    margin-top: 1px;
    height: 1.3em;
    width: 1.3em;
    margin-left: -1.7em;
}

#objednavky-prehled .form-label, #objednavky-registrace .form-label, #objednavky-detail .form-label, #objednavky-historie .form-label, #onkologie-prehled .form-label, #onkologie-registrace .form-label, #onkologie-detail .form-label, #onkologie-historie .form-label, #spravci-prehled .form-label, #spravci-registrace .form-label, #spravci-detail .form-label, #spravci-historie .form-label {
line-height: 17px;
    margin-bottom: 7px;
}

#objednavky-prehled .form-switch, #onkologie-prehled .form-switch, #onkologie-registrace .form-switch, #onkologie-detail .form-switch, #onkologie-historie .form-switch, #spravci-prehled .form-switch, #spravci-registrace .form-switch, #spravci-detail .form-switch, #spravci-historie .form-switch {
padding-left: 3.2em;
}

#objednavky-prehled .form-switch .form-check-input, #onkologie-prehled .form-switch .form-check-input, #onkologie-registrace .form-switch .form-check-input, #onkologie-detail .form-switch .form-check-input, #onkologie-historie .form-switch .form-check-input, #spravci-prehled .form-switch .form-check-input, #spravci-registrace .form-switch .form-check-input, #spravci-detail .form-switch .form-check-input, #spravci-historie .form-switch .form-check-input {
width: 3em;
    height: 1.5em;
    margin-top: 0.5px;
    margin-left: -3.2em;
}

/*.form-check, .form-field {
    padding-bottom: calc(.3rem + var(--bs-border-width));
    padding-top: calc(.3rem + var(--bs-border-width));
}

.col-form-label {
    padding-bottom: calc(.3rem + var(--bs-border-width));
    padding-top: calc(.3rem + var(--bs-border-width));
}  */

@media (min-width: 576px) {
}



@media (min-width: 768px) {

.exacta-subform, .additional-subform {
width: 55%;
}
.chemo-subform, .cancer-subform {
width: 44%;
}
}

                                    
@media (min-width: 992px) {
.px-md-6 {
padding-left: 5rem;
padding-right: 5rem;
}
#chemo-scale, #trucheck, #gdpr {
    font-size: 12px;
    }
#chemo-scale h4, #trucheck h4, #gdpr h4 {
    font-size: 16px;
    }
    
    
    
    
}


@media (min-width: 1200px) {
#chemo-scale, #trucheck, #gdpr {
    font-size: 15px;
    }
    #chemo-scale h4, #trucheck h4, #gdpr h4 {
    font-size: 21px;
    }
}


@media (min-width: 1400px) {
#chemo-scale, #trucheck, #gdpr {
    font-size: 18px;
    }
    #chemo-scale h4, #trucheck h4, #gdpr h4 {
    font-size: 25px;
    }
}

@media print {

    .container-lg {
     padding: 0;
    }

    #chemo-scale, #trucheck {
    height: 284mm !important;
    /*overflow: hidden; */
    font-size: 8.5pt;
    }
    
    #gdpr {
    height: 284mm !important;
    font-size: 10pt;
    }
    
    .fs-6 {
    font-size: 7pt !important;
    }
    .logo-form {
height: 8.5pt;
    vertical-align: bottom;
}
    #chemo-scale h4, #trucheck h4, #gdpr h4 {
    font-size: 14px;
    }
    #chemo-scale h3, #trucheck h3, #gdpr h3 {
    font-size: 13pt;
    }
    .small {
    font-size: 6pt;
    margin-top: -2px;
    margin-bottom: 0;
    }
  
   .col-md-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }
   .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }
        .col-md-auto, .col-auto {
        flex: 0 0 auto;
        width: auto;
    }
                              
    .offset-md-2 {
        margin-left: 16.66667%;
    }
    .offset-md-4 {
       margin-left: 33.33333%;
    }
    .offset-md-5 {
       margin-left: 41.66667%;
    }
    
    .px-md-6 {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .mb-1, .mb-2 {
    margin-bottom: 0 !important;
    }
    
    
    .form-control {
    margin-bottom: 2px;
    padding: 0;
    border: var(--bs-border-width) solid #bcc1c6;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    font-size: 12px;
    color: var(--bs-body-color);
    background-color: transparent !important;
    }
    
    table .form-control {
    margin-bottom: 0;
    padding: 0 !important;
    border: none;
    font-size: 12px;
    color: var(--bs-body-color);
    background-color: transparent !important;
    }
    
    table td {
    height: 5.5mm;
    padding: 0 2mm !important;
    }
    
    .form-check, .form-field {
    padding-bottom: 0.8mm;
    padding-top: 0.8mm;
}

.col-form-label {
    padding-bottom: 0.8mm;
    padding-top: 0.8mm;
}
.form-check {
   margin-bottom: 0 !important; 
}
    .textarea>label, .textarea>.form-control  {
    padding-top: 0 !important;
    }
    
    .textarea>.form-control  {
    height: 23mm !important;
    }
    
    input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #fff;
}
    
.page-break-p { break-after: page; }    

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    background: none;
}

.osetrujici-lekar {
margin-top: 2mm !important;
}

#onkologie .strana1, #onkologie .strana2, #onkologie .strana3 {
border: none !important;
}
.section-2 {
margin-top: 1mm !important;
}
.section-3 {
margin-top: 1mm !important;
}

.odber-vzorku h4 {
margin-bottom: 1.5mm !important;
}
.odber-vzorku .pb-1 {
padding-bottom: 0 !important;
}
.exacta-subform, .additional-subform {
width: 54%;
}
.chemo-subform, .cancer-subform {
width: 45%;
}
.exacta-content, .chemo-content {
height: 43mm !important;
}

.d-md-flex {
display: flex !important;
}
.form-check span {
margin-top: 0 !important;
}

.kod-formulare {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
    position: absolute;
    bottom: 55px;
    right: -70px;
    font-size: 8px;

}
.kod-formulare-true {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
    position: absolute;
    bottom: 70px;
    right: -90px;
    font-size: 8px;

}
#komentartrue {
height: 70mm !important;

}

body {
    visibility: hidden;
  }
  #section-to-print {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }
    
    @page{
margin-left: 4mm;
margin-right: 4mm;
margin-top: 4mm;
margin-bottom: 4mm;
}                              
}


.printtopdf {
    /*height: 284mm !important;*/
    /*overflow: hidden; */
    font-size: 8pt;
    }
    
  .printtopdf .nadpis {
    display: none;
    }  
    
    .printtopdf .fs-6 {
    font-size: 7pt !important;
    }
    .printtopdf .logo-form {
height: 8.5pt;
    vertical-align: bottom;
}

.printtopdf .kod-formulare-true {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
    position: absolute;
    bottom: 70px;
    right: -90px;
    font-size: 8px;

}
.printtopdf .chemo-scale-header {
display: block !important;

}


    .printtopdf h4  {
    font-size: 14px;
    }
    .printtopdf h3 {
    font-size: 13pt;
    }
    .printtopdf .small {
    font-size: 6pt;
    margin-top: -2px;
    margin-bottom: 0;
    }
  
   .printtopdf .col-md-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }
   .printtopdf .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .printtopdf .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .printtopdf .col-md-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }
    .printtopdf .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .printtopdf .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }
    .printtopdf .col-md-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }
    .printtopdf .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .printtopdf .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }
    .printtopdf    .col-md-auto, .printtopdf .col-auto {
        flex: 0 0 auto;
        width: auto;
    }
                              
    .printtopdf .offset-md-2 {
        margin-left: 16.66667%;
    }
    .printtopdf .offset-md-4 {
       margin-left: 33.33333%;
    }
    .printtopdf .offset-md-5 {
       margin-left: 41.66667%;
    }
    
    .printtopdf .px-md-6 {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .printtopdf .mb-1, .printtopdf .mb-2 {
    margin-bottom: 0 !important;
    }
    
    
    .printtopdf .form-control {
    margin-bottom: 2px;
    padding: 0;
    border: var(--bs-border-width) solid #bcc1c6;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    font-size: 12px;
    color: var(--bs-body-color);
    background-color: transparent !important;
    }
    
    .printtopdf table .form-control {
    margin-bottom: 0;
    padding: 0 !important;
    border: none;
    font-size: 12px;
    color: var(--bs-body-color);
    background-color: transparent !important;
    }
    
    .printtopdf table td {
    height: 5.5mm;
    padding: 0 2mm !important;
    }
    
    .printtopdf .form-check, .printtopdf .form-field {
    padding-bottom: 0.8mm;
    padding-top: 0.8mm;
}

.printtopdf .col-form-label {
    padding-bottom: 0.8mm;
    padding-top: 0.8mm;
}
.printtopdf .form-check {
   margin-bottom: 0 !important; 
}
    .printtopdf .textarea>label, .printtopdf .textarea>.form-control  {
    padding-top: 0 !important;
    }
    
    .printtopdf .textarea>.form-control  {
    height: 23mm !important;
    }
    
    .printtopdf input:-webkit-autofill,
.printtopdf input:-webkit-autofill:hover, 
.printtopdf input:-webkit-autofill:focus, 
.printtopdf input:-webkit-autofill:active{
    .printtopdf -webkit-background-clip: text;
    
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #fff;
}
    
.printtopdf .page-break-p { //break-after: page; }    

.printtopdf input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
}
.printtopdf input[type="date"]::-webkit-calendar-picker-indicator {
    background: none;
}

.printtopdf .osetrujici-lekar {
margin-top: 2mm !important;
}

.printtopdf  .strana1, .printtopdf  .strana2, .printtopdf  .strana3 {
border: none !important;
}
.printtopdf .section-2 {
margin-top: 1mm !important;
}
.printtopdf .section-3 {
margin-top: 1mm !important;
}

.printtopdf .odber-vzorku h4 {
margin-bottom: 1.5mm !important;
}
.printtopdf .odber-vzorku .pb-1 {
padding-bottom: 0 !important;
}
.printtopdf .exacta-subform, .printtopdf .additional-subform {
width: 54%;
}
.printtopdf .chemo-subform, .printtopdf .cancer-subform {
width: 45%;
}
.printtopdf .exacta-content, .printtopdf .chemo-content {
height: 43mm !important;
}

.printtopdf .d-md-flex {
display: flex !important;
}
.printtopdf .form-check span {
margin-top: 0 !important;
}

.printtopdf .kod-formulare {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
   

}
.printtopdf .kod-formulare-true {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
    position: absolute;
    bottom: 70px;
    right: -90px;
    font-size: 8px;

}
.printtopdf #komentartrue {
height: 70mm !important;

}

.printtopdf  {
margin-left: -5px !important;

}                                    
.printtopdf .form-footer {
display: none !important;
                                       
}
.printtopdf .section-4 {
margin-top: 20px !important;

}
.printtopdf .buttons .btn {
display: none !important;
}