@media print {
div .bg-primary {
    background-color: #a7a7aa !important; /*#007BFF*/
    -webkit-print-color-adjust: exact;
    }

body {
    width: 210mm;
    height: 297mm;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    }
            
@page {
    margin: 20mm;
    }
    
.only-print {
                display: block;
            }

th.bg-light {
    background-color: #E6E6E7 !important;
    -webkit-print-color-adjust: exact;
    }

a { 
    text-decoration: none !important;
    color: black;
   }    
    
}


ul.nav-treeview a.nav-link {
    padding-left: 40px;
}

#signature-pad {
    border: 1px solid #000;
    touch-action: none;
}



/* Odebrání hover efektu na poslední řádek */
.table-hover tfoot tr:hover {
  background-color: inherit;
}

/* Odebrání stripped efektu na poslední řádek */
.table-striped tfoot tr {
  background-color: inherit;
}

.only-print {
            display: none;
        }


.bordered {
    border: 1px solid red;
}	

/* Custom nav-item */
.custom-nav-item {
    padding-right: 2px;
    padding-top: 6px;
    }


/* sortable TD */
.handle {
    cursor: move; /* Změní kurzor na pohyblivý */
    padding: 5px;
    vertical-align: middle; /* Pro střední zarovnání symbolu v buňce */
    text-align: center; /* Zarovnání ikony na střed buňky */
    color: #e3e3e3;
}


/* Custom tabs */
.custom-tabs .nav-item .nav-link {
    border: 1px solid rgba(0,0,0,.125);
     background-color: #b6bfc6;
     color: black;
}
.custom-tabs .nav-item .nav-link.active {
    background-color: #ffffff; 
    border-bottom-color: transparent; /* Odstranění spodního okraje pro aktivní tab */
}



.custom-tabs .nav-item .nav-link:hover {
    /*color: white;*/
}

.tab-content {
   border-left: 1px solid #dee2e6;
   border-right: 1px solid #dee2e6;
   border-bottom: 1px solid #dee2e6;
}

@media (max-width: 576px) { /* Cílení na Bootstrap malé rozlišení */
  .nav-tabs {
    flex-direction: row !important; /* Zajistí, že záložky zůstanou vedle sebe */
    /*overflow-x: auto;*/ /* Přidá horizontální posouvání, pokud záložky nevejdou do šířky obrazovky */
    flex-wrap: nowrap; /* Zabrání zalamování položek */
  }
  .nav-tabs .nav-item {
    /*flex-grow: 1;*/ /* Optional: Tímto zajistíte, že všechny záložky se roztáhnou, aby zaplnily dostupný prostor */
    white-space: nowrap; /* Zabrání zalomení textu v záložkách */
  }
}



div.easy-autocomplete {
    box-sizing: border-box; /* Zajistí, že padding a border nebudou zvyšovat celkovou šířku elementu */
    width: -webkit-fill-available;
    width: 100%;
    z-index: 1000;

}

.easy-autocomplete-container {
    max-height: 220px; /* Maximální výška kontejneru s výsledky */
    overflow-y: auto; /* Povolení vertikálního posuvníku, pokud je obsah delší než maximální výška */
    overflow-x: hidden; /* Skrytí horizontálního posuvníku */
}

.easy-autocomplete-container ul li:has(.eac-category) {
    pointer-events: none;
}

.eac-category {
  background-color: #4e4e4f !important;
  color: #fff;
  font-weight: bold !important;
  border-bottom: 0px solid #ccc;
  text-transform: uppercase;
  pointer-events: none;
}

.eac-item {
  /*background-color: #fff;*/
  color: #222;
  border-bottom: 0px solid #eee;
}

.aeac-item:hover {
  background-color: #e6f7ff;
}





/* Výchozí styly pro mobilní zařízení (menší než 576px) */
.mini-col { width: 20%; } /* Příklad pro nejmenší sloupce */
.small-col { width: 25%; } /* Příklad pro menší sloupce */
.large-col { width: 100%; } /* Větší sloupec pro materiál/práce */

/* Media query pro 'sm' breakpoint a větší (minimálně 576px) */
@media (min-width: 576px) {
  .mini-col { width: 10%; } /* Upravit pro menší sloupce */
  .small-col { width: 20%; } /* Upravit pro střední sloupce */
  .large-col { width: 70%; } /* Upravit pro větší sloupce */
}

/* LG breakpoint (992px) pro větší obrazovky */
@media (min-width: 992px) {
  .mini-col { width: 5%; } /* Nejmenší sloupce */
  .small-col { width: 10%; } /* Menší sloupce */
  .large-col { width: 40%; } /* Větší sloupec pro materiál/práce */
}


@media (max-width: 992px) { /* Pro zařízení s menší šířkou než 992px, což obvykle zahrnuje tablety */
  .modal-lg {
    max-width: 95%; /* Nastaví max. šířku modálního okna na 100% šířky obrazovky */
  }
}




.multiselect.dropdown-toggle.custom-select.text-center {
        text-align: left !important;
        display: flex;
        align-items: center;
        justify-content: start;
    }
    

.table-responsive.override-overflow {
    overflow-x: visible !important;
}


/* změna kurzoru u dragable-row - položky zakázky*/
#table-sklad-polozky tbody td:first-child{
    cursor: move; /* Nebo cursor: grab; pro jiný vizuální efekt */
}

        
.highlighted-row {
    background-color: #f0f0f0; /* Světlé pozadí */
    color: #333; /* Tmavší text */
    border: 1px dashed #666; /* Přerušovaný rámeček */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Lehký stín */
}



.easy-autocomplete {
    /*z-index: 1000 !important;*/
}


TABLE.table-detail TD, TH {
    font-size: .775rem ;
    border-bottom-width: 1px !important;
   
}

TABLE.table-detail TD {
     background-color: #F4F6F9;
    
}

    

@media (max-width: 575.98px) { 
    
    
    body {
     line-height: 1.2;
    } 
    
    .table th {
    padding: .3rem; 
    padding-right: 14px !important;
    /*font-size: .775rem; */
    font-size: .775rem; 
    }
    
     .table td {
    padding: .1rem; 
    /*padding-right: 14px !important;*/
    font-size: .775rem;    
    }
    
    .btn-group-sm>.btn, .btn-sm {
        /*width: 34px;*/
    
    }
    
}

.ikonka{
    width: 32px;
}





/*padding u accordion zobrazeni polozek*/
.hiddenRow {
    padding: 0 !important;
    border: 0px solid gray !important;
}


.no-hover:hover {
    background-color: transparent !important;
}


.table td, .table th {
    vertical-align: middle;
}

 .table th {
  font-weight: bolder;
  font-style: italic;
}



.nav-sidebar .nav-link>.right, .nav-sidebar .nav-link>p>.right {
    position: absolute;
    right: 1rem;
    top: .7rem;
}
.text_shadow{
    text-shadow: #02458c 0.1em 0.1em 0.1em;
}





.custom-input-group {
    display: flex;
    align-items: stretch;
}

.custom-quantity-input {
    flex-grow: 1;
    border: 1px solid #ced4da;
    padding: .375rem .75rem; /* Bootstrap default padding, můžete upravit */
    height: calc(2.25rem + 2px); /* Bootstrap default výška inputu, můžete upravit */
    width: 5rem;
    font-size: 1rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.custom-button-wrap {
    display: flex;
    flex-direction: column;
    margin-left: -1px;
}

.custom-button {
    border: 1px solid #ced4da;
    background-color: #fff;
   
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    height: 50%;
    background-color: #e9ecef;
    
}

.custom-button-plus {
    height: calc(1.125rem + 1px); /* Polovina výšky inputu */
    border-top-right-radius: .25rem;
}

.custom-button-minus {
    height: calc(1.125rem + 1px); /* Polovina výšky inputu */
    border-bottom-right-radius: .25rem;
}









.xtable td {
  position:relative;
  padding-right:20px;
}

.xtable td:after {
  content:'';
  height:40px;
  width:1px;
  background-color:#dee2e6;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:10px;
}


tr td:last-child::after {
  height:0px !important;
}




/*LOADER SPINNER*/
.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color:white;
    vertical-align:bottom;
    padding-top: 20%; 
    filter: alpha(opacity=75); 
    opacity: 0.75; 
    font-size:large;
    color:blue;
    font-style:italic;
    font-weight:400;
    background-image: url("../img/loading.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}



.btn-pay {
    background: #ebebeb;
    background-image: -webkit-linear-gradient(top, #fff, #d9d9d9); 
    background-image: -moz-linear-gradient(top, #fff, #d9d9d9);
    background-image: -ms-linear-gradient(top, #fff, #d9d9d9);
    background-image: -o-linear-gradient(top, #fff, #d9d9d9);
    background-image: linear-gradient(to bottom, #fff, #d9d9d9);
    color: #444;
    font-size: 16px;
    font-weight: bold;
    border: solid #ccc 1px;
    width: 100%;
}

.btn-pay2 {
    background: #ebebeb;
    background-image: -webkit-linear-gradient(top, #fff, #d9d9d9); 
    background-image: -moz-linear-gradient(top, #fff, #d9d9d9);
    background-image: -ms-linear-gradient(top, #fff, #d9d9d9);
    background-image: -o-linear-gradient(top, #fff, #d9d9d9);
    background-image: linear-gradient(to bottom, #fff, #d9d9d9);
    color: #444;
    font-size: 16px;
    font-weight: bold;
    border: solid #ccc 1px;
}

.btn-pay:hover, .btn-pay2:hover {
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, #fff, #ebebeb); 
    background-image: -moz-linear-gradient(top, #fff, #ebebeb);
    background-image: -ms-linear-gradient(top, #fff, #ebebeb);
    background-image: -o-linear-gradient(top, #fff, #ebebeb);
    background-image: linear-gradient(to top, #fff, #ebebeb);
    border: solid #aaa 1px;

}
#ico-error-msg {
    position: absolute;
    z-index: 10; /* Nastavení vyššího Z-index pro zobrazení nad ostatními prvky */
    background-color: #ffdddd; /* Červené pozadí pro upozornění */
    border: 1px solid #dd0000; /* Červený rámeček */
    color: #dd0000; /* Červená barva textu */
    padding: 5px; /* Trochu paddingu pro lepší čitelnost */
    width: 100%; /* Šířka odpovídající rodičovskému prvku */
    margin-top: 5px; /* Trochu místa mezi inputem a chybovým hlášením */
}
#ico-status-msg {
    position: absolute;
    z-index: 10; /* Nastavení vyššího Z-index pro zobrazení nad ostatními prvky */
    background-color: #d4edda; /* Zelené pozadí pro úspěšné upozornění */
    border: 1px solid #c3e6cb; /* Zelený rámeček */
    color: #155724; /* Tmavě zelená barva textu pro lepší čitelnost */
    padding: 5px; /* Trochu paddingu pro lepší čitelnost */
    width: 100%; /* Šířka odpovídající rodičovskému prvku */
    margin-top: 5px; /* Trochu místa mezi inputem a stavovým hlášením */
    box-sizing: border-box; /* Zajišťuje, že padding a border jsou zahrnuty do celkové šířky */
    border-radius: 4px; /* Mírně zaoblené rohy pro modernější vzhled */
}
tr.highlighted {
    background-color: #ffff99; /* světle žlutá pro zvýraznění */
}
.form-group {
  margin-bottom: 4px;
}

label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 400;
  /*font-size: 14px; */
  
}
table th {
    font-weight: 400;
}

/*uzavreno ucetni a technik*/
.custom-normal {
  padding: 4px 8px;
  border: 2px solid #ccc;
  background-color: #f8f8f8;
  cursor: pointer;
  border-radius: 5px; /* Zokrouhlené okraje */
}

.custom-active {
  padding: 4px 8px;
  border: 2px solid #DC3545;
  background-color: #fcc7cb;
  cursor: pointer;
  border-radius: 5px; /* Zokrouhlené okraje */
}

.custom-readonly {
    color: gray;
    cursor: not-allowed;
}

.toggle-button.disabled {
    cursor: not-allowed ;
}

.zoom-effect {
  transition: transform 0.5s ease; /* Plynulý přechod */
}

.zoomed {
  transform: scale(1.05); /* Zvětšení o 5% */
}

.poznamka-nazev {
    font-size: 0.8em; /* Menší font */
    color: gray; /* Šedé písmo */
}

/*Tabulka do modálního okna*/
.custom-info-table {
    width: 100%;
    border-collapse: collapse;
}

.custom-info-table th, .custom-info-table td {
    padding: 8px;
    border: 1px solid #dee2e6; /* přidáme jednoduché orámování */
    text-align: left; /* zaručuje, že text bude zarovnán doleva */
}

.custom-info-table th {
    background-color: #f8f9fa; /* světle šedé pozadí pro popisky */
    width: 30%; /* šířka sloupce pro popisky */
}

.custom-info-table td {
    background-color: #ffffff; /* bílé pozadí pro data */
}

.accordion-toggle {
    cursor: pointer;
}

.modified {
    background-color: #ffffe0 !important; /* světle žlutá, jemná a nenápadná */
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    .content-header {
      padding: 15px .5rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .content-header {
      padding: 15px .5rem;
    }
}

/* Large devices (desktops, 992px and up)  */
@media (min-width: 992px) { 
    .content-header {
      padding: 15px .5rem;
    } 
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .content-header {
      padding: 10px .5rem 0px .5rem;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    .content-header {
      padding: 10px .5rem 0px .5rem;
    } 
}