@charset "UTF-8";
* {
  box-sizing: border-box;
}
.body h2 { font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#494949; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #c7c7c7;}
.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#b1b1b1; padding:0; margin:0;}
.body h3 { color:#4f4f4f; font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #dbdbdb; padding:15px 0 15px 20px; margin:0; }
.body h4 { font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2a2a2a; padding:5px 0; margin:0; border-bottom:none;}
.body a { color:#317c91; text-decoration:none;}

.footer {padding:20px;  margin:0 auto; background:#2e2e2e url(images/footer_bg.gif) top repeat-x; text-align: center;}
.footer p { font:normal 12px Tahoma, Verdana, Arial; color:#707070;}
.footer a { font:normal 12px Tahoma, Verdana, Arial; color: white; text-decoration:none; }
.cardnumber input {text-align: center; letter-spacing: 3px; font-size: 16px; font-weight: bold; font-family: tahoma,verdana,arial; background-color: #822F6A; color: white;}
.submitbtn   {text-align: center; font-size: 14px; font-weight: normal; font-family: tahoma,verdana,arial; background-color: white; color: #822F6A;}
.tool-submit-btn {
  position: relative;
  padding: 15px 40px;
  font-size: 18px;
  background: #4CAF50;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
}
.tool-submit-btn:hover,
.tool-submit-btn:focus {
  background: #4CAF50;
  color: #ffffff;
}
.tool-submit-btn:active {
  background: #388e3c;
}
.tool-submit-btn::before {
  content: none;
}
.tool-submit-btn i {
  position: static;
  display: inline-block;
  margin-right: 8px;
}
.card_details {font-size: 12px; letter-spacing: 0px; font-family: tahoma,verdana,arial; padding: 0; margin: 0; line-height: 1em;}
p {font-family: tahoma,verdana,arial; }
li {font-family: tahoma,verdana,arial; font-size: 13px; line-height: 1.5em; }


.input-phone { float:none; text-align: center; width:240px; height:40px; font-size:20px; font-family: tahoma; line-height:30px; color:black; background:#E8BEE4; border-color: gray;}
.input-calendar { float:none; text-align: center; width:40px; height:40px; font-size:20px; font-family: tahoma; line-height:30px; color:black; background:#E8BEE4; border-color: gray;}
.register-submit { float:none; text-align: center; width:120px; height:30px; font-size:14px; font-family: tahoma; line-height:10px; color: black; background:white;}
.formpersonal { float:none; text-align: left; height:23px; font-size:13px; font-family: tahoma; color:black; background: silver; border-color: gray;}
.login_desc {position: relative; color: black; text-align: center; font-family: tahoma, verdana, arial; font-size: 14px; max-width: 380px;}
.notify_desc {color: navy !important; text-align: justify !important; font-style: italic !important;}
.notify_title {text-align: center !important; color: white !important;}
.notify_table td {font-size: 12px; font-family: tahoma, verdana, arial; color: black; vertical-align: middle; padding: 5px 5px 5px 5px; text-align: center; background-color: silver;}
.notify_table th {font-size: 12px; font-family: tahoma, verdana, arial; color: white; vertical-align: middle; padding: 5px 5px 5px 5px; text-align: right; background-color: gray;}
.mytable td {font-size: 12px; font-family: tahoma, verdana, arial; color: black; vertical-align: middle; padding: 5px 5px 5px 5px; text-align: left; background-color: silver;}
.mytable th {font-size: 12px; font-family: tahoma, verdana, arial; color: white; vertical-align: middle; padding: 5px 5px 5px 5px; text-align: center; background-color: gray;}
/**** ιδιοι πινακες */
.normal_table th {color: navy;  border: solid gray 1px; font-size: 12px; font-weight: bold; text-align: center; padding: 5px 2px 5px 2px; font-family: tahoma, verdana, arial;}
.normal_table td {color: #a0a0a0;  border: solid gray 0px; font-size: 12px; font-weight: normal; text-align: center; padding: 5px 2px 5px 2px; font-family: tahoma, verdana, arial;}
.normal_table tr:nth-child(even) {background-color: #f5f5f5}
.normal_table tr:hover {background-color: #ffffff}
.normal_table {margin-left: auto;  margin-right: auto;}
.normal_table td label {display: block;}
.tablev {text-align: center;  margin-left: auto;  margin-right: auto;}
.tablev th {color: gray;  border: solid gray 0px; font-size: 12px; font-weight: normal; letter-spacing: 1px; text-align: right; padding: 5px 5px 5px 5px; font-family: tahoma, verdana, arial;}
.tablev td {color: black;  border: solid gray 0px; font-size: 12px; font-weight: normal; text-align: left; padding: 5px 5px 5px 5px; font-family: tahoma, verdana, arial;}
.tablev tr:nth-child(even) {background-color: #ffffff; }
.tablev tr:hover {background-color: #ccffff;}
.tablev input:hover {background-color: white;}
.tablev input:focus {background-color: #EBD3EF;}
.tablev input {background-color: #FBF2FB;}

.member_table {text-align: center;  margin-left: auto;  margin-right: auto;}
.member_table th {color: gray;  border: solid gray 0px; font-size: 16px; font-weight: normal; letter-spacing: 1px; text-align: right; padding: 5px 5px 5px 5px; font-family: tahoma, verdana, arial;}
.member_table td {color: black;  border: solid gray 0px; font-size: 16px; font-weight: normal; text-align: left; padding: 5px 5px 5px 5px; font-family: tahoma, verdana, arial;}
.member_table tr:nth-child(even) {background-color: #ffffff; }
.member_table tr:hover {background-color: #ccffff;}
.member_table input:hover {background-color: white;}
.member_table input:focus {background-color: #EBD3EF;}
.member_table input { float:none; text-align: center; width:240px; height:40px; font-size:20px; font-family: tahoma; line-height:30px; color:black; background:#E8BEE4; border-color: gray;}


.membercompany_table {text-align: center;  margin-left: auto;  margin-right: auto;}
.membercompany_table th {color: gray;  border: solid gray 0px; font-size: 16px; font-weight: normal; letter-spacing: 1px; text-align: right; padding: 5px 5px 5px 5px; font-family: tahoma, verdana, arial;}
.membercompany_table td {color: black;  border: solid gray 0px; font-size: 16px; font-weight: normal; text-align: left; padding: 5px 5px 5px 5px; font-family: tahoma, verdana, arial;}
.membercompany_table tr:nth-child(even) {background-color: #ffffff; }
.membercompany_table tr:hover {background-color: #ccffff;}
.membercompany_table input:hover {background-color: white;}
.membercompany_table input:focus {background-color: #EBD3EF;}
.membercompany_table input { float:none; text-align: left; width:260px; height:40px; font-size:16px; font-family: tahoma; line-height:30px; color:black; background:#E8BEE4; border-color: gray;}
.membercompany_table select { float:none; text-align: center; width:260px; height:40px; font-size:16px; font-family: tahoma; line-height:30px; color:black; background:#E8BEE4; border-color: gray;}
.membercompany_table textarea { float:none; text-align: justify; width:260px; height:100px; font-size:18px; font-family: tahoma; line-height:30px; color:black; background:#E8BEE4; border-color: gray;}


.nicetable {margin: auto;}
.nicetable p {font-size: 15px; margin-left: 15%; margin-right: 15%; text-align: justify;}
.nicetable th,td { text-align: center; padding: 8px; font-size: 15px;}
.nicetable tr:nth-child(even) {background-color: #ffffff;}
.nicetable td[special="selected"] {border: 2px solid #EBBAD1; border-top: 0px; border-spacing: 0px; padding: 15px 5px 15px 5px;}
.nicetable tr[special="selected"] {background-color: #EBBAD1; font-weight: bold; }
.nicetable tr:hover {background-color: #ccffff;}
.nicetable input { text-align: left; padding: 3px; font-size: 15px; background-color: #EFC1F7;}


.seminartable {margin: auto; border-collapse: collapse; }
.seminartable p {font-size: 15px; margin-left: 15%; margin-right: 15%; text-align: justify;}
.seminartable th,td { text-align: center; padding: 8px; font-size: 15px;}

.seminartable th[special="waitingS"] {border: 3px solid #EBBAD1; border-bottom: 0px; border-right: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.seminartable th[special="waitingM"] {border: 3px solid #EBBAD1; border-bottom: 0px; border-left: 0px; border-right: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.seminartable th[special="waitingE"] {border: 3px solid #EBBAD1; border-bottom: 0px; border-left: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.seminartable td[special="waiting"] {border: 3px solid #EBBAD1; border-top: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.seminartable tr[special="waiting"] {background-color: #EBBAD1; }
.seminartable td[special="enabled"] {border: 3px solid #AAFFD4; border-top: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.seminartable tr[special="enabled"] {background-color: #AAFFD4; }
.seminartable th[special="enabledS"] {border: 3px solid #AAFFD4; border-bottom: 0px; border-right: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.seminartable th[special="enabledM"] {border: 3px solid #AAFFD4; border-bottom: 0px; border-left: 0px; border-right: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.seminartable th[special="enabledE"] {border: 3px solid #AAFFD4; border-bottom: 0px; border-left: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}

.sempaytable {margin: auto; border-collapse: collapse; max-width: 800px }
.sempaytable p {font-size: 15px; margin-left: 15%; margin-right: 15%; text-align: justify;}
.sempaytable th[special="waitingS"] {border: 3px solid #EBBAD1;  border-right: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.sempaytable th[special="waitingM"] {border: 3px solid #EBBAD1;  border-left: 0px; border-right: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.sempaytable th[special="waitingE"] {border: 3px solid #EBBAD1;  border-left: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.sempaytable th,td { text-align: center; padding: 8px; font-size: 15px;}
.sempaytable td[special="waitS"] {border: 3px solid #EBBAD1; font-size: 13px;border-bottom: 0px; border-top: 0px; border-right: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: justify;}
.sempaytable td[special="waitM"] {border: 3px solid #EBBAD1; border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: left;}
.sempaytable td[special="waitE"] {border: 3px solid #EBBAD1; border-top: 0px; border-left: 0px; border-bottom: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.sempaytable tr[special="waiting"] {background-color: #EBBAD1; }
.sempaytable td[special="waitLast"] {border: 3px solid #EBBAD1; border-top: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: justify;}
.sempaytable td[special="waiting_empty"] {border: 3px solid #EBBAD1; border-top: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: center;}
.sempaytable img {width: 50px;}

.se1mpaytable td[special="waitLastM"] {border: 3px solid #EBBAD1; border-top: 0px; border-right: 0px; border-left: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: left;}
.sem1paytable td[special="waitLastE"] {border: 3px solid #EBBAD1; font-size: 13px; border-top: 0px; border-left: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: justify;}
.semp1aytable td[special="waiting"] {border: 3px solid #EBBAD1; font-size: 13px; border-top: 0px; border-bottom: 0px; border-spacing: 0px; padding: 10px 5px 10px 5px; text-align: justify;}

.main p {font-size: 15px; max-width: 800px; margin-left: auto; margin-right: auto; text-align: justify;}

.nohover:hover {background-color: inherit !important; }
.title { color: gray; font-weight: bold; text-align: center;  font-size: 22px;}
.main p.subtitle { color: gray; font-weight: normal; text-align: center;  font-size: 18px;}
.main p.title { color: gray; font-weight: bold; text-align: center;  font-size: 22px;}
.error {font-size: 16px; background-color: #BD0F13; color: white !important; text-align: center !important;}
.error a, .error a:visited {font-size: 16px; background-color: #BD0F13; color: yellow !important; font-weight: bold; text-align: center !important;}

.main-notice {font-size: 12px; font-style: italic; text-align: center !important;}
.main a:link, .main a:visited, .main a:hover {text-decoration: none; color: blue;}
.oldprice {text-decoration: line-through; color: red; display: inline;}

.ok  {font-size: 16px; background-color: blue; color: white !important; text-align: center !important;}
.okay {font-size: 16px; background-color: blue; color: white !important; text-align: center !important;}
.warning {font-size: 16px; background-color: green; color: white !important; text-align: center !important;}
.notice {font-size: 16px; background-color: pink; color: white !important; text-align: center !important;}
.helper_text {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; text-align: center; vertical-align: middle; height:150px; width:266px;}
.sidelements {float:left; text-align:center; width: 33%; padding: 10px; display: inline-table;}
/*.sidemenu {list-style-type: none;  text-align: center;  margin: auto;  padding: 0; display: table;}
*.sidemenu li {  display: inline-block;  font-size: 15px;  padding: 20px;}
*/

.sidemenu{
  list-style: none;
  margin: 0 auto;
  padding: 0;

  width: 100%;
  max-width: 1200px;          /* αύξησέ το αν θες 1 γραμμή πιο εύκολα */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;     /* κεντράρισμα κάθε γραμμής */
  align-items: flex-start;
}

.sidemenu li{
  padding: 20px 10px;
  flex: 0 1 160px;            /* ΤΟ ΚΛΕΙΔΙ: ίδιο “κουτί” για όλα */
  text-align: center;
}

.sidemenu li a{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}


.main .sidemenu a {text-decoration:none; color: maroon;}
.main .sidemenu a:hover {text-decoration:none; color: blueviolet;}
.sidemenu a {text-decoration:none; color: maroon;}
.sidemenu a:visited {text-decoration:none; color: maroon;}
.sidemenu a:hover {text-decoration:none; color: blueviolet;}
.sidemenu-smalltext {list-style-type: none;  text-align: center;  margin: auto;  padding: 0; display: table;}
.sidemenu-smalltext li {  display: inline-block;  font-size: 11px;  padding: 20px; vertical-align: top;}
.sidemenu-smalltext a {text-decoration:none;}
.sidemenu-smalltext img {width: 30px; height: auto;}
.leftelement {float:left; text-align:center; padding: 0px 10px 20px 20px; display: inline-block;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.btn { height: 35px;  margin: 0px 10px 0px 10px;  display: inline-table; width: auto;}
.sssbtn { display: inline-block;  vertical-align: middle;}
.newprice {font-weight: bold; color: green; display: inline;}
.dontshow {height: 0.5px; width: 0px; border: 0px; padding: 0px !important;}



/* body {  margin: 0;  font: 1rem/1.5 arial;  background-color: #ddd;  overflow-x: hidden;  overflow-y: auto;} */
body {  margin: 0;  font: 1rem/1.5 arial; background:#2e2e2e url(images/footer_bg.gif) top repeat-x;  overflow-x: hidden;  overflow-y: auto;}
.main { display: flex; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: medium; background-color: #FBF2FB; overflow-x:auto; min-height: 75vh; align-items: center; justify-content: center; flex-direction:  column; justify-content: flex-start;}

/* MAIN MENU */
header {  background: #FFF;  border-bottom: solid 1px #ccc;  width: 100%;  height: 80px;  display: block;  position: relative;  z-index: 1; }
.toggle {  position: absolute;  z-index: -1;  display: none; }
.toggle:checked ~ .navbar {   height: auto; }
.toggle:checked ~ .navbar .label-more::after {  content: " ▲";}
.navbar {  display: -webkit-box;  display: -moz-box;  display: box;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  max-width: 960px;  margin: 0 auto;  height: 80px;  overflow: hidden;}
.navbar a,
.navbar .label-more {  display: block;  padding: 0px 16px;  text-decoration: none;  color: #000;  line-height: 80px; }
.navbar a:hover,
.navbar .label-more:hover {  text-decoration: underline;  background-color: #842B6B;  color: white;}
.navbar-logo a:hover {    background-color: inherit;}
.navbar-logo {  -webkit-align-self: flex-start;  -moz-align-self: flex-start;  align-self: flex-start;  -ms-flex-item-align: start;  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;  flex-shrink: 0;  -ms-flex-negative: 0;  }
.navbar-navigation {  display: -webkit-box;  display: -moz-box;  display: box;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flexbox;  display: flex;
  -webkit-flex-flow: row wrap;  -moz-flex-flow: row wrap;  flex-flow: row wrap;  list-style: none;  margin: 0;  padding: 0;  background-color: #fff;
  position: relative;  border-left: solid 1px #ccc;  border-bottom: solid 1px #ccc;}
.navbar-toggle {  background-color: #fff;  border-right: solid 1px #ccc;  border-bottom: solid 1px #ccc;}
.navbar .label-more {  position: relative;  cursor: pointer;  font-size: small;  color: #AE436C;  font-family: tahoma; }
.navbar .label-more::after { content: " ▼";  font-size: small;  position: relative;}


/* Table σαν κουμπί */
.table-btn{
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #822F6A;
  background: #fff;
  border-radius: 12px;
  padding: 10px;
  cursor: auto;
  transition: 0.15s ease;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.table-btn:hover{
  background: #fff1fb;
  box-shadow: 0 10px 26px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}

/* να μην χαλάει το layout μέσα */
.table-btn td, .table-btn th{
  background: transparent !important;
  border: 0 !important;
  padding: 6px 10px;
  text-align: center;
}

/* link μέσα να φαίνεται σαν κουμπί/option */
.table-btn a{
  color: #317c91;
  text-decoration: none;
  font-weight: bold;
}
.table-btn a:hover{ text-decoration: none; }


/* Mobile  */
@media only screen and (max-width:321px) {
    .sidelements {float:none; text-align:center; width: 100%; padding: 10px; display: inline-table;}
}
 
/* Tablet */
@media only screen and (min-width:321px) and (max-width:768px) {
    .navbar-logo img { height: 55px;
    width: auto;
    max-width: 100%;
    object-fit: contain;}
    header { height: 55px;}
    .navbar { height: 55px; }
    .navbar a, .navbar .label-more { line-height: 55px; padding: 0px 6px;}
    .sidelements {float:none; text-align:center; width: 100%; padding: 10px; display: inline-table;}
    #helper-all {display: none;}
    .leftelement {float: none; text-align:center; padding: 0px; display: inline;}
    .leftelement table {margin-left: auto; margin-right: auto;}
    .nicetable th, .nicetable td { padding: 2px; font-size: 2vmax;}
    .btn { height: 25px; margin: 0px 5px 0px 5px;  width: auto;}
    .nicetable p {font-size: 12px; margin-left: 5vmax; margin-right: 5vmax;}   
    .seminartable th, .seminartable td { padding: 2px; font-size: 2vmax;}
    .seminartable p {font-size: 12px; margin-left: 5vmax; margin-right: 5vmax;}   
    .sempaytable th, .sempaytable td { padding: 2px; font-size: 2vmax;}
    .sempaytable p {font-size: 12px; margin-left: 5vmax; margin-right: 5vmax;}   
    
    
    .sidemenu li {  font-size: 1.5vmax;  padding: 10px;}
    .sidemenu img {width: 45px; height: auto;}
    .sidemenu-smalltext li {  font-size: 1.5vmax;  padding: 10px;}
    .sidemenu-smalltext img {width: 25px; height: auto;}
    .main p {font-size: 15px; margin-left: 10px; margin-right: 10px; text-align: justify;}

} 

@media only screen and (min-width:321px) and (max-width:768px) and (orientation:landscape) {
    .sidelements {float:none; text-align:center; width: 50%; padding: 10px; display: inline-table;}
    .leftelement {float:left; text-align:center; padding: 0px 10px 20px 20px; display: inline-table; font-size: small;}
    .nicetable th, .nicetable td { padding: 2px; font-size: 2vmax;}
}

/* Desktop */
@media only screen and (min-width:769px) {

}


/* Element.Class - Πρέπει να είναι τελευταία για να ισχύουν - Οπου έχει class center το element p υπερισχύει */

p.center {text-align: center;}

button:not(.tool-submit-btn) {
  position: relative;
  background: #444;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  letter-spacing: 0.1rem;
  font-size: 1rem;
  padding: 1rem 3rem;
  margin: 10px;
  transition: 0.2s;
}

button:not(.tool-submit-btn):hover {
  letter-spacing: 0.2rem;
  padding: 1.1rem 3.1rem;
  background: var(--clr);
  color: var(--clr);
  /* box-shadow: 0 0 35px var(--clr); */
  animation: box 3s infinite;
}

button:not(.tool-submit-btn)::before {
  content: "";
  position: absolute;
  inset: 2px;
  background: #272822;
}

button:not(.tool-submit-btn) span {
  position: relative;
  z-index: 1;
}
button:not(.tool-submit-btn) i {
  position: absolute;
  inset: 0;
  display: block;
}

button:not(.tool-submit-btn) i::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  left: 80%;
  top: -2px;
  border: 2px solid var(--clr);
  background: #272822;
  transition: 0.2s;
}

button:not(.tool-submit-btn):hover i::before {
  width: 15px;
  left: 20%;
  animation: move 3s infinite;
}

button:not(.tool-submit-btn) i::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  left: 20%;
  bottom: -2px;
  border: 2px solid var(--clr);
  background: #272822;
  transition: 0.2s;
}

button:not(.tool-submit-btn):hover i::after {
  width: 15px;
  left: 80%;
  animation: move 3s infinite;
}

@keyframes move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes box {
  0% {
    box-shadow: #27272c;
  }
  50% {
    box-shadow: 0 0 25px var(--clr);
  }
  100% {
    box-shadow: #27272c;
  }
}