:root {
  --blue: #5abfdd;
  --cassiopeia-color-primary: #E0E9EF;
  --cassiopeia-color-hover: #D5E5F0;
  --cassiopeia-color-link: #1A5276;
}


div.mod-languages a {
  color: white;
}

/* Header block */
.devices_table_head_wrapper {
  display: grid;
  grid-template-columns: 70% 30%;
    
  grid-column-gap: 5px;
  padding: 2px;
}

/* Header subblock Title */
.devices_table_head_title {
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.1);
  
  padding: 1em;
  
  display: flex;
  align-items: center;
  justify-content: center
}

/* Header subblock Cerificate */
.devices_table_head_certs_wrapper {
  display: grid;
  grid-template-columns: 33% 33% 33%;
    
  grid-column-gap: 3px;
  grid-row-gap: 5px;
  padding: 2px;
}

.devices_table_head_cert {
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.1);
  grid-column: 1 / -1;
  grid-row: 1;
  
  display: flex;
  justify-content: center
}

.devices_table_head_certno {
  grid-row: 2;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.1);

  display: flex;
  justify-content: center
}

div.devices_table_head_certno input
{
  height: 100%;
  width: 100%;

  text-align: center;
  color: #224faa;
} 

.devices_table_head_certregdate {
  grid-row: 2;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.1);
  
  display: flex;
  justify-content: center;
}

.devices_table_head_certexpdate {
  grid-row: 2;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.1);
  
  display: flex;
  justify-content: center;
}


/* Device block */
.devices_wrapper {
  display: grid;
  grid-template-columns: 70% 30%;
  grid-auto-rows: minmax (150px, auto);
  
  grid-row-gap: 5px;
  grid-column-gap: 5px;
  padding: 1px;
}

.device_title {
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.03);
  grid-row: 1;
  grid-column: 1;
  padding: 1em;
  
  position:relative;
}

.device_details {
  font-size: 12px;
  font-style: italic; 
}

/* Device certs block */
.device_certs{
  display: grid;
  grid-template-columns: 33% 33% 33%;

  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.5);
     
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding: 1em;
  
  font-size: 12px;
}
.device_certno {
  grid-column: 1;
  display: flex;
  justify-content: center
}

.device_certissued{
  grid-column: 2;
  display: flex;
  justify-content: center
}

.device_certexp{
  grid-column: 3;
  display: flex;
  justify-content: center
}
.container-header .mod-menu {
    color: #31668A;
}
div.mod-languages a {
    color: #31668A;
}
/* Change font size for h1 element */
h1 {
  font-size: 30px !important; /* Adjust the size as per your preference */
}

/* Change font size for h2 element */
h2 {
  font-size: 20px !important; /* Adjust the size as per your preference */
}

/* Change font size for h3 element */
h3 {
  font-size: 24px; /* Adjust the size as per your preference */
}

/* Change font size for h4 element */
h4 {
  font-size: 20px; /* Adjust the size as per your preference */
}

/* Change font size for h5 element */
h5 {
  font-size: 16px; /* Adjust the size as per your preference */
}

/* Change font size for h6 element */
h6 {
  font-size: 14px; /* Adjust the size as per your preference */
}
/* Apply styles to tables with the "kontakti" class */
table.kontakti {
  border-collapse: collapse;
  width: 100%;
  /* Add more table properties as needed */
}

table.kontakti th, table.kontakti td {
  border: 1px solid #ccc;
  padding: 8px;
  /* Add more table cell properties as needed */
}