.error-line {
  background-color:#FFDDDD;
}
.fullbox {
  width: 90vw;
  height: 80vh;
}
.statusbox {
  width: 30vw;
}
.tinybox {
  width: 30vw;
}

.nobord td,th {
	border: none;
	width: auto;
}

.boffo {
	border: none;
	padding: 0px;
	margin: 0px;
	width: auto;
}

.tinygap {
	font-size: 2pt;
}

body {
	background-color:#f8f8f8;
}
.xmltab  td  th  tr {
	border: solid 1px;
	padding: 0.2em;
}

.simplehead td th tr {
	border: solid 1px;
	padding: 0.2em;
}

th.mkhead, td.mkhdata {
	border: solid 1px;
	padding: 0.2em;
}

.sound_grid * th, .sound_grid * td {
	border: solid 1px;
	padding: 0.2em;
}

.samplelist * td {
	border: solid 1px;
	padding: 0.2em;
}

#filegroup * button {
	border: solid 1px;
	border-color: black,
}

table.xmltab {
	border-collapse: collapse;
	text-align: center;
}

.kit_tab * td {
	border: solid 1px;
	padding: 0.2em;
}

table.kit_tab {
	border-collapse: collapse;
	text-align: center;
}

td.coltab {
	border: solid 1px;
	padding: 0.2em;
}

.samplelist td {
	text-align: left;
}

.repeats {
	font-size: 9pt;
}

.tabval td {
	text-align: left;
	padding: 0.5em;
}

.keyval {
	font-weight: 600;
	background-color:#f0f0f0;
}

.tabval {
	font-weight: 500;
	background-color:#f8f8f8;
}

td.coltab {
	width: 10px;
	height: 10px;
}

div.trgrid {
	position: relative;
	// border: solid 1px;
	background-color:#FFE8E8;

}

div.kitgrid {
	position: relative;
	// border: solid 1px;
	background-color:#F8FFFF;
}

div.trnote {
	position: absolute;
	height: 4px;
	background-color:#202020;
}

div.kitlab {
	position: absolute;
	font-size: 7pt;
	user-select: none;
}

div.notelab {
	position: absolute;
	font-size: 9pt;
	user-select: none;
}

div.notelabsimp {
	position: absolute;
	font-size: 9pt;
	left: 18px;
}

div.parmlab {
	position: absolute;
	font-size: 7pt;
	top:  0px;
	left: 2px;
}


div.trkitnote {
	position: absolute;
	height: 8px;
	background-color:#202020;
}


div.trnsn {
	position: absolute;
	height: 4px;
//	background-color:#A0A0A0;
}

div.trnkn {
	position: absolute;
	height: 8px;
//	background-color:#202020;
}


div.arrlab {
	position: absolute;
	font-size: 7pt;
}

div.arrgrid {
	position: relative;
	// border: solid 1px;
	background-color:#E8E8E0;
	height: 18px;
}

div.arritem {
	position: absolute;
	height: 16px;
	color: white;
}

div.arritembow {
	position: absolute;
	height: 16px;
	color: black;
}


div.parmplot {
	position: relative;
	background-color:#fffff0;
	height: 64px;
}

div.paramrun {
	position: absolute;
	height: 1px;
	background-color:#202020;
}

div.paramconst {
	position: relative;
	background-color:#fffff0;
	font-size: 7pt;
}

.plotspot, .parmplot {
	padding:0%;
	margin: 0%;
	padding: 0em;
	border-spacing: 0px;
}

.plottab th {
	font-size: 9pt;
	font-weight: 500;
	background-color: #E8E8C0;
}

.mkhead {
	background-color:  #F0F0D0;
	font-size: 9pt;
	padding:0%;
	margin: 0%;
}


.mkhdata {
	background-color:  #FFFFE8;
	font-size: 10pt;
}

.midimh {
	background-color:  #F0F0D0;
	font-size: 10pt;
}

.midismh {
	background-color:  #F0F0E0;
	font-size: 7pt;
}

.midi_mod_knobs td {
	background-color:  #FFFFE8;
	font-size: 10pt;
}
.clipbtn {
	font-size: 9pt;
	padding:0%;
	margin: 0%;
}

.sound_grid th {
		font-size: 6pt;
		color: black;
		width: 60px;
		border-bottom-color: #A0A0A0;
}


.sound_grid td {
	text-align: center;
}

.hleftb {
	 border-left-width: 2px;

}

.unlab {
	background-color:  #E8E8E8;
}

.textsm {
	font-size: 7pt;
}

.textsm2 {
	font-size: 8pt;
}

.sample1 {
	background-color: #FFD2C2;
}

.sample2 {
	background-color: #F8C8B8;
}

.samplenb {
	background-color: #FFD2b2;
}

.samplen {
	background-color: #F8C8A8;
}

.osc1 {
	background-color: #C0FFC0;
}

.osc2 {
	background-color: #B8F8B8;
}

.noise {
	background-color: #B8F0FF;
}

.fmmod1 {
	background-color: #E8F8FF;
}

.fmmod2 {
	background-color: #E0F0F0;
}

.distortion {
	background-color: #C0ECEC;
}

.master {
	background-color: #F8F8C0;
}

.voice {
	background-color: #FFC8C8;
}

.unison {
	background-color: #C8FFFF;
}

.env1 {
	background-color: #C8FFC8;
}

.env2 {
	background-color: #C0F8C0;
}

.sidechain {
	background-color: #E8E8FF;
}

.arp {
	background-color: #C0F0F0;	
}

.lfo1 {
	background-color: #F0F0C0;
}

.lfo2 {
	background-color: #E8E8C0;
}

.modfx {
	background-color: #F0C0F0;	
}

.reverb {
	background-color: #FFC0C0;	
}

.delay {
	background-color: #E0E0FF;	
}

.modsources {
	background-color: #F0F080;
}

.lpf {
	background-color: #FFE0FF;
}

.hpf {
	background-color: #F8D8F8;
}


.bass {
	background-color: #E8FFE8;
}

.treble {
	background-color: #E0F8E0;
}

// .kit_tab td {
// 	text-align: right;
// }

.kitentry {
	background-color: #FFFFE8;
}
.kithead {
	background-color: #EFEFd8;
}

.tinyplayer {
	width: 96px;
}

.Dropdown-root {
  position: relative;
}

.Dropdown-control {
  position: relative;
  overflow: hidden;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  color: #333;
  cursor: default;
  outline: none;
  padding: 8px 52px 8px 10px;
  transition: all 200ms ease;
}

.Dropdown-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.Dropdown-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: ' ';
  display: block;
  height: 0;
  margin-top: -ceil(2.5);
  position: absolute;
  right: 10px;
  top: 14px;
  width: 0
}

.is-open .Dropdown-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}

.Dropdown-menu {
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}

.Dropdown-menu .Dropdown-group > .Dropdown-title{
  padding: 8px 10px;
  color: rgba(51, 51, 51, 1);
  font-weight: bold;
  text-transform: capitalize;
}

.Dropdown-option {
  box-sizing: border-box;
  color: rgba(51, 51, 51, 0.8);
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}

.Dropdown-option:last-child {
  border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
}

.Dropdown-option:hover {
  background-color: #f2f9fc;
  color: #333;
}

.Dropdown-option.is-selected {
  background-color: #f2f9fc;
  color: #333;
}

.Dropdown-noresults {
  box-sizing: border-box;
  color: #ccc;
  cursor: default;
  display: block;
  padding: 8px 10px;
}

.butn {
vertical-align: top;
height: 28px;
min-height: 28px;
}

.tinybutn {
	padding: 1px;
}

#hiddenfileopener
{
    display:none;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.autocompletediv {
	position: relative;
}
.react-autocomplete-input{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);bottom:auto;
	box-shadow:0 6px 12px rgba(0,0,0,.175);display:block;font-size:14px;list-style:none;
	padding:1px;position:absolute;text-align:left;z-index:20000}
.react-autocomplete-input>li{cursor:pointer;padding:10px;min-width:100px}
.react-autocomplete-input>li.active{background-color:#337ab7;color:#fff}


td.simplechan {
	width: 40px;
	text-align: left;
	font-size: 18px;

	color: white;
	vertical-align: top;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 4px;
	padding-bottom: 2px;
}

table.simplehead {
  text-align: left;
  table-layout: fixed;
  width: 12px;
  border: none;
  	border: 1px;
}

span.simplepatch {
  text-align: left;
  font-size: 14px;
  border: none;
  	border: 1px;
}

td.simpleplot {
	border: none;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;

}


div.selbox {
	background-color: gray;
	position: absolute;
	opacity: 0.2;
}