/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
        size:80%;
    color: aqua;
}

hr.grey {
  border: 1px solid #999999;
    margin-left: 10px;
    margin-right: 10px;
}


hr.new4 {
  border: 1px solid red;
}  


pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type="button"], [type="reset"], [type="submit"], button {
    -webkit-appearance: button
}

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

/* APPIZY */
.appizy * {
    box-sizing: border-box;
}

.appizy {
    box-sizing: border-box;
    font-family: "Fira sans", sans-serif;
    font-size: 14px;
    padding: 5px;
    width: 100%;
   
}

.application-align-center {
    margin: auto;
}

.application-align-right {
    margin-left: auto;
    margin-right: 0;
}

.application-layout-fixed .tabs {
    overflow-x: auto;
}

.application-layout-fit-parent {
    width: 100%;
}

.application-layout-fit-parent table {
    table-layout: auto;
    width: 100%;
}

.draw-frame {
    padding: 0;
    position: relative;
    z-index: 1;
}

.draw-frame-layout-fixed {
    margin: 0;
    position: absolute;
}

.draw-frame-layout-fluid,
.draw-frame-layout-fit-parent {
    width: 70%;
  margin: 0 auto;
}

.chart {
    background: white;
    border: 1px solid #ebebeb;
}




/* ------------ dropdown button----------------- */ 
/* ----------------------------------------------------------------------- */  

              .dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}






/* ------------ κλάσεις που δεν λειτουργούν στο style.css----------------- */ 
/* ----------------------------------------------------------------------- */  
          

/* δεξιά μπάρα με εικονίδια και συνδέσμους */ 
          
.icon-bar {
  position: fixed;
  top: 50%;
  right: 0%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

          
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */ 
          
          
          
/* κουτάκι με περισσότερες πληροφορίες on hover */ 
          
      .tooltip {
  position: relative;
  display: inline-block;
  font-size: 14px;
          text-align:end;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #111;
  color: aliceblue;
  text-align: left;
  border-radius: 2px;
  padding: 10px;
 font-size: 14px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
    
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
          
          
          
/* ----------------------------------------------------------------------- */ 
/* ----------------------------------------------------------------------- */ 
          
          
/* πάνω μπάρα με νούμερα σταθερή */ 
          
          
    .topbar {
    border-bottom: 0px solid #d4d4d1;
    padding: 10px;
    margin-bottom: 15px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: white;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);
    border-radius: 2px;
    text-align: center;
    }  
          
.topnumber {
    font-size: 19px;
    color: #01ae03;
    }
          
.topnumber2 {
    font-size: 19px;
    color: #0666ba;
    }          
          
          
          /* ----------------------------------------------------------------------- */ 
          
@media print {
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}
          



/*----------------------------------------------------- */
/*----------------------------------------------------- */
/* κελιά και πίνακες */

table {
    table-layout: fixed;
    border: none;
    border-collapse: collapse;
    
}

tbody {
    border: none;
}

tr {
    min-height: 3px;
}

td {
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 4px;
    padding-right: 4px;
    
    line-height: normal;
}

td > div {
    padding: 3px 0;
}



/*----------------------------------------------------- */
/*----------------------------------------------------- */

/* πεδία εισαγωγής */

input {
    background: #f5f8fa ;
    border: 1px solid #8a8987;
    border-radius: 0px;
    color: black;
    font-family: "Fira sans";
    font-size: 35px;
    font-weight: 800;
    padding: 5px;
    text-align: inherit;
    vertical-align: text-bottom;
    width: 100%;
   height: 59px;
}


input:hover {
  border: 1px solid orange;
    
}

input:focus {
    outline: none !important;
    border:1px solid orange;
    
  }


select {
    font-family: "Fira sans";
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    width: 95%;
    padding: 5px;
    border: 1px solid #8a8987;
    border-radius: 0px;
    height: 37px;
}

select:hover {
  border: 1px solid orange;
}

select:focus {
    outline: none !important;
    border:1px solid orange;
    
  }


/*----------------------------------------------------- */
/*----------------------------------------------------- */


p {
    margin: 0;
}

.in {
    text-align: right;
}

.in--text {
    text-align: left;
}

.out {
    text-align: right;
}

.out--text {
    text-align: left;
}

.help-text {
    color: #6c757d;
    font-size: 0.7rem;
    margin-top: .25rem;
    padding: 0;
    text-align: left;
}

.hidden-cell {
    display: none;
}

.hidden-row {
    display: none;
}

textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border: 1px solid #8a8987;
    border-radius: 0px;
    color: black;
    font-family: "Fira sans";
    resize: none;
    width: 100%;
    height: 150px;
}

textarea:hover {
  border: 1px solid orange;
    
}

textarea:focus {
    outline: none !important;
    border:1px solid orange;
    
  }

/*----------------------------------------------------- */
/*----------------------------------------------------- */

/* κουμπιά και μπάρα εργαλείων */

.btn {
    background-color: #111;
    border: 1px solid #111;
    border-radius: 25px;
    color: #818181;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-family: 'segoe ui black';
    cursor: pointer;
   
}

.btn:hover {
  color: ghostwhite;
    
    
    /* custom purple */
    background-color: rebeccapurple;
    border: 1px solid rebeccapurple;
}


.btn2 {
    background-color: #e88e10;
    border: 1px solid #e88e10;
    border-radius: 25px;
    color: #818181;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-family: 'segoe ui black';
    cursor: pointer;
   
}

.btn2:hover {
  color: ghostwhite;
    background-color: #111;
    border: 1px solid #111;
}


/*-------εσωτερικά κουμπιά---------------------------------- */

.innerbtn {
    background-color: #e88e10;
    border: 3px solid #e88e10;
    border-radius: 3px;
    color: black;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    font-family: 'Fira sans';
    font-weight: 800;
    cursor: pointer;
    width: 70%;
  
   
}


@media print {
    .innerbtn {
        display: none;
    }
}

.innerbtn:hover {
  color: ghostwhite;
    background-color: #111;
    border: 3px solid #111;
}


.innerbtn2 {
    background-color: transparent;
    border: 3px solid #111;
    border-radius: 2px;
    color: black;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-family: 'Fira sans';
    font-weight: 800;
    cursor: pointer;
    width: 99%;
  
   
}

.innerlink:hover {
  color: #0c2aed;
   
}


.innerlink {
    
    color: #4055e3;
   
    text-align: left;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Fira sans';
    font-weight: 800;
    cursor: pointer;
    width: 99%;
  
   
}

.innerbtn2:hover {
  color: ghostwhite;
    background-color: #111;
    border: 3px solid #111;
}




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

a:hover {
  color: #0282de;
}




.action-bar {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    position: fixed;
  bottom: 0;
  right: 0;
  width: auto;
}

@media print {
    .action-bar {
        display: none;
    }
}



/*----------------------------------------------------- */
/*----------------------------------------------------- */


.tab-content {
    padding: 0 10px;
    position: relative;
}






/* ------------ κλάσεις που δεν λειτουργούν στο style.css----------------- */ 
/* ----------------------------------------------------------------------- */  
          
          
          
/* δεξιά μπάρα με εικονίδια και συνδέσμους */ 
          
.icon-bar {
  position: fixed;
  top: 50%;
  right: 0%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

          
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */ 
          
          
          
/* κουτάκι με περισσότερες πληροφορίες on hover */ 
          
      .tooltip {
  position: relative;
  display: inline-block;
  
          font-size: 14px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #111;
  color: aliceblue;
  text-align: left;
  border-radius: 2px;
  padding: 10px;
 font-size: 14px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
    
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
          
          
          
/* ----------------------------------------------------------------------- */ 
/* ----------------------------------------------------------------------- */ 
          
          
/* πάνω μπάρα με νούμερα σταθερή */ 
          
          
    .topbar {
    border-bottom: 0px solid #d4d4d1;
    padding: 10px;
    margin-bottom: 15px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: white;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);
    border-radius: 2px;
    text-align: center;
    }  
          
.topnumber {
    font-size: 19px;
    color: #01ae03;
    }
          
.topnumber2 {
    font-size: 19px;
    color: #0666ba;
    }    


.barnumber {
    font-size: 28px;
    color: #01ae03;
    font-weight: 600;
    }
          
          
          /* ----------------------------------------------------------------------- */ 
          
@media print {
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}

/* ----------------------------------------------------------------------- */ 
/* -------------------------- μπαρα εσωτερική------------------------------------ */  
          
          
 .bar {
  height: 100%;
  width: 120px;
 margin-left: 17%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  /*background-color: #eeeeee;*/
  overflow-x: hidden;
  padding-top: 30px;
}

.bar a {
  padding: 6px 8px 20px 20px;
  text-decoration: none;
  font-size: 14px;
  color: #241b01;
  display: block;
 font-family: "Fira sans", sans-serif;
    font-weight: 600;
}

.bar a:hover {
  color: #e88e10;
}

@media screen and (max-height: 450px) {
  .bar {padding-top: 15px;}
  .bar a {font-size: 18px;}
}
      


.Info {
    color: #0a70d1;
    font-size: 14px;
    background-color: #CCE6FF;
    font-weight: 800;
    padding: 20px;
}

          
/* ----------------------------------------------------------------------- */ 
/* -------------------------- scroll bar------------------------------------ */            
          
          




/*----------------------------------------------------- */
/*----------------------------------------------------- */

/*---------------------------------------------------------------δυναμικό css  ------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------ */


.co1 {
    width: 76px;
}
.co2 {
    width: 98px;
}
.co3 {
    width: 68px;
}
.co4 {
    width: 65px;
}
.co5 {
    width: 87px;
}
.co6 {
    width: 270px;
}
.co7 {
    width: 61px;
}
.co8 {
    width: 122px;
}
.co9 {
    width: 168px;
}
.co10 {
    width: 108px;
}
.co11 {
    width: 64px;
}
.co12 {
    width: 110px;
}
.co13 {
    width: 112px;
}
.ro1 {
    height: 25px;
}
.ro2 {
    height: 24px;
}
.ro3 {
    height: 20px;
}
.ro4 {
    height: 23px;
}
.ro5 {
    height: 21px;
}
.ro6 {
    height: 19px;
}
.ta3 {
    display: none;
}
.ta4 {
    display: none;
}
.ce1 {
    font-size: 16px;
    border-bottom: none;
    background-color: #f2f2f2;
    border-left: none;
    border-right: none;
    border-top: 2.49pt solid #00b050;
    font-weight: bold;
}
.ce2 {
    font-size: 16px;
    background-color: #f2f2f2;
    font-weight: bold;
}
.ce3 {
    font-size: 19px;
}
.ce4 {
    font-size: 19px;
    border-bottom: none;
    background-color: #f2f2f2;
    border-left: none;
    border-right: none;
    border-top: 2.49pt solid #00b050;
    text-align: center;
    font-weight: bold;
}
.ce5 {
    font-size: 19px;
    background-color: #f2f2f2;
    text-align: center;
    font-weight: bold;
}
.ce6 {
    color: #7f7f7f;
    font-size: 19px;
    border: none;
    text-align: center;
}
.ce7 {
    color: #ff0000;
    font-size: 16px;
    border: none;
    text-align: center;
    font-weight: bold;
}
.ce8 {
    color: #ff0000;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.ce9 {
    color: #ff0000;
    font-size: 16px;
    background-color: #f2f2f2;
    text-align: center;
    font-weight: bold;
}
.ce10 {
    font-size: 19px;
    background-color: #f2f2f2;
}
.ce11 {
    font-size: 19px;
    border: none;
    text-align: center;
}
.ce12 {
    font-size: 11px;
    border: none;
    text-align: center;
}
.ce13 {
    font-size: 11px;
    text-align: center;
}
.ce14 {
    color: #0563c1;
    font-size: 15px;
    text-decoration: underline;
    font-weight: bold;
    background-color: transparent;
    border: none;
    text-align: start;
}
.ce15 {
    color: #0563c1;
    font-size: 15px;
    text-decoration: underline;
    background-color: transparent;
    border: none;
    text-align: start;
}
.ce16 {
    font-size: 19px;
    border: none;
    text-align: center;
    font-weight: bold;
}
.ce17 {
    color: #00b050;
    font-size: 53px;
    border: none;
    text-align: center;
    font-weight: bold;
}
.ce18 {
    color: #7f7f7f;
    font-size: 19px;
    text-align: center;
}
.ce19 {
    font-size: 15px;
    background-color: #f2f2f2;
    border: none;
    text-align: center;
}
.ce20 {
    font-size: 19px;
    text-align: center;
}
.ce21 {
    color: #0563c1;
    font-size: 15px;
    text-decoration: underline;
    font-weight: bold;
    background-color: transparent;
    border: none;
    text-align: start;
}
.ce22 {
    font-size: 19px;
    text-align: center;
    font-weight: bold;
}
.ce23 {
    color: #00b050;
    font-size: 53px;
    text-align: center;
    font-weight: bold;
}
.ce24 {
    font-size: 19px;
    border: none;
    text-align: start;
    font-weight: bold;
}
.ce25 {
    font-size: 27px;
    border: none;
    text-align: center;
}
.ce26 {
    color: #262626;
    font-size: 19px;
    background-color: #f2f2f2;
    border: none;
    text-align: start;
    font-weight: bold;
}
.ce27 {
    color: #262626;
    font-size: 19px;
    background-color: #f2f2f2;
}
.ce28 {
    font-size: 15px;
    background-color: #f2f2f2;
    text-align: center;
}
.ce29 {
    font-size: 19px;
    text-align: start;
    font-weight: bold;
}
.ce30 {
    font-size: 27px;
    text-align: center;
}
.ce31 {
    color: #262626;
    font-size: 19px;
    background-color: #f2f2f2;
    text-align: start;
    font-weight: bold;
}
.ce32 {
    color: #262626;
    font-size: 19px;
    background-color: #f2f2f2;
    text-align: start;
}
.ce33 {
    font-size: 21px;
    background-color: #f2f2f2;
    border: none;
    text-align: start;
    font-weight: bold;
}
.ce34 {
    font-size: 19px;
    background-color: #f2f2f2;
    text-align: start;
}
.ce35 {
    font-size: 19px;
    background-color: #f2f2f2;
    border: none;
    text-align: start;
    font-weight: bold;
}
.ce36 {
    font-size: 19px;
    background-color: #f2f2f2;
    text-align: start;
    font-weight: bold;
}
.ce37 {
    font-size: 21px;
    background-color: #f2f2f2;
    text-align: start;
    font-weight: bold;
}
.ce38 {
    font-size: 12px;
    border: none;
    text-align: center;
}
.ce39 {
    font-size: 19px;
    font-weight: bold;
}
.ce40 {
    font-size: 12px;
    text-align: center;
}
.ce41 {
    font-size: 16px;
    background-color: #f2f2f2;
}
.ce42 {
    font-size: 19px;
    background-color: #f2f2f2;
    font-weight: bold;
}
.ce43 {
    font-size: 16px;
}
.ce44 {
    font-size: 16px;
}
.ce45 {
    color: #808080;
    font-size: 16px;
    border: none;
    text-align: center;
}
.ce46 {
    font-size: 16px;
    border-bottom: 0.74pt solid #000000;
    border-left: none;
    border-right: none;
    border-top: none;
}
.ce47 {
    font-size: 19px;
    background-color: #f2f2f2;
    border: none;
    text-align: center;
    font-weight: bold;
}
.ce48 {
    font-size: 16px;
    border: none;
    text-align: center;
}
.ce49 {
    font-size: 12px;
    border: none;
    text-align: center;
}
.ce50 {
    font-size: 12px;
    text-align: center;
}
.ce51 {
    color: #808080;
    font-size: 16px;
    text-align: center;
}
.ce52 {
    font-size: 16px;
    text-align: center;
}
.ce53 {
    font-size: 19px;
    border: none;
    text-align: start;
    font-weight: bold;
}
.ce54 {
    color: #7f7f7f;
    font-size: 37px;
    border: none;
    text-align: start;
    font-weight: bold;
}
.ce55 {
    font-size: 16px;
    font-weight: bold;
}
.ce56 {
    font-size: 16px;
    background-color: #f2f2f2;
    font-weight: bold;
}
.ce57 {
    font-size: 19px;
    text-align: start;
    font-weight: bold;
}
.ce58 {
    color: #7f7f7f;
    font-size: 37px;
    text-align: start;
    font-weight: bold;
}
.ce59 {
    font-size: 19px;
    background-color: #f2f2f2;
    border: none;
    text-align: start;
    font-weight: bold;
}
.ce60 {
    font-size: 19px;
}
.ce61 {
    font-size: 19px;
    background-color: #f2f2f2;
    text-align: start;
    font-weight: bold;
}
.ce62 {
    font-size: 16px;
    text-align: center;
}
.ce63 {
    font-size: 19px;
    text-align: center;
}
.ce64 {
    font-size: 19px;
    text-align: start;
}
.ce65 {
    font-size: 16px;
    border-bottom: 0.74pt solid #000000;
    border-left: none;
    border-right: none;
    border-top: none;
    text-align: center;
}
.ce66 {
    color: #00b050;
    font-size: 37px;
    border: none;
    text-align: start;
    font-weight: bold;
}
.ce67 {
    font-size: 16px;
    text-align: start;
}
.ce68 {
    font-size: 19px;
    text-align: start;
    font-weight: bold;
}
.ce69 {
    font-size: 19px;
    text-align: start;
}
.ce70 {
    font-size: 19px;
    border: none;
    text-align: start;
    font-weight: bold;
}
.ce71 {
    font-size: 16px;
    border-bottom: 0.74pt solid #000000;
    border-left: none;
    border-right: none;
    border-top: none;
    text-align: start;
}
.ce72 {
    color: #00b050;
    font-size: 37px;
    text-align: start;
    font-weight: bold;
}
.ce73 {
    font-size: 16px;
    background-color: #f2f2f2;
}
.ce74 {
    font-size: 11px;
}
.ce75 {
    font-size: 16px;
    font-weight: bold;
}
.ce76 {
    font-size: 15px;
    font-weight: bold;
}
.ce77 {
    font-size: 15px;
}
.ce78 {
    font-size: 15px;
    text-align: end;
}
.ce79 {
    font-size: 15px;
}
.ce80 {
    font-size: 15px;
    text-align: start;
}
.ce81 {
    font-size: 15px;
    text-align: start;
}
.ce82 {
    background-color: transparent;
    border: none;
    text-align: start;
    font-size: 15px;
}
.ce83 {
    font-size: 15px;
    text-align: start;
    font-weight: bold;
}
.ce84 {
    background-color: transparent;
    border: none;
    text-align: start;
    font-size: 15px;
    font-weight: bold;
}
.ce85 {
    font-size: 16px;
    text-align: start;
    font-weight: bold;
}
.ce86 {
    font-size: 15px;
    text-align: start;
}
.ce87 {
    font-size: 16px;
    text-align: start;
    font-weight: bold;
}
.ce88 {
    font-size: 15px;
    font-weight: bold;
}
.ce89 {
    background-color: transparent;
    border: none;
    font-size: 15px;
}
.ce90 {
    font-size: 15px;
}
.gr1 {
    text-align: start;
    font-size: 24px;
}
.P1 {
    text-align: start;
    font-size: 24px;
}
.Default {
    font-size: 15px;
}
.Heading {
    font-size: 32px;
    font-weight: bold;
}
.Heading_20_1 {
    font-size: 24px;
    font-weight: bold;
}
.Heading_20_2 {
    font-size: 16px;
    font-weight: bold;
}
.Text {
    font-size: 15px;
}
.Note {
    color: #333333;
    font-size: 15px;
    background-color: #ffffcc;
    border: 0.74pt solid #808080;
}
.Footnote {
    color: #808080;
    font-size: 15px;
    font-style: italic;
}
.Hyperlink {
    color: #0000ee;
    font-size: 15px;
    text-decoration: underline;
}
.Status {
    font-size: 15px;
}
.Good {
    color: #006600;
    font-size: 15px;
    background-color: #ccffcc;
}
.Neutral {
    color: #996600;
    font-size: 15px;
    background-color: #ffffcc;
}
.Bad {
    color: #cc0000;
    font-size: 15px;
    background-color: #ffcccc;
}
.Warning {
    color: #cc0000;
    font-size: 15px;
}
.Error {
    color: #ffffff;
    font-size: 15px;
    background-color: #cc0000;
    font-weight: bold;
}
.Accent {
    font-size: 15px;
    font-weight: bold;
}
.Accent_20_1 {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
}
.Accent_20_2 {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    background-color: #808080;
}
.Accent_20_3 {
    font-size: 15px;
    font-weight: bold;
    background-color: #dddddd;
}
.Result {
    font-size: 15px;
    font-style: italic;
    text-decoration: underline;
    font-weight: bold;
}
.Excel_20_Built-in_20_Hyperlink {
    color: #0563c1;
    font-size: 15px;
    text-decoration: underline;
}
.Excel_20_Built-in_20_Percent {
    font-size: 15px;
}

/* ------------------------------------------------- */ 
/* ---------------------------------------------------------------------------------------------------------- */ 
/* ------------------------------------------------------custom μετατροπες-------------------------------------- */ 


/* της μπάρας μενού που βγάζει το appizy */  

.nav li {
    height: 60px;
    width: 100%;
    line-height: 30px;
    list-style: none;
    background-color: #111;
    display: inline-block;
    margin-right: 0px;
}

.nav li.active {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}





.nav .active a {
    color: #000;
}


.nav li a:hover {
  color: mintcream;
}
   

.nav {
  list-style-type: none;
  margin-top: 20px;
  padding: 0;
  width: 17%;
  background-color: #111;
  position: fixed;
  height: 100%;
  overflow: auto;
}

@media print {
    .nav li.active {
        font-weight: bold;
    }
}

@media print {
    .nav {
        display: none;}
}



.nav li a {
  padding: 20px;
  height: 70px;
  line-height: normal;
  text-decoration: none;
  
  display: block;
 list-style: none;
  width: 95%;
  text-align: left;
  vertical-align: middle;
  font-weight: 800;
  font-size: 16px;
  font-family: "Fira sans", sans-serif;
  color: #b4b2af;
  text-decoration: none;
                
}
        
        
    .nav li {
    height: 60px;
    width: 100%;
    line-height: 30px;
    list-style: none;
    background-color: #111;
    display: inline-block;
    margin-right: 0px;
    }

    .nav .active a {
    color: #000;
    }

    .nav .active a:hover {
    color: #111;
    }




/* ------------------------------------------------- */ 
/* ------------------------------------------------- */ 




/* μορφοποίηση του ενθέματος αριστερά μέσα στο οποίο έβαλα τη μπάρα μενού που βγάζει app */  

.sidenav {
  height: 100%;
  width: 17%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 20px;
  font-family: "Fira sans", sans-serif;
}


.sidenav a {
  padding: 19px 8px 6px 16px;
  text-decoration: none;
  font-family: "Fira sans", sans-serif;

  color: #818181;
  display: block;
}

.sidenav a:hover {
  color: #f1f1f1;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media print {
    .sidenav {
        display: none;
    }
}



/* ------------------------------------------------- */ 
/* ------------------------------------------------- */ 



/* μορφοποίηση του ενθέματος αριστερά μέσα στο οποίο έβαλα τη μπάρα μενού που βγάζει app */  

.sidenav {
  height: 100%;
  width: 17%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 20px;
  font-family: "Fira sans", sans-serif;
}


.sidenav a {
  padding: 19px 8px 6px 16px;
  text-decoration: none;
  font-family: "Fira sans", sans-serif;

  color: #818181;
  display: block;
}

.sidenav a:hover {
  color: #f1f1f1;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media print {
    .sidenav {
        display: none;
    }
}



/* ------------------------------------------------- */ 
/* ------------------------------------------------- */ 


.tabs {
    margin-bottom: 20px;
    }

.tab-content {
    padding: 0 10px;
    display: none;
}

.tab-content.active {
    display: block;
}


    .tabs {
    margin-bottom: 20px;
    }

.tab-content {
    padding: 0 10px;
    display: none;
}

.tab-content.active {
    display: block;
}



/* ------------------------------------------------- */ 
/* ------------------------------------------------- */ 



/* για το κυρίως κομμάτι που είναι το υπολογιστικό και η μπάρα μενού */ 
.main {
  margin-left: 17%; /* Same as the width of the sidenav */
  font-size: 28px; /* Increased text to enable scrolling */
  padding: 0px 0px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/* εκτύπωση σελίδων χωρίς το κενό στα αριστερά που έχει τη μπάρα-μενού */ 
@media print {
    .main {
        margin-left: 5px;
        background: none;
    }
}

/* εκτύπωση σελίδων στο 75% */ 
@media print {
   body {
      zoom: 0.76;
   }
}


/* αυτό το κουμπί είναι το scroll top και έτσι υπάρχει σαν όνομα και μέσα στο js/ html */ 
#myBtn {
  display: none;
  position: fixed;
  bottom: 4px;
  right: 50%;
  z-index: 99;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 12px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 25px;
    font-family: "segoe ui Black"
}

#myBtn:hover {
  background-color: #555;
}


.next-step {
    font-size:20px;
    display: flex;
    justify-content: center;
    align-items:center;
}


@media print {
    .tabs {
        box-shadow: none;
    
}
    
  
/* μορφοποίηση των αριθμών στην μπάρα αποτελεσμάτων */  
.topnumber {
    font-size: 12px;
    color: #00ff04;
    }
    
    
    labels: APY.FLAT_RANGE([3,3,1],[3,6,1]).map(function(label) {
    return label + ' €';
})