select {
  width:100px;
}
.bloky:nth-child(3) {
  border-bottom:1px solid black!important;
  height:20px!important;
}
.time-block {
    box-sizing: border-box;
}
.rozpis_ladu {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    position: relative;
}

.rozpis-ladu-wrapper {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: clamp(16px, 4vw, 32px) clamp(16px, 5vw, 40px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.rozpis-ladu-card {
    width: 100%;
    background-color: #ffffff;
    border-radius: 18px;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
    padding: 32px 28px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
}

.rozpis-ladu-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
}

.rozpis-ladu-card__title {
    margin: 0;
    font-size: 1.5rem;
}

.rozpis-ladu-card__filter {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rozpis-ladu-card__filter-label {
    font-weight: 600;
}

.rozpis-ladu-select {
    min-width: 220px;
    padding: 8px 12px;
    border: 1px solid #d4d4d8;
    border-radius: 10px;
    background-color: #ffffff;
    font-size: 0.95rem;
}

.rozpis-ladu-select.is-empty {
    color: #6b7280;
}

.rozpis-ladu-card__body {
    width: 100%;
}

.rozpis-ladu-card__notice {
    margin-top: 16px;
    color: #6b7280;
    font-size: 0.9rem;
}

.rozpis-ladu-card--legend #legend-container {
    margin-top: 0;
}

@media (max-width: 768px) {
    .rozpis-ladu-card {
        padding: 24px 20px;
    }

    .rozpis-ladu-card__filter {
        flex-direction: column;
        align-items: flex-start;
    }

    .rozpis-ladu-select {
        min-width: 0;
        width: 100%;
    }
}

.rozpis-ladu-scroll {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 12px;
}

.rozpis-ladu-scroll::-webkit-scrollbar {
    height: 6px;
}

.rozpis-ladu-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(15, 23, 42, 0.25);
    border-radius: 999px;
}

.rozpis-ladu-scroll .rozpis-ladu-table {
    display: inline-block;
    width: max-content;
    min-width: 680px;
}

@media (max-width: 480px) {
    .rozpis-ladu-card {
        padding: 20px 16px;
    }

    .rozpis-ladu-card__title {
        font-size: 1.3rem;
    }

    .legend-item {
        width: 100%;
        justify-content: flex-start;
    }
}
body, html {
    overflow-x: hidden;
}
div#legend-container {
    align-items: center;
    justify-content: flex-start;
}
span.select2.select2-container {
    width: 150px!important;!importan;;
}

.row-select.pl-2 {
    display: flex;
}

span.select2-selection.select2-selection--single {
    text-align: left;
}

.top-popis {
  border-top:1px solid black;
}
/* Apply borders only to the top and left sides */
.time-block, .merged-block {
    border-right: 1px solid #000;
    /* Optional: Define box-sizing to include borders in the element's dimensions */
    box-sizing: border-box;
}

/* Remove top border for blocks in the first row */
.time-block:first-child, .merged-block:first-child {
    border-top: none;
}



.bloky:nth-child(2) {
  border-bottom:none!important;
  height:60px!important;
}
.bloky .time-block, .bloky .merged-block {
  font-size: 10px; /* Adjust font size as needed */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; /* Prevent text from wrapping */
  font-family: Arial, sans-serif; /* Choose a readable font */
  text-align: center; /* Center text within the block */
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
  text-align: center;
  box-sizing: border-box;
  position: relative; /* Required for positioning the tooltip */
  cursor: pointer; /* Changes cursor to pointer */
}
#tooltip {
    position: absolute;
    display: none;
    /* Add your styling here */
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    z-index: 1000;
}

#legend-container > div:nth-child(13) > span.color-swatch {
    background: #fff !important;
    border: 2px solid red !important;
}
#legend-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.legend-item {
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 10px;
}

.color-swatch {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #ccc;
}

.legend-label {
    font-size: 14px;
}



.secmenu a, .oxy-pro-menu-list .menu-item.current-menu-item.current-menu-item a {
  color:#000!important;
}
.bg-orange-500 {
  background-color:#FF5F15;
}
.bg-green-500 {
  background-color: #82dd55;
}
.bg-red-500 {
  background-color: #e23636;
}
thead {
    background-color: #f8fafc!important;
}
tbody > tr.row-2.even > td.column-1 {
    vertical-align: middle;
}

thead tr {
    background-color: #f8fafc!important;
}

thead th {
    background-color: #f8fafc!important;
    color: rgba(113,128,150)!important;
}

table {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)!important;
    border-radius: 15px!important;
}
#eventModalContent {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
#custom-calendar {
    display: grid;
    grid-template-columns: 100px auto;
    grid-template-rows: 30px auto;
}

#calendar-header {
    grid-column: 2;
    display: flex;
}

#calendar-body {
    display: grid;
    grid-template-columns: 100px auto;
    grid-auto-rows: 60px; /* Height of each day row */
}

.calendar-day {
    display: flex;
    align-items: center;
    padding-left: 10px;
    background-color: #f3f3f3;
}

.calendar-timeline {
    display: flex;
}

.calendar-hour {
    flex: 1;
    border-right: 1px solid #ddd;
    text-align: center;
}

.calendar-slot {
    flex: 1;
    border: 1px solid #ddd;
    border-left: none;
    min-width: 60px; /* Width of each hour column */
}
.tablepress-id-1 th.column-1,
.tablepress-id-5 th.column-1,
.tablepress-id-10 th.column-1,
.tablepress-id-11 th.column-1,
.tablepress-id-12 td.column-1,
.tablepress-id-15 .column-1, 
.tablepress-id-17 .column-1 {
    width: 33%;
}
.tablepress-id-2 td.column-2, 
.tablepress-id-9 td.column-1 {
    width: 37%;
}
.tablepress-id-2 td.column-1 {
    width: 23%;
}

.tablepress-id-2 td.column-2 {
    width: 37%;
}

.tablepress-id-3 td.column-1 {
    width: 29%;
}

.tablepress-id-3 td.column-3,
.tablepress-id-15 .column-4,
.tablepress-id-15 .column-3{
    width: 13%;
}
.tablepress-id-4 td.column-1,
.tablepress-id-8 td.column-1 {
    width: 20%;
}
.tablepress-id-11 th.column-3,
.tablepress-id-11 th.column-4,
.tablepress-id-14 .column-1 q{
  width:20%;
}
.tablepress-id-13 .column-1 {
  width:50%;
}
.tablepress-id-16 .column-1 {
  width:50%;
}
@media only screen and (min-width:992px) {


}
@media only screen and (max-width:992px) {
  .hdr-2 {
    overflow-x: scroll;
}
}

 @page {
      size: landscape; /* Nastavenie orientácie na šírku */
      margin: 20mm; /* Nastavenie okrajov stránky */
    }

    @media print {
      .pagett {
        page-break-before: always; /* Začiatok novej strany pred elementom */
      }
      .pagett:first-child {
        page-break-before: auto; /* Prvá stránka nezačína prázdnou stranou */
      }
    }


.event {
    position: absolute;
    top: 24px;
    height: 65px;
}
.bloky {
  position: relative;

  display: flex;
}
.time-block {
  width:12px;
}
table {
 border-spacing:0; 
 border-collapse: separate;

}
.time-block, .merged-block {
    border-right: 1px solid #000;
    box-sizing: border-box;
}
  div#eventModal {
    padding: 20px;
    border: 2px solid black;
    border-radius: 15px;
    width: 100%;
    background: #fff;
    z-index: 9999999999;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}
span.close {
    position: absolute;
    right: 15px;
    font-size: 30px;
}
div#predefined-colors {
    display: flex;
    flex-wrap: wrap;
}

div#predefined-colors div {
    width: 50%;
}

.pickr {
    padding-bottom: 20px;
    padding-top: 0;
}

#predefined-colors {
    padding-bottom:25px;
}

div#predefined-colors div > div {
    border-radius: 1px;
    width: 25px!important;
    height: 25px!important;
}

.indicator {
    position: absolute;
top:24px;
    height: 65px;
    background-color: rgba(255, 0, 0, 0.2);  
    z-index: 100;  /* Ensure it's on top of other elements */
  }


    
    form { margin:0px; padding:0px; }
    
    .top-popis .hour {
      display: inline-block;
      width: calc(100% / 18); /* 19 blocks but for 18 hours span */
      text-align: center;
    }
    th,td {
      padding:0;
    }
tr td:nth-child(2) {
  width:864px;
  position:relative;
}
tr:first-child .top-popis:first-child{
  border-top:1px solid black;
}
tr:first-child .den {
  border-top:1px solid black;
}
tr:last-child .den{
  border-bottom:1px solid black;
}
.minutes-container {
  border-top: 1px solid black;
  display: flex;
}

.hour {
  border-right: 1px solid black;
}

.top-popis {
  display: flex;
  border-bottom:1px solid black;
} 
    .top-popis .hour .minute {
      display: inline-block;
      text-align: center;
      width: 25%;
      font-size: 7px;
      border-right:1px solid black;
  }
  .minute:nth-child(4n){
    border-right:0!important;
  }
        
    #a4 { 
    clear:both;          
    width:1000px;
    height:631px;  
    border: black 1px solid; 
          
          /* Mimo admina bude sirka blokov o 12 px mensia */
          
    } /* 777 x 929 */
          
    
    .bloky { 
      width:864px; height:40px;
         border-bottom:1px solid black;
      position:relative; 
      }
      
    .den { color:#000; width:100px;
    font-family:Arial, sans-serif; font-size:11px;
    border-bottom:1px solid black;
    border-top:0;
    border-left:1px solid black;
    border-right:1px solid black;
     }

     .time-block.selected {
      background-color: #007bff; /* Example color */
      color: white;
    }
    

    
    .den div { position:relative; top:0px; left:0px; }
    
    .den h2 { margin:0px; padding:0px; font-size:14px; font-weight:bold; text-align:left; 
    position:absolute; top:0px; left:0px; vertical-align:middle; line-height:24px;
    text-indent:3px;
    width:75px; height:24px;
    color:black;
    }
    
    .den h3 { margin:0px; padding:0px; font-size:18px; font-weight:bold; text-align:center; 
    position:absolute; top:42px; left:5px;  width:69px;  color:black;
    }      
          
    #ukazovatel {
    
    width:8px; height:86px;  background-color:blue; border:blue 2px solid; 
    position:absolute; top:37px; left:85px; display:none;
    
    }
        
    #a4 table { border-collapse:collapse; padding:0px; margin:0px; height:70px;   border-right:black 1px solid; }
    
    #a4 table td { border-collapse:collapse; padding:0px; margin:0px;   }
    
    
    
    .blok { position:absolute; cursor:pointer; top:24px; height:65px; }
    .blok dl { position:relative;  margin:0px; padding:0px; }
    .blok dl dt { margin:0px; padding:3px 0px 0px 0px; text-align:center;  }
    .blok dl dd { text-align:center; margin:0px; padding:0px; font-size:10px; }
    
    
    .blok-reference { position:absolute; cursor:pointer; top:24px; height:65px; }
    .blok-reference dl { position:relative;  margin:0px; padding:0px; }
    .blok-reference dl dt { margin:0px; padding:3px 0px 0px 0px; text-align:center;  }
    .blok-reference dl dd { text-align:center; margin:0px; padding:0px; font-size:10px; }
    
    #form-blok {
    width:400px;
    height:270px; max-height:270px;
    padding-top:20px; 
    position:absolute;
    top:200px;
    left:300px;
    background-color:#608090;
    border:gray 1px solid;
    display:none;
    font-family:Arial, sans-serif; 
    font-size:12px;
    color:white;
    }
    
    #form-blok h2 { position:absolute; left:0px; top:0px; background-color:red; margin:0px; font-size:14px; 
    width:400px; max-width:400px; overflow:hidden; padding:4px 0px 4px 0px; text-indent:4px;
    }
    
    
    
    #drop-shadow {
      display:none; 
      position:absolute; top:204px; left:304px;  
      background-color:#606060;
      width:350px;
      height:250px;
      
    }
    
    .matrioska {
    
      padding:15px;
    
    }
    
    #kancel { position:absolute; top:30px; right:10px; color:white; font-family:Verdana, Arial, sans-serif; font-size:10px; text-decoration:none; display:block; color:black; background-color:white; padding:2px 1px 2px 2px; width:14px; height:14px; text-align:center; font-weight:bold; }
    
    #kancel:hover {  width:16px; height:16px; top:29px; right:9px;  }
    
    #form-blok table { border-collapse:collapse;  }
    #form-blok table td { margin:0px; padding:1px;  }
    
    #form-blok td a { font-size:10px; color:black; text-decoration:none; display:inline; background-color:white;
    padding:2px 3px 2px 3px; margin-left:1px; line-height:10px; text-align:center;  vertical-align:middle; 
     }
    
    #form-blok td a:hover {
      background-color:yellow; color:white; background-color:black;
    }
    
    #blok_den { width:80px;  }
    #blok_zac_hod { width:50px; }
    #blok_kon_hod { width:50px; }
    
    #objednavatel { width:310px; margin-right:2px;  vertical-align:middle; }
    #pridat_objednavatela { width:20px; }
    
    #blok_alter_text { width:360px; }
    #blok_poznamka { width:360px; overflow:auto; height:32px; }
    
    #ulozit-blok { position:absolute; bottom:10px; right:10px; }
    
    #blok_platba_datum { width:100px; }
    #blok_platba_sposob { width:80px; }
    #blok_platba_variabilny { width:110px; }
    
    #top_info { margin-bottom:5px; height:22px; position:relative; width:1000px; }
    #top_info h1 { font-size:16px; font-weight:bold; margin:2px 0px 0px 0px; padding:0px; color:black; }
    
    #navigacia { position:absolute; top:0px; right:0px; }
    #navigacia a { text-decoration:none; font-size:12px; padding:2px 5px 2px 5px; background-color:gray; color:white; font-weight:bold; vertical-align:middle; }
    #navigacia a:hover { background-color:blue; } 
    #navigacia select  { font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace; font-size:12px; font-weight:bold; vertical-align:middle;  }
    .tyzden_zobrazeny {background-color:red; color:white; }
    .tyzden_stare { background-color:#a0a0a0; color:white; }
    .tyzden_buduce { background-color:blue; color:white; }
    
    
    div#riadok1, div#riadok2, div#riadok3, div#riadok4, div#riadok5, div#riadok6, div#riadok7 {
      -moz-user-select: none;
      -khtml-user-select: none;
      -webkit-user-select: none;
      user-select: none;
    }
    
    /* formular pridat objednavatela */
    
    #obj-form table { border-collapse:collapse; }
    #obj-form td { font-size:10px; padding:0px 2px 2px 2px; }
    
    #obj-skratka { width:45px; }
    #obj-nazov { width:315px; }
    #obj-popis { width:368px; height:32px; }
    
    #farba { width:60px; }
    #obj-sirka { width:60px; }
    
    #obj-poznamka { width:300px; }
    #obj-taxa { width:70px; }
    
    #picker { margin-right:10px; }
    
    #preview-block { cursor:pointer; height:90px; border:#e0e0e0; width:384px; 
    position:relative; top:10px; left:0px;
    background:url("/wp-content/uploads/2024/04/casova-os-dark.gif") 0px 0px repeat;
    }
    
    .skry { display:none; }
    
    
    .blok a { position:absolute; top:2px; right:2px; color:black; background-color:white; border:black 1px solid; font-size:7px; overflow:hidden; 
    font-family:Arial,sans-serif; text-decoration:none; width:7px; height:8px; text-align:center; 
    display:none; line-height:8px;
    }
    
    dd.neza { position:absolute; top:52px; right:3px; color:white; background-color:red; border:black 1px solid; overflow:hidden; 
    width:7px; height:8px; 
    }
    .bloky {
      position: relative;
      display: flex;
      align-items: stretch;
  }
  
  .time-block {
      flex: 0 0 12px; /* Adjust the width accordingly */
      height: 100%;
      box-sizing: border-box;
  }
  
  .merged-block {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 12px;
      padding: 0 2px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      box-sizing: border-box;
      color: #fff; /* Default text color, adjusted dynamically in JS */
  }

  /* Kontajner pre horizontálne posúvanie */


/* Pre mobilné zobrazenie */
@media screen and (max-width: 768px) {

  .rozpis_ladu {
    width: 100%;
}
    
    .rozpis-ladu-wrapper {
        padding:0!important;
    }

  .responsive-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    background:#fff;
  }
  
  .responsive-table {
    width: 100%;
    
  }
  table.responsive-table {
    border-left: 1px solid black;
    border-bottom:1px solid black;
    border-radius: 0 !important;
}

  .den div {
    position: static;
}

td.den {
    display: inline-block;
    position: relative;
}

}
.bloky {
    position: relative;
    display: flex;
    height: 30px;  /* Zmenšená výška pre každý riadok */
    border-bottom: 1px solid black;
}

.time-block {
    width: 12px;
    height: 100%;
    border-right: 1px solid #000;
    box-sizing: border-box;
}

/* Skryte sekundárne riadky, kým neobsahujú eventy */

.druhe {
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.druhe .time-block {
    border: 0!important;
}