/*  canvas.css  */

canvas#theCanvas {
/*	 width: 660px;
	 height: 660px;
	 border:dotted 1px gray; margin-left:0px; float:left;"
	max-width: 100%!important;
	max-width: 96vw!important; */
	}
.bordered {
	border:solid 1px #bbb;
	padding: 2px;
	margin-bottom: 1ex;
	line-height: 150%;
}
.bordered button {
	float: right;
	font-size: 120%;
	margin: 2px;
}
.buttonned {
	margin-bottom: 1ex;
	/*background-color: yellow;
	line-height: 200%; */
}
.buttonned span {
	display: none;
}
.buttonned button {
	/*float: left;*/
	color: red;
	font-size: 120%;
	clear: both;
}
.smallButton { background-color: LightCyan; }
.smallButton:hover { background-color: LightBlue; }
.exeButton { background-color: Bisque; }
.exeButton:hover { background-color: LightSalmon; }
.greenText { color: darkgreen; }

 /* Dodane od www.w3schools.com:
 Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color:LightCyan;
  color: inherit;
  cursor: pointer;
  padding: 0.4ex 1.0ex;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 120%;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: LightBlue;
}

.collapsible:after {
  /* content: '\02795'; Unicode character for "plus" sign (+) */
  content: ' \25BC'; /* Unicode character for "triangle down" sign (v) */
  font-size: inherit;
  color: inherit;
  float: right;
  margin-left: 5px;
}

.active:after {
  /* content: "\2796"; /* Unicode character for "minus" sign (-) */
  content: ' \25B2'; /* Unicode character for "minus" sign (-) */
}

/* Style the collapsible content. Note: hidden by default */
.subform {
  padding: 1.0ex;
  display: none;
  overflow: hidden;
  line-height: 200%;
  background-color: inherit;
} 

/* button i subform w opakowaniu -- jak .bordered */
.clform {
	border:solid 1px #bbb;
	padding: 0;
	margin-bottom: 2.0ex;
	
}
input[type=text][readonly] {
  background-color: LightCyan;
  font-size: 1.2em;
}