widgetred {
	background-color: red;
}
.widgetred {
	background-color: red;
}
.widgetlightblue {
	background-color: lightblue;
}
.tooltiptext {
	visibility: hidden;
	max-width: 15em;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	padding: 2px 0;

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

:hover > .tooltiptext {
	visibility: visible;
}
.kymo_objselect + span{
	width:50% !important;
}
.kymo_objselect + span span{
	background-color:lightgreen !important;
}

.kymo_inputselect input {
	background-color: yellowgreen;
	font-size:1.5em;
	width:30em;
}

table.ntable {
	border: 3px solid #000000;
	text-align: left;
	border-collapse: collapse;
}
table.ntable td, table.ntable th {
	border: 1px solid #000000;
	padding: 5px 4px;
}
table.ntable tr:nth-child(even) {
	background: #D0E4F5;
}
/*table.ntable td:nth-child(even) {
	background: #D0E4F5;
}*/


.kymo_infotable > tr > td{
	padding-right: 3em;
	background-color: lightblue;
	vertical-align: top;
}
.kymo_factsheet > tr > td{
	padding-right: 10em;
	background-color: lightgreen;
	vertical-align: top;
}
.makeborder{
	border-style: groove;
}
.qcdropzone > div > form {
	background-color:lightyellow;
}

.widget_taskmgmt {
	background-color:red;
	position: fixed;
	left:60%;
	top:15em;
	width:40%;
	z-index:999;
	min-height: 2em;
	max-height:40em;
	padding:0;
	margin:0;
}
.widget_taskmgmt div {
	background-color:greenyellow;
}
.widget_taskmgmt input {
	left:50%;
	width:80% !important;
	background-color:cyan !important;
	height:2em;
	padding:0em;
	margin:0.3em;
}
.widget_taskmgmt input[type='checkbox']{
	padding:0;
	margin:0;
	width:2em !important;
	vertical-align: middle;
}

.nobreak div{
	display: inline;
}

.azimgfloat {
	float: left;
}


.imgw128 {
	float: left;
	width:128px;
}
.imgw256 {
	float: left;
	width:256px;
}
.imgw180 {
	float: left;
	width:180px;
}


.tabbed1 {
	background-color: transparent;
	width: fit-content;
	overflow-y:hidden;
}
.tabbed1 .tabbed1con {
	padding:1em;
	margin:0;
	top:-2px;
	position:relative;
	background-color: #ddd;
	overflow-y:hidden;
	overflow-x:hidden;
}
.tabbed1 .tabbed1tab {
	padding: 0.5em 0.5em 0 0.5em;
	margin: 0.1em 0.1em 0 0.1em;
	display: inline-block;
	border-top: 2px solid #bbb;
	border-left: 2px solid #bbb;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	background-color: #ddd;
	height:3em;
	overflow-y:hidden;
}
.tabbed1 .tabbed1tabsel {
	padding: 0.5em 0.5em 0 0.5em;
	margin: 0.1em 0.1em 0 0.1em;
	display: inline-block;
	border-top: 2px solid #55c;
	border-left: 2px solid #55c;
	border-right: 2px solid #55c;
	border-bottom: 2px solid #ddd;
	background-color: #ddd;
	height:3em;
	overflow-y:hidden;
}


.nodiv {
	display: contents;
}

.multiuploadcam {
	background-color:green;
	weight:10em;
	height:10em;
	margin:2px;
	padding:2px;
}
.multiuploadimg {
	background-color:red;
	weight:20em;
	height:20em;
	margin:2px;
	padding:2px;
}


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

.widgetsuggest-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the widgetsuggest items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
}

.widgetsuggest-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.widgetsuggest-items div:hover {
	background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.widgetsuggest-active {
	background-color: DodgerBlue !important;
	color: #ffffff;
}

.kymo_uniqidinfo {
	background-color: yellow;
}


.webcamoverlay{
	position:absolute;
	left:0;
}

.maxheight50em{
	height:50em;
	overflow:scroll;
	overflow-x:hidden;
	top:0;
}

.td_vert_align td{
	vertical-align:top;
}

.table_second td{
	vertical-align:top;
	text-align:right;
	padding: 1em 2em 1em 2em;
}

.table_second tr:nth-child(even) {background: #CCC}
.table_second tr:nth-child(odd) {background: #FFF}


.textarea_normal {
	background: #88D;
	width: 45em;
	height: 30em;
	resize: both;
}


.dropzone2 .box__dragndrop,
.dropzone2 .box__uploading,
.dropzone2 .box__success,
.dropzone2 .box__error {
  display: none;
}

.dropzone2 {
  background-color: #3efffc;
  outline: 2px dashed black;
  outline-offset: -10px;
  				font-size: 1.25rem; /* 20 */
					background-color: #c8dadf;
					position: relative;
					padding: 1em 1em;
}
.dropzone2 .box__dragndrop {
  display: inline;
}

.dropzone2.is-dragover {
  background-color: #7fff78;
}

.dropzone2.is-uploading .box__input {
  visibility: none;
}
.dropzone2.is-uploading .box__uploading {
  display: block;
}

.box__button {
  display: none;
}

.box__file
{
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.box__file + label
{
max-width: 80%;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
}
.box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong
{
color: #39bfd3;
}
.box__file:focus + label,
.box__file.has-focus + label
{
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.box__file + label *
{
/* pointer-events: none; */ /* in case of FastClick lib use */
}


.selected {
	background-color:red !important;
}