html {
	height:100%;
	width:100%;
}

body {
	height:100%;
	width:100%;
	background-color: #1b1f25;
}

.wrapper {
	height: 100%;
}

.height100 {
	height: 100%;
}

.dot-login-name {
	color: #fcc200;
}

.center_parent {
	position: relative;
}

.center_parent DIV.center {
	margin: 0;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	display:block;
}

.hugebtn {
	display: block;
	width:100% !important;
	font-size: 2.2vw;
	text-align:center;
	padding: 10px;
	height: 50%;
	position: relative;
}

.hugebtn:active {
	font-size: 1.8vw !important;
}

.hugebtn:active I {
	font-size: 7vw !important;
}

.hugebtn:hover {
	font-size: 2vw;
}

.hugebtn:hover I {
	font-size: 7.5vw;
}

.hugebtn SPAN {
	margin: 0;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

.hugebtn I {
	font-size: 8vw;
}

.hugebtn-primary {
	background-color: #303641;
	color: white;
}

.hugebtn-secondary {
	background-color: #0072bc;
	color: white;
}

.hugebtn-success {
	background-color: #00a651;
	color: white;
}

.hugebtn-primary {
	background-color: #303641;
}

.col-obsah {
	position: relative;
	margin-left: 25px;
}

.height70 {
	height: 70%;
}

.height30 {
	height: 30%;
}

#blok_video {
	height:100%;
	/*background-color: #303641;*/
	position: relative;
}

#blok_video VIDEO {
	/*background-color: #fcc200;*/
	position: relative;
}

#blok_udaje {
	height:100%;
	color: white;
}

#video1, #canvas1, #canvas2 {
	display: none;
	width: 90%;
}

.rec_over_video {
	display: none;
	border: 3px dashed #6495ed;
	position: absolute;
	transition-property: background-color;
  	transition-duration: 4s;
}

.rec_over_video.stmav {
	background-color: rgba(10,10,10,0.8);
}

#loading_app {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(10,10,10,1);	
}

#loading_app.svetle {
	transition-property: opacity;
  	transition-duration: 2s;
	opacity: 0;
}

#loading_app DIV.center {
	width: 70%;
	color: white;
	margin: 0;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	display:block;
}

#loading_app .loader1 {
	width: 100%;
	height: 5%;
	background-color: rgba(255,255,255,0.4);
}

#loading_app .loader1 DIV {
	width: 0%;
	height: 100%;
	background-color: #6b8e23;
	/*transition-property: width;
  	transition-duration: 1s;*/
}

#loading_app .loader1_popis {
	width: 100%;
	margin-top: 15px;
	font-size: 2vw;
	color: #6b8e23;
	text-align: center;
}