body {
	width: 100vw;
	padding: 0vw;
	margin: 0vw;
}

#maincontainter {
	width: 83vw;
	margin: 4vw;
}

p {
	/*width: 92vw;*/
	font-size: 4.5vw;
}

h1 {
/*	width: 92vw;*/
	font-size: 3.5vw;
}

h2 {
	position: relative;
	width: 100%;
	font-size: 3.3vw;
    /*  background-color: lightblue; */
	padding: 0.2vw;
    /*  left: -4vw; */
	border-bottom: solid 0.2vw white;
	border-top: solid 0.2vw white;
        margin-bottom: 0.5vw;
        margin-top: 2vw;
}

label {
/*	width: 92vw;*/
	color: red;
	font-size: 3vw;
	display: block;
	margin-top: 1.0vw;
}
form[name="formfilter_solid"] {
	width: 100%;
}

form[name="formfilter_solid"] label {
	margin-top: 0.1vw;
}

form[name="formfilter_solid"] select {
	margin-bottom: 0.4vw;
	margin-left: 1vw;
}

form[name="formfilter_solid"] input {
	margin-bottom: 0.4vw;
}

input {
	position: relative;
	left: -2px;
	display: block;
	padding: 0vw;
/*	width: 92vw;*/
width: 100%;
	border: 0.1vw solid lightblue;
	margin-bottom: 1vw;
	font-size: 2vw;
}

select {
	position: relative;
	left: -2px;
	display: block;
	background-color: white;
	padding: 0vw;
/*	width: 92vw;*/
width: fit-content;
	border: 0.1vw solid lightblue;
	margin-bottom: 1vw;
	font-size: 2vw;
}

select.disabled {
	background-color: white;
	color: #555555;
}

.button {
	font-size: 3.0vw;
	position: relative;
	display: block;
	padding: 0.9vw;
	border-radius: 1vw;
	height: 10vw;
}

button:disabled {
	color: black;
}

button.submit {
	border: none;
	margin-bottom: 1vw;
}

button.submit.small {
	height: 4vw;
	font-size: 3vw;
	padding: 0.3vw;
}

button.submit.medium2 {
	height: 8vw;
	font-size: 3vw;
	padding: 0.3vw;
}

button.submit.red, button.button.red {
	color: white;
	background-color: red;
}

button.submit.plastic1 {
    border-color: transparent gray gray transparent;
    border-style: none outset outset none;
}

button.submit.plastic2 {
    border-color: transparent black black transparent;
    border-style: none outset outset none;
}

button.submit.fit {
    width: -moz-available;
    width: -webkit-fill-available;
}

button.submit.redplocha, button.button.redplocha, button.empty.redplocha{
	color: white;
	background-color: red;
	height: auto;
	min-height: 3.5vw;
	width: 100%;
}

button.submit.plocha, button.button.plocha {
	height: 28vw;
	width: 33%;
	align-self: center;
}

button.submit.smallplocha, button.button.smallplocha {
	height: 19vw;
	width: 19vw; 
        width: -moz-available;
	width: -webkit-fill-available;
	align-self: center;
}

button.submit.thinbutton, button.button.thinbutton {
	height: 7.2vw;
	font-size: 2.2vw;
	background-color: lightblue;
}

button.submit.thinbutton.active, button.button.thinbutton.active {
	background-color: #31b0d5;
}

button.submit.riadok, button.button.riadok {
	height: auto;
	min-height: 3.5vw;
	font-size: 2vw;
	text-align: left;
	border: none;
	margin: 0vw;
	padding-top: 0vw;
	padding-bottom: 0vw;
	margin-left: 0.1vw;
	margin-right: 0vw;
	margin-bottom: 0.1vw;
	margin-top: 0.1vw;
}

button.button.riadok.color-odd {
	background-color: #fcefb1;
	border-radius: unset;
}

button.button.riadok.color-even {
	background-color: white;
	border-radius: unset;
}

button.submit.green, button.button.green {
	color: white;
	background-color: green;
}

button.submit.left, button.button.left {
	float: left;
}

button.submit.right, button.button.right {
	float: right;
}

button.submit.smalllabel, button.button.smalllabel {
	font-size: 3.2vw;
}

button.empty.transparent {
	color: white;
	background-color: white;
	border: none;
	padding: 0vw;
	margin: 0vw;
}

button.submit.lightblue, button.button.lightblue {
	color: black;
	background-color: lightblue;
}	

button.submit.lightgreen, button.button.lightgreen {
	color: black;
	background-color: lightgreen;
}

button.submit.lightred, button.button.lightred {
	color: black;
	background-color: lightsalmon;
}
	
button.submit.lightgray, button.button.lightgray {
	color: white;
	background-color: lightgray;
}

button.submit.gray, button.button.gray {
	color: white;
	background-color: #b2a9a9;
        border: outset;
        border-color: lightgray;
}

button.submit:disabled {
	opacity: 0.5;
	background-color: gray;
}

button.submit.clear, button.button.clear {
	color: gray;
	background-color: white;
        border: none;
        font-size: 3vw;
}

button.button.clear.small {
    height: 2vw;
}    
button.button {
	color: darkblue;
	/*border: 0.1vw solid lightblue;*/
	background-color: white;
	margin-bottom: 0.7vw;
}

button.button.itemlist {
	border: none;
	border-top: 0.1vw solid lightblue;
	border-right: 0.1vw solid lightblue;
	border-left: 0.1vw solid lightblue;
	border-radius: 1vw;
	margin-bottom: 0.1vw;
	text-align: left;
	font-size: 3.5vw;
	padding-top: 1.5vw;
	padding-bottom: 1.5vw;
	width: 90%;
}


button.button.itemlist.label_message, button.button.itemlist.lastitem.label_message {
	background-color: #ddffbb;
	border: solid 0.1vw;
	border-color: #66AA44;
}

button.button.itemlist.label_actual, button.button.itemlist.lastitem.label_actual {
	background-color: #d7e7d0;
	border: solid 0.1vw;
	color: #1f4f07;
	border-color: #009b41;
}

button.button.itemlist.label_actual DIV, button.button.itemlist.lastitem.label_actual DIV {
	color: #1f4f07;
}

button.button.itemlist.label_future, button.button.itemlist.lastitem.label_future {
	background-color: #ffffff;
	border: solid 0.1vw;
	border-color: #7795cb;
}

button.button.itemlist.label_future DIV , button.button.itemlist.lastitem.label_future DIV {
	color: #1f4f07;
        font-size: 2vw;
}        
        
button.button.itemlist.label_unclear, button.button.itemlist.lastitem.label_unclear {
	background-color: #efd2d2;
	border: solid 0.1vw;
	border-color: #a8c7ff;
}

button.button.itemlist.label_unclear DIV , button.button.itemlist.lastitem.label_unclear DIV {
	color: #1f4f07;
}

button.button.itemlist.label_old , button.button.itemlist.lastitem.label_old {
	background-color: #eeeeee;
	border: solid 0.1vw;
	color: #cccccc;
	border-color: #525252;
}
button.button.itemlist.label_old DIV , button.button.itemlist.lastitem.label_old DIV {
	color: #cccccc;
        font-size: 2vw;
}

button.button.itemlist.label_template, button.button.itemlist.lastitem.label_template {
	background-color: #ffffff;
	border: solid 0.1vw;
	border-color: #7795cb;
}

button.button.itemlist.label_template DIV , button.button.itemlist.lastitem.label_template DIV {
	color: #cccccc;
}

button.button.itemlist div.itemmovehandler {
	float: left;
	font-size: 3.5vw;
	margin-top: 1vw;
	color: darkblue;
}

button.button.itemlist div {
	float: right;
	font-size: 3vw;
	position: relative;
	bottom: -3vw;
	margin-bottom: 0vw;
	color: blue;
}

button.button.itemlist.lastitem {
	/*border: none;*/
	border-bottom: 0.1vw solid lightblue;
}

button.button.itemlistmulti {
	border: none;
	border-top: 0.1vw solid lightblue;
	border-right: 0.1vw solid lightblue;
	border-left: 0.1vw solid lightblue;
	border-radius: 1vw;
	margin-bottom: 0.2vw;
	text-align: left;
	font-size: 3vw;
	padding-top: 1.5vw;
	padding-bottom: 1.5vw;
	width: 100%;
}

button.button.itemlistmulti div {
	float: right;
	font-size: 2.5vw;
	position: relative;
	bottom: -3vw;
	margin-bottom: 0vw;
	color: blue;
}

button.button.itemlistmulti.lastitem {
	/*border: none;*/
	border-bottom: 0.1vw solid lightblue;
}

textarea {
	resize: none;
	border-radius: 1vw;
	width: 100%;
	height: 40vh;
	margin-bottom: 1vw;
	font-size: 2vw;
}

input.disabled,textarea.disabled {
	background-color: white;
	color: #555555;
}

textarea.editform {
	height: fit-content;
	width: 90%;
	min-height: 30vh;
}

textarea.disabled.error {
	color: red;
}

textarea.disabled.warning {
	color: green;
}

textarea.disabled.notice {
	color: black;
}

.hcontainer {
/*	width: 92vw;*/
	height: auto;
	clear: both;
}

.hcontainer button {
	width: auto;
	float: right;
	margin-left: 1vw;
}

.hcontainer label {
	width: auto;
	float: left;
	margin-left: 1vw;
}

.hcontainer input {
	width: auto;
	float: left;
	margin-left: 1vw;
}

.itemscontainer {
	width: 92vw;
	height: 4vw;
	clear: both;
}

.itemscontainer button {
	width: auto;
	float: right;
	margin-left: 1vw;
}

/*.itemscontainer button.empty {
	width: auto;
	height: 5vw;
	float: left;
	font-size: 2.5vw;
	margin-bottom: 0.5vh;
}*/

.itemscontainer button {
	width: auto;
	height: 5vw;
	float: left;
	font-size: 2.5vw;
	margin-bottom: 0.4vw;
}

.itemscontainer select {
	width: auto;
	height: 4vw;
	float: left;
	font-size: 2.5vw;
	margin-bottom: 0.5vw;	
	margin-left: 3vw;
}

.itemscontainer select.multiple {
	width: auto;
	height: auto;
	float: left;
	font-size: 2.5vw;
	margin-bottom: 0.5vw;	
	margin-left: 3vw;
}

input[type=checkbox] {
	width: 4vw;
	height: 4vw;
	margin-top: 0;
    cursor: pointer;
}

input.small[type=checkbox] {
	width: 2vw;
	height: 2vw;
}

button.yes {
	background-image: url('icon/yes-1.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;
	border: none;
}

button.no {
	background-image: url('icon/no-2.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;
	border: none;
}

button.warning {
	background-image: url('icon/warning-2.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;
	border: none;
}

.itemscontainer input[type=checkbox].disabled, input[type=checkbox].disabled {
/*	filter: grayscale(0.7);
	filter: alpha(opacity=30);
	opacity: 0.3;
	color: white;*/
	cursor: default;
}

.itemscontainer input[type=checkbox].readonly, input[type=checkbox].readonly {
	filter: grayscale(0.7);
	filter: alpha(opacity=30);
	opacity: 0.3;
	cursor: default;
}

.itemscontainer input[type=checkbox] {
	width: 4vw;
	height: 4vw;
	margin-top: 0;
    cursor: pointer;
}

.itemscontainer label {
	width: auto;
	float: left;
	margin-left: 1vw;
}

.itemscontainer input {
	width: auto;
	float: left;
	margin-left: 1vw;
}

button:hover:enabled {
	cursor: pointer;
}

#overlay {
  display: none; 
  cursor: pointer; 
  position: fixed; 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%; 
  height: 100%;
  background-color: rgba(0,0,0,0.5); 
  z-index: 10; 
}

.menubar .button.disabled {
	background-color: white;
	border: none;
}

.menubar .button {
	text-align: center;
	width: 9vw;
	height: 9vw;		
	background-color: whitesmoke;
}

.menubar .button I {
	font-size:6vw;
	color: black;
}

.menubar .save {
	font-size:2.3vw;
	color: white;
	background-color: green;
}

.menuformbutton {
	text-align: center;
	width: auto;
	height: 7vw;
	font-size:3vw;
	color: white;
	background-color: green;
	border: solid 0.1vw;
	margin-left: 1vw;
	border-radius: 1vw;
}

.material-icons.menuclose {
	font-size: 6vw;
	position: relative;
	display: block;
	top: -6vw;
	height: 0px;
}

#menuBar {
	position: fixed;
	top: 3vw;
	right: 2vw;
	width: 9vw;
	text-align: center;
}

.menu.popupmenu {
	z-index: 203;
}

.menu.popupmenu input,label {
	margin-left: 1vw;
}

.menu {
	z-index: 200;
	width: 60vw;
	text-align: left;
	/*right: 51vw;*/
	/*top: -6vw;*/
	position: fixed;
	top: 2vw;
	right: 2vw;
}

.menu .menuclose {
	text-align: right;
	cursor: pointer;	
}

.menu .mcontainer {
	z-index: 199;
	background-color: #eeeeee;
	padding: 0.2vw;
	border-radius: 1vw;
	position: relative;
}

.menu .mcontainer p.menutitle {
	height: 6vw;
}

.menu .mcontainer .button {
	width: 100%;
	margin: 0vw;
	height: 10vw;
	font-size: 3.5vw;
}

.menu .mcontainer p {
	width: 100%;
	text-align: left;
	font-size: 2vw;
	margin: 0.2vw;
	padding-left: 0.6vw;
}


#header {
	position: absolute;
	cursor: pointer;
	top: 1vw;
	right: 9vw;
	width: 13vw;
	height: 13vw;
	background-image: url('logo.png');
	background-repeat: no-repeat;
	background-size: 10vw;	
}

.menubar .menusizer {
	display: inline-block;	
	cursor: pointer;
	width: 6vw;
	height: 5vw;
}

.menubar .menubutton {
	z-index: 202;
	position: inherit;
	display: inline-block;	
	cursor: pointer;
	width: 6vw;
	height: 5vw;
	/*margin-left: 1.5vw;*/
}

.menubar .menubutton .a1 {
  width: 6vw;
  height: 0.5vw;
  background-color: #333;
  margin: 0.8vw 0;
  transition: 0.4s;
}
.menubar .menubutton .a2 {
  width: 6vw;
  height: 0.5vw;
  background-color: #333;
  margin: 0.8vw 0;
  transition: 0.4s;
}
.menubar .menubutton .a3 {
  width: 6vw;
  height: 0.5vw;
  background-color: #333;
  margin: 0.8vw 0;
  transition: 0.4s;
}

.menubar .active .a1 {
  -webkit-transform: rotate(-45deg) translate(-0.9vw, 0.9vw);
  transform: rotate(-45deg) translate(-0.9vw, 0.9vw);
}

.menubar .active .a2 {opacity: 0;}

.menubar .active .a3 {
  -webkit-transform: rotate(45deg) translate(-0.9vw, -0.9vw);
  transform: rotate(45deg) translate(-0.9vw, -0.9vw);
}

.collapsible_content {
  padding: 0 2vw;
  display: none;
  overflow: hidden;
  background-color: #fdfdfd;	
  width: 95%;
  margin-bottom: 2vw;
  border-radius: 1vw;
  border: 0.1vw solid lightblue;
}
.collapsible_content.active {
  display: block;
}
.collapsible_content label, .collapsible_content input {
	width: 100%;
}

.collapsible_button {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 0.1vw;
  min-height: 3vw;
  border: none;
  text-align: left;
  outline: none;
  background: url("arrowright.png") no-repeat left;
  background-position: 1vw;
  background-size: 2vw;
  font-size: 2vw;
  padding-left: 5vw;
  height: 4vw;
}

.collapsible_button.active {
  background-color: #aaaaaa;
  background: url("arrowdown.png") no-repeat left;
  background-position: 1vw;
  background-size: 2vw;
}


input[type="file"].buttonfileupload {
	display: none;
}

label.labelfileupload {
	position: relative;
	display: inline-flex;
	padding: 0.9vw;
	border-radius: 1vw;
	height: 10vw;	
	width: max-content;
        width: -moz-available;
	width: -webkit-fill-available;
	vertical-align: middle;
	align-items: center;
}

label.buttonfileupload {
	font-size: 2.5vw;
	position: relative;
	display: inline-flex;
/*	padding: 0.9vw; */
	border-radius: 1vw;
        border: outset;
        border-color: lightgray;
	height: 6vw;	
	color: white;
	background-color: #b2a9a9;
        width: max-content;
	width: -moz-available;
	width: -webkit-fill-available;
	vertical-align: middle;
	align-items: center;
	cursor: pointer;	
}

ul.fileuploader {
	padding-left: 0vw;
	list-style-type: none;
}

ul.fileuploader li {
	font-size: 3vw;
	display: inline-flex;
	position: relative;
	width: 100%;
	border-radius: 1vw;
        border: 0.1vw solid lightblue;
	background-color: white;
	margin-bottom: 1vw;	
	padding-top: 1vw;
	padding-bottom: 1vw;
}

ul.fileuploader li .bar {
	background-color: #666666;
	width: 0%;
	height: 100%;
}


ul.fileuploader li .name {
	width: 73%;
	height: 100%;
	font-size: 1.8vw;
}

ul.fileuploader li .attachmentlink {
	width: 73%;
	height: 100%;
	text-decoration: none;
	color: darkblue;
}

ul.fileuploader li .progress {
	background-color: #eeeeee;
	width: 20%;
	height: 1vw;
	margin-top: 1vw;
}

ul.fileuploader li .close {
  width: 6%;
  cursor: pointer;
  position: absolute;
  top: 44%;
  right: 0%;
  transform: translate(0%, -50%);	
  text-align: center;
  margin-left: 1%;
}

ul.fileuploader li .close:hover {
	background: #bbb;
}

.item15 {
	width : 15%;
	font-size: 2vw;
}

.item16 {
	width : 16%;
	font-size: 2vw;
}

.item30 {
	width : 30%;
	font-size: 2vw;
}

.tabbar {
  /*overflow: hidden;*/
  /*border: 0.1vw solid #ccc;*/
  /*background-color: #f1f1f1;*/
  /*border-bottom: 0.1vw solid lightblue;*/
  margin: 0vw;
  padding: 0vw;
  height: 10.4vw;
}

.tabbar button {
  font-family: "Times New Roman";
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  /*padding: 1.4vw 1.6vw;*/
  padding: 0vw;
  padding-left: 1vw;
  padding-right: 1vw;
  transition: 0.3s;
  font-size: 5.5vw;
  border: 0.1vw solid lightblue;
  margin: 0vw;
  height: 10.4vw;
  color: silver;
  border-radius: 0vw;
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
}

.tabbar .tabbar_fill {
  max-width: 15vw;	
  width: 100%;
  outline: none;
  background-color: inherit;
  border-bottom: 0.1vw solid lightblue;
  display: block;
  float: left;
  height: 10.4vw;	
  padding: 0vw;
  padding-left: 1vw;
  padding-right: 1vw;
  margin: 0vw;
}

.tabbar button:hover {
  /*background-color: #ddd;*/
}

.tabbar button.active {
  /*background-color: #ccc;*/
  border-bottom: 0.1vw solid transparent;
  color: black;
}

.tabcontent {
  display: none;
  padding: 0vw;
  padding-top: 1vw;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

#audiocapturepanel {
  display: none; 
  cursor: pointer; 
  position: fixed; 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw; 
  height: 100vh;
  background-color: rgba(0,0,0,0.5); 
  z-index: 100; 	
}
#audiocapturecontroller {
	z-index: 200; 	
	width: 90vw;
/*	height: 200px;
	min-height: 40vh;*/
	top: 5vw;
	left: 5vw;
	position: fixed;
	border: 0.1vw solid lightblue;
	border-radius: 1vw;
	background-color: white;
	text-align: center;
	vertical-align: middle;
	cursor: default;
	align-items: center;
}

#audiocapturecontroller .ctrl {
	width: 100%;
	height: 12vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

#audiocaptureBtnStart {
	position: relative;
	display: block;
	color: white;
	background-color: green;
}

#audiocaptureBtnReStart {
	position: relative;
	display: none;
	color: white;
	background-color: green;
}

#audiocaptureBtnStop {
	position: relative;
	display: none;
	color: white;
	background-color: red;
}

#audiocapturecontroller .info {
	position: relative;
	width: 80vw;
	left: 5vw;
	height: 26vw;
}

#recording {
	display: none;
	width: 100%;
	color: yellow;
	background-color: red;
	border-radius: 1vw;
	height: 4vw;
	padding-top: 0.5vw;
	font-size: 3vw;
	text-align: center;
}

#audiocapturePlay {
	display: block;
	width: 100%;
	top: 8vw;
	visibility: hidden;
}

#audiocapturecontroller .buttons {
	position: absolute;
	bottom: 0vw;
	width: 100%;
	height: 12vw;
	display: flex;
	align-items: right;
	justify-content: right;	
}

#audiocaptureBtnOk {
	position: relative;
	display: none;
	margin: 1vw;
	margin-right: 0vw;
	float: right;
	background-color: green;
	color: white;
}

#audiocaptureBtnCancel {
	position: relative;
	display: block;
	margin: 1vw;
	float: right;
	background-color: red;
	color: white;
}

label.subtitle {
	color: black;
	font-size: 2.5vw;
}

label.subtitle.red {
    color: red;
}

input[required]{
    background-image: radial-gradient(#F00 15%, transparent 16%), radial-gradient(#F00 15%, transparent 16%);
    background-size: 3vw 3vw;
    background-position: right top;
    background-repeat: no-repeat;
	background-color: #ffffcc;
}

.itemmovehandler:hover {
  cursor: move;
  cursor: -webkit-grabbing;
}

button i {
	position: relative;
	font-size: 3.5vw;
}

.menubar img {
	max-width: 7vw;
	max-height: 7vw;
}

button img {
	max-height: 8vw;
}

button i.material-icons {
	font-size: 4vw;
	top: 0.4vw;
}

.itemscontainer i {
	float: left;
	/*padding-right: 1vw;*/
	font-size: 3.5vw;
	margin-top: 0.5vw;
	color: darkblue;
}

.itemscontainer button i {
	font-size: 2vw;
}


.flatpickr-month .numInputWrapper {
	top: -23px;
}


input[type=color] {
	height: 4vw;
	max-width: 15vw;
        min-width: 10vw;
}



.mylink {
	text-decoration: none;
	font-size: 1.4vw;
}

.mychart {
	position: relative;
	width: 99%;
}

.mytable {
	width:100%; 
	height:auto;
}

.mytr {
	font-size: 1.4vw;
}

.myblock {
	display:block; 
	position:relative; 
	font-size: 2.1vw; 
	padding:0.4vw; 
	margin-top:0.5em; 
	margin-bottom:1em; 
	box-shadow: 0.5em 0.5em 0.5em lightgray;
	background-color: lightcyan; 
	height: auto;	
}

.rss {
	width:100%; 
	font-size: 1.5vw; 
	text-align:left; 
	background-color:#f9fbbb; 
	border:none;
}

#myTableData_searchcontainer {
	width: 50%;
	height: 2.5vw;
	margin-bottom: 1vw;
}

#myTableData_searchcontainer label {
	color: black;
	margin: 0vw 0vw 0vw 0vw;
	font-size: 2vw;
}

#myTableData_searchcontainer input {
	color: black;
/*	margin: 0vw; */
	height: 95%;
	padding-left: 0.2vw;
}

#myTableData_pager{
	margin-bottom: 1vw;
	display: inline-flex;
	position: absolute;
	right: 20%;
	height: 2.5vw;
}

#myTableData_pager input {
	width: 4vw;
	margin: 0vw 0.5vw;
	text-align: right;
}

#myTableData_pager .pagebutton {
	width: 4.6vw;
	height: 2.5vw;
	font-size: 1.5vw;
	background-color: lightgray;
	padding: 0;
	margin: 0vw 0.2vw;
}

#myTableData_pager input[name="myTableData_pages"] {
	border: none;
	width: 2vw;
	text-align: left;
	font-size: 1.5vw;
}

button.searchbutton {
	height: 2.5vw;
	float: left;
	margin-right: 1vw;
}

button.searchbutton:before {
	content: "\002315";
	font-size: 2.5vw;
}

.order {
	height: 2.5vw;
	color: darkblue;
	cursor: pointer;
}

.order.order-asc {
	background-color: #66b8d3;
}

.order.order-desc {
	background-color: #66b8d3;
}

.order.order-asc::before {
	content: '⮝'; /*'⭡';*/
	margin: 0.2vw;
	font-size: 1.2vw;
}

.order.order-desc:before {
	content: '⮟'; /*'⭣';*/
	margin: 0.2vw;
	font-size: 1.2vw;
}

@media screen and (max-width: 600px) {
	button {
		font-size: 8vw;
	}	
	button.submit.plocha, button.button.plocha {
		height: 30vw;
		width: 46%;
		align-self: center;
	}	
	button.submit.smallplocha, button.button.smallplocha {
		height: 30vw;
		width: -moz-available;
                width: -webkit-fill-available
		align-self: center;
	}
	button.submit.redplocha, button.button.redplocha, button.empty.redplocha {
		color: white;
		background-color: red;
		height: auto;
		min-height: 6vw;
		width: -moz-available;
                width: -webkit-fill-available
	}
	.mylink {
		font-size: 2vw;
	}
	
	.mytr {
		font-size: 2vw;
	}
}	

.tc {
	width: 100%;
	padding-left: 1vw;
	padding-right: 1vw;
	 /*border-spacing: 0px;*/
}

.tc TH,TD {	
	padding: 0px 5px 0px 10px;
}

.tc  TR.button {
	width: 100%;
}

.tdata {
	width: 100%;
	padding-left: 1vw;
	 /*border-spacing: 0px;*/
}

.tdata TH,TD {	
	/*padding: 0px;*/
}

.tdata TH {
	background-color: lightblue;
}

.tdata TR {
	background-color: #eeeeee;
}

.gc {
        display: grid;
        gap: 1px;
        padding: 0px 0px 5px;		
        width: 100%;
}	

.gc > div {
        background-color: #fafafa;
}

.gc.gridbox {
        border-style: solid;
        border-width: thin;
        border-color: #FE7F2D;
        height: 100px;
}

.gc.gridbox.height {
        height: auto;
}

.gc.checkbox3 >div {
        background-color: inherit;
}
        
.editbutton {
  /*background-image: url('icon/edit1-48.png');*/
/*	background-image: url('icon/edit-2.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;*/
	border: none;
}

.editbutton:before {
	content: "✎";/* "\1F589"; *//* '✎';*/
	color: black;
	font-size: 2.5vw;
}

.viewbutton{
  /*background-image: url('icon/edit1-48.png');*/
/*	background-image: url('icon/view-2.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;*/
	border: none;
}

.viewbutton:before {
	content: "\1F441"; /* '✎';*/
	color: black;
	font-size: 2.5vw;
}

.activebutton{
  /*background-image: url('icon/edit1-48.png');*/
/*	background-image: url('icon/view-2.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;*/
	border: none;
}

.activebutton:before {
	content: "\1F535"; /* '✎';*/
	color: black;
        text-align: center;
	font-size: 1.0vw;
}

.inactivebutton{
  /*background-image: url('icon/edit1-48.png');*/
/*	background-image: url('icon/view-2.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;*/
	border: none;
}

.inactivebutton:before {
	content: "\1F534"; /* '✎';*/
	color: black;
	font-size: 1.0vw;
}

.uploadbutton{
  /*background-image: url('icon/edit1-48.png');*/
/*	background-image: url('icon/view-2.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;*/
	border: none;
}

.uploadbutton:before {
	content: "\2397"; /*"\21A5";  /* '↥';*/
	color: black;
	font-size: 2.5vw;
}

.listbutton{
  /*background-image: url('icon/edit1-48.png');*/
/*	background-image: url('icon/view-2.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;*/
	border: none;
}

.listbutton:before {
	content: "\23F1";/*"\1F4C2"; /*"\25A4"; */
	color: black;
	font-size: 2.5vw;
}

.toDocButton{
  /*background-image: url('icon/edit1-48.png');*/
	background-image: url('icon/docs-1.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;
	border: none;
}

.delDocButton{
  /*background-image: url('icon/edit1-48.png');*/
	background-image: url('icon/del-3.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;
	border: none;
}

.trendbutton{
/*	background-image: url('icon/trend-48.png'); */
	background-image: url('icon/trend-2.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: transparent;
	border: none;
}

.dataright {
	text-align: right;
}

.datacenter {
	text-align: center;
}


svg text.zero {
	text-anchor: middle;
	dominant-baseline: middle;
	font: bold 1vw sans-serif;
}

svg text.possitive {
	text-anchor: middle;
	fill: green;
	dominant-baseline: middle;
	font: bold 1vw sans-serif;
}

svg text.negative {
	text-anchor: middle;
	fill: red;
	dominant-baseline: middle;
	font: bold 1vw sans-serif;
}

svg text.header {
	text-anchor: middle;
	dominant-baseline: middle;
	font: italic 0.8vw sans-serif;
}

svg text.label {
	text-anchor: middle;
	dominant-baseline: middle;
	font: italic 1.6vw sans-serif;
}

.tdata .button {
	font-size: 2vw;
	height: 3.5vw;
	padding: 0px;
	background-color: transparent;
	margin: 0px;
}

.tdata .button:disabled {
	opacity: 50%;
}

.selectItemSecond {
	font-style: italic;
	color: graytext;
}

.datatitle {
	font-size: 2.6vw;
	color: graytext;
}

.smalldatatitle {
	font-size: 2.0vw;
	color: graytext;
}

.red {
    color: red;
}

.texttitle {
	font-size: 2.6vw;
	color: black;
}

.disabled {
	color: graytext;
}

.readonly {
	color: graytext;
}

.plotly-notifier p {
	font-size: medium !important;		
}