/*eeg valimise lehe stiil. seda kasutab eeg.html*/
*{
//  margin: 0;
 // padding: 0;
 // box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

/*yleval vasakus nurgas tuletatakse punase tekstika hetkel sessionStorages salvestatud filtreid meelde*/
.filtri_info_stiil {
    font-size: 1.3em;
    color: red;
 }
p {
    display: inline;
    font-size: 0.875em;
 }

 /*yks nahtamatu tabel, millesse koik teised asjad sisse pannakse*/
.valis_tabel, .valimine_d, .valimine_r{
     border: none;
//    border: 1px solid rgb(255,80,0);

     vertical-align: top;
//     border-collapse: collapse;
     background-color: #e5e5e5;
     padding: 0;
     margin: 0;
     }

.valge_td, .rakuke, .pea{
   //  height: auto;
     border-collapse: collapse;
    // border: 2px solid rgb(0,255,0);
     border: none;
     border-spacing: 0.5rem;
     /*border-spacing: 0.0rem;*/
   //  vertical-align: top;
   //  display:block;
     /*background-color: ;*/
     background-color: #e5e5e5;
   //  border-style: outset;
     //opacity: 0.7;
}


table {
/*    width: 1000px;*/
    height: auto;
    border-collapse: collapse;
   /* border: 4px solid rgb(82,82,84);*/
   // border: 7px solid rgb(0,0,255);
   border: none;
    border-spacing: 0.0rem;
    vertical-align: top;
    display:block;
  //  background-color: #e5e5e5;
    float: left;
   /* border-style: outset;*/
    /*border-top-left-radius: 15px;
    border-top-right-radius: 15px;*/
    }
.th_channels, .td_channels, .no-select{
   border: 2px solid rgb(180,180,180);
   vertical-align: top;
   //border: 1px solid rgb(82,82,84);
   padding: 6px;
   transition: all 0.5s ease; /* Smooth transition */
    }
 .tabeliValimine_f-c{
   background: #fff;
   border-radius: 5px;
   box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
   max-width: 475px;
   height: 140px;
   outline: none;
   border: none;
   padding: 10px 80px 0 20px;
   font-size: 18px;
   margin: 10px 0 10px;
    display: flex;
   //   display: inline-block;
      vertical-align: middle;
      justify-content: center;
 }
 .tabeliValimine {
   //margin: auto;
    //   display: block;
   vertical-align: middle;
   justify-content: center;
   align-items: center;

 }

 .rakuke{
    justify-content: center;
    align-items: center;
 }

/*ajaintervalli sisestamise lahtrid*/
 .algus, .lopp{
   background: #fff;
   border-radius: 5px;
   box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
   max-width: 150px;
   height: 50px;
   outline: none;
   border: none;
   font-size: 18px;
  text-align: right;
 }

 /*kanalite tabeli pealkirja stiil on teistsugune ja defineeritud siin*/
.eeg_t1 {
    // background-color: rgba(200,200,200);
     background-color: #800020;
      border: 0px rgba(82,82,84);
      border-collapse: collapse;
      border-spacing: 0.0rem;
      font-size: 1.45em;
      padding : 0px;
      color: black;
     // color: white;
      /*display: block;*/
      /*top: 50px;*/
      font-color: white;
      font-weight: bold;
      text-align: center;
      border-top-left-radius: 5px;
      border-top-right-radius: 15px;
      }
 .eeg_table {
 /*    width: 1000px;*/
     height: auto;
     border-collapse: collapse;
     border: 4px solid rgb(255,255,255);
    // border: 4px solid rgb(82,82,84);
    // border-spacing: 0.5rem;
    border-spacing: 0.0rem;
     vertical-align: top;
     display:block;
     background-color: rgb(222, 202, 202);
     width: auto;
     /*border-top-left-radius: 15px;
     border-top-right-radius: 15px;*/
     }

 /*kui ei ole tabelit voi kanaleid valja valitud, aga jargneva tegevuse jaoks oleks seda siiski vaja, siis tuletatakse seda
 hoiatusega meelde.*/

 /* .ch1, .ch11{
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
    max-width: 50px;
    height: 50px;
    outline: none;
    border: none;
   // padding: 10px 80px 0 20px;
   // font-size: 18px;
   // margin: 10px 0 10px;
   // display: inline-block;
   // vertical-align: bottom;
  }*/
.nupp{
    background: #fff;
      border-radius: 5px;
      box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
      max-width: 350px;
      height: 50px;
      outline: none;
      border: none;
      padding: 0 20px 0 20px;
      //font-size: 18px;
      margin: 0;
      //padding: 25;
      display: inline-block;
      background-color: #800020;
      color: white;
      cursor: pointer;
      font-size: 0.95em;

}

.hele_nupp{
    background: #fff;
      border-radius: 5px;
      box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
      max-width: 300px;
      margin: 5px 5px 5px 5px;
      height: 50px;
      outline: none;
      border: none;
      padding: 0 8px 0 8px;
      //font-size: 18px;
      display: inline-block;
      background-color: rgb(222, 202, 202);
      color: black;
      cursor: pointer;
      position: relative;
      font-size: 0.95em;
}

/*alumise tabelivaliku valikukasti stiil*/
.alumine-valikukast{
  background: #fff;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
  max-width: 170px;
  margin: 5px auto;
  height: 50px;
  outline: none;
  border: none;
  padding: 0 20px 0 20px;
  font-size: 15px;
//  margin: 0;
  //padding: 15;
  display: inline-block; /* Ensures they sit next to each other */
  vertical-align: middle;
}

th, td {
            border: 4px solid rgb(255, 255, 255);
            border-collapse: collapse;
           // background-color: #e5e5e5;
            }

.label-class {
    display: flex;
    align-items: center;
    font-size: 1.0em;
}

 #dependentLabel {
     color: gray;
     }

/*jargnev on eeg lehel all servas olevate valikukastide ehk pilvekeste stiili loomiseks*/
 .yksikud_kanalid{
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
    max-width: 450px;
    height: 210px;
    width: 99%;
    outline: none;
    border: none;
   // padding: 10px 80px 0 20px;
    font-size: 18px;
    margin: 5px 0px 5px 1px;
   // margin: 10px 0 10px;
   // display: inline-block;
   // vertical-align: bottom;
  //  flow: left;
  }

 .kombineeritud_kanalid{
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
    max-width: 450px;
    height: 150px;
    width: 99%;
    outline: none;
    border: none;
    //padding: 10px 80px 0 20px;
    font-size: 18px;
    margin: 0px 0px 5px 1px;
    //margin: 10px 0 10px;
   // display: inline-block;
  //  vertical-align: bottom;
   // flow: left;
  }


  /*kombineeritud kanalite muutuja nimede sisestamise kati stiil*/
  .muutuja_nime_tekstilahtrike{
    background: #fff;
    width: 98%;
    border-radius: 5px;
    box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
    max-width: 350px
    //margin: 5px auto;
    height: 50px;
    outline: none;
    border: none;
   // padding: 0 10px 0 20px;
    font-size: 18px;
    margin: 5px 0px 5px 1px;
  //  margin: 5px 0px 5px 0.05vw;
    //display: inline-block;
   // vertical-align: bottom;
   // display: flex;
  //  flex-wrap: wrap;
  }