/* oscillator symbol + nummer */
.svgOscSymb1, .svgOscSymb2{ stroke-width: 8; fill: none;}
.svgOscTxt { font-size: 80px; font-weight: bold; stroke: none;}

.tblOscillator{
   border:0.5px solid silver;
   border-radius: 4px;
}

.tblOscSwitchB{
   border: 0.5px solid gray;
   border-radius: 4px;
   border-spacing:1px;
   color:blue;
   min-width:78px;
   margin-bottom:8px;

}
.tblOscSwitchB tr:nth-child(1) td:nth-child(1) input{
   margin:2px 3px 0.5px 3px;
   vertical-align:baseline;
}
.tblOscSwitchB tr:nth-child(1) td:nth-child(1) svg{
   height:15px;   
   margin:-4px 0.5px 1.5px 0.5px;
   vertical-align:middle;
}

/* ------- volume pan frequentie ----------- */
.tblOscFreqVol {
   border: 0.5px solid gray;
   border-radius: 4px;
   border-spacing:0px;
}
.tblOscFreqVol tr{line-height:10px;}
.tblOscFreqVol td:nth-child(1){text-align:right;}
.tblOscFreqVol td:nth-child(2) input{width:44px; font-size:9px;  height:0.8em; }
.tblOscFreqVol td img{
   vertical-align:middle;
   height:13px; 
}
.tblOscFreqVol td svg{
   vertical-align:middle;
   height:12px; 
}
.freqmodus{
   border: 1.5px solid gray;
   border-radius: 2px;
   font-size:0.5em;
   padding:1px 1px 0px 1px;
   cursor:pointer;
}
/* --------------- type ------------------- */
.tblOscType{
   border: 0.0px solid gray;
   border-radius: 4px;
   border-spacing:1px;
   margin-bottom:1px;
}

.tblOscType td{padding:1px; line-height:8px;}
.imgOscType{
   background-color: whitesmoke;
   border: 2px solid gray;
   border-radius: 5px;
   cursor: pointer;
}
.imgOscType_selected{ border-color: red; }

/* ------------- fourier --------------- */
.tblFourier {
   border: 0.5px solid gray;
   border-radius: 4px;
   border-spacing:2px;
   font-size: 0.5em;
   text-align: center;
   min-width: 160px;
}
.tblFourier tr:nth-child(1) {
   line-height:5.8px;
}
.tblFourier td svg {
   width: 10px; 
   height:35px;
   cursor:pointer;
   margin: 0px 1px 0px 1px;
}

/* ------------- ADSR & T --------------- */
.tblADSR {
   border: 0.5px solid gray;
   border-radius: 4px;
   border-spacing:0px;
   font-size: 0.5em;
   text-align: center;
   height:80px;
}

.tblADSR td {padding-top:2px;}
.tblADSR td svg {
   width: 10px; 
   height:60px;
   cursor:pointer;
   margin: 0px 1px 0px 1px;
}

/* ------------- detune & echo --------------- */
.tblDetuneEcho {
   border: 0.5px solid gray;
   border-radius: 4px;
   border-spacing:0px;
   font-size: 0.5em;
   text-align: center;
}

.tblDetuneEcho td {padding-top:2px;}
.tblDetuneEcho td svg {
   width: 10px; 
   height:60px;
   cursor:pointer;
   margin: 0px 1px 0px 1px;
}

/* ------------- reverb --------------- */
.tblReverb {
   border: 0.5px solid gray;
   border-radius: 4px;
   border-spacing:2px;
   font-size: 0.5em;
}
.tblReverb td{ text-align: center; padding:2px 0px; }
.tblReverb td:nth-child(1){ width:10px; }
.tblReverb td:nth-child(3){ width:10px; text-align: center;}
.tblReverb td img{
   vertical-align:middle;
   height:12px; 
}
.tblReverb td svg {
   height:12px;
   vertical-align:middle;   
   cursor:pointer;
   margin: 0px 0px 0px 0px;
}
.tblReverb tr:nth-child(1) td:nth-child(2){ 
   border: 0.5px solid gray;
   border-radius: 4px;
   text-align: center;
}


/* ------------- chorus --------------- */
.tblChorus {
   border: 0.5px solid gray;
   border-radius: 4px;
   border-spacing:0px;
   font-size: 0.5em;
   text-align: center;
}
.tblChorus input{width:47px; font-size:9px;  height:0.8em; }
.tblChorus input{width:47px; font-size:9px;  height:0.8em; }
.tblChorus td svg {
   height:12px;
   cursor:pointer;
   margin: 0px 1px -2px 1px;
}
.tblChorus td img{
   vertical-align:middle;
   height:12px; 
}

/* ------------- filter --------------- */
.tblFilter {
   border: 0.5px solid gray;
   border-radius: 4px;
   border-spacing:2px;
   font-size: 0.5em;
   text-align: center;
}

.tblFilter td svg {
   height:12px;
   cursor:pointer;
   margin: 0px 1px -2px 1px;
}
.tblFilter td img{
   vertical-align:middle;
   height:12px; 
}
.tblFilter input{width:47px; font-size:9px;  height:0.9em; }
.tblFilter tr:nth-child(1) td:nth-child(2){ 
   border: 0.5px solid gray;
   border-radius: 4px;
   text-align: center;
}