@charset "utf-8";

/*
========================================================================
 Name        : Style.css
 Author      : Roumelis George
 Version     : 1.0
 Copyright   : 06-01-2024
 Description : This is the file with font, color and dimensions settings
               and values for it's attributes that we use in our pages.
               Code using XHTML language
 =======================================================================
*/
 

table.mytable {

  text-align:center;
  font-family: tahoma, arial, sans-serif;
  empty-cells:show; 
  width:100%;
  padding:1px;
  border:0px solid #CCCC;
  border-collapse:separate;
  border-spacing:0px 0px;  /* horizontal - vertical */
  table-layout: fixed;
  font-size:0.8em;
}

table.mytable td {

  width:55px;
  /*overflow:clip;*/
  line-height: 100%;
   
}

table.mytable td.normal {

  color : black;
  
}

table.mytable td.selected {

  color : #00008B; /* DarkBlue */
  
}

table.mytable td.unselected {

  color : #D6D6D6; 
  
}



table.mytable tr {

  height:35px;
  
}

table.mytable tr.treven {

    background: white;
    
}

table.mytable tr.trodd {

    background: #D6F0FA;
    
}

table.mytable tr.trodd:hover {

    background: #56CDFA;
    
}

table.mytable tr.treven:hover {

    background: #CCCC;
    
}


table.mytabletitle {

  text-align:center;
  font-family: tahoma, arial, sans-serif;
  empty-cells:show; 
  width:100%;
  height:100%;
  padding:1px;
  border:0px solid #CCCC;
  border-collapse:separate;
  border-spacing:0px 0px;  /* horizontal - vertical */
  table-layout: fixed;
  
}

table.mytabletitle td {

  width:55px;
  /*color:black;*/
  
}




table.mytabletitle tr:first-child  td {

  background: blue;
  color: white;
  font-weight:bold;
    
}


table.myfilters {

  text-align:left;
  font-family: tahoma, arial, sans-serif;
  font-size:0.8em;
  empty-cells:show; 
  /*width:100%; */
  padding:2px;
  border:1px solid #CCCC;
  border-collapse:separate;
  border-spacing:4px 0px;  /* horizontal - vertical */
  table-layout: fixed;
  
}


div.div_main {
  display: flex; /* Χρησιμοποιούμε flexbox για να τοποθετηθούν τα div δίπλα-δίπλα */
  width: 100%;
}

div.div_lefttop {
  width: 15%; /* Το 15% θα παραμείνει σταθερό */
  height: 90px;
  display: block;
  border: 1px solid #CCCC;
  background-color: white;
  overflow-y: hidden;
  overflow-x: hidden;
  font-weight: bold;
  cursor: pointer;
  z-index: 1000;
}

div.div_hor {
  width: 85%; /* Το υπόλοιπο 85% θα καταλαμβάνει το div_hor */
  height: 90px;
  display: block;
  border: 1px solid #CCCC;
  background-color: white;
  overflow-y: scroll;
  overflow-x: scroll;
  font-weight: bold;
  cursor: pointer;
  z-index: 1000;
}


/* Container για div_ver και div_prog */
div.div_ver_prog_container {
  display: flex; /* Χρησιμοποιούμε flexbox για να τοποθετηθούν τα div δίπλα-δίπλα */
  width: 100%;
}

/* ρυθμίσεις για το div_ver */
div.div_ver {
  width: 15%; /* Το 15% θα παραμείνει σταθερό */
  height: 800px;
  display: block;
  border: 1px solid #CCCC;
  background-color: white;
  overflow-y: scroll;
  overflow-x: scroll;
  font-weight: bold;
  cursor: pointer;
  z-index: 1000;
}

/* ρυθμίσεις για το div_prog */
div.div_prog {
  width: 85%; /* Το υπόλοιπο 85% θα καταλαμβάνει το div_prog */
  height: 800px;
  display: block;
  border: 1px solid #CCCC;
  background-color: white;
  overflow-y: scroll;
  overflow-x: scroll;
  font-weight: bold;
  cursor: pointer;
  z-index: 1010;
}