.CodeMirror {
  font-size: 12px;
}

.commands button {
  font-size: 10px;
}

[data-pk="Y"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EINT (PK)%3C/text%3E%3C/svg%3E" ) !important;
}

option[data-type] {
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}

/* option[data-type="varchar"] {
  color: mediumblue;
background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3Evarchar%3C/text%3E%3C/svg%3E" );
}


option[data-type="int"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3Eint%3C/text%3E%3C/svg%3E" );
} 

option[data-type="char"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3ECHAR%3C/text%3E%3C/svg%3E" );
}

option[data-type="varchar"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EVARCHAR%3C/text%3E%3C/svg%3E" );
}

option[data-type="binary"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EBINARY%3C/text%3E%3C/svg%3E" );
}

option[data-type="varbinary"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EVARBINARY%3C/text%3E%3C/svg%3E" );
}

option[data-type="tinyblob"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3ETINYBLOB%3C/text%3E%3C/svg%3E" );
}

option[data-type="tinytext"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3ETINYTEXT%3C/text%3E%3C/svg%3E" );
}

option[data-type="text"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3ETEXT%3C/text%3E%3C/svg%3E" );
}

option[data-type="blob"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EBLOB%3C/text%3E%3C/svg%3E" );
}

option[data-type="mediumtext"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EMEDIUMTEXT%3C/text%3E%3C/svg%3E" );
}

option[data-type="mediumblob"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EMEDIUMBLOB%3C/text%3E%3C/svg%3E" );
}

option[data-type="longtext"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3ELONGTEXT%3C/text%3E%3C/svg%3E" );
}

option[data-type="longblob"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3ELONGBLOB%3C/text%3E%3C/svg%3E" );
}

option[data-type="enum"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EENUM%3C/text%3E%3C/svg%3E" );
}

option[data-type="set"] {
  color: mediumblue;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3ESET%3C/text%3E%3C/svg%3E" );
}

option[data-type="bit"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EBIT%3C/text%3E%3C/svg%3E" );
}

option[data-type="tinyint"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3ETINYINT%3C/text%3E%3C/svg%3E" );
}

option[data-type="bool"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EBOOL%3C/text%3E%3C/svg%3E" );
}

option[data-type="boolean"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EBOOLEAN%3C/text%3E%3C/svg%3E" );
}

option[data-type="smallint"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3ESMALLINT%3C/text%3E%3C/svg%3E" );
}

option[data-type="mediumint"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EMEDIUMINT%3C/text%3E%3C/svg%3E" );
}

option[data-type="int"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EINT%3C/text%3E%3C/svg%3E" );
}

option[data-type="integer"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EINTEGER%3C/text%3E%3C/svg%3E" );
}

option[data-type="bigint"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EBIGINT%3C/text%3E%3C/svg%3E" );
}

option[data-type="float"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EFLOAT%3C/text%3E%3C/svg%3E" );
}

option[data-type="double"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EDOUBLE%3C/text%3E%3C/svg%3E" );
}

option[data-type="decimal"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EDECIMAL%3C/text%3E%3C/svg%3E" );
}

option[data-type="dec"] {
  color: maroon;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EDEC%3C/text%3E%3C/svg%3E" );
}

option[data-type="date"] {
  color: darkgreen;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EDATE%3C/text%3E%3C/svg%3E" );
}

option[data-type="datetime"] {
  color: darkgreen;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EDATETIME%3C/text%3E%3C/svg%3E" );
}

option[data-type="timestamp"] {
  color: darkgreen;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3ETIMESTAMP%3C/text%3E%3C/svg%3E" );
}

option[data-type="time"] {
  color: darkgreen;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3ETIME%3C/text%3E%3C/svg%3E" );
}

option[data-type="year"] {
  color: darkgreen;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ctext x='0' y='25' text-anchor='start' font-family='Arial' font-size='14' fill='black'%3EYEAR%3C/text%3E%3C/svg%3E" );
}

option[data-input-type="checkbox"] {
  background-image: url([svg]);
} */