*{
	word-wrap:break-word;
	box-sizing:border-box;
	
 }
img{
	max-width:100%;
	height:auto;
	width:auto;
}
html{
	font-size:15px;
}
body{
	overflow: hidden;
	width: 100%;
	text-align: center;
}
form {
    display: block;
}

/*-------- style fix -------*/
.wyjscie{
	font-size:50px;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
	line-height:1.1;
}
.h1,h1{
	font-size:2rem;
}
.h2,h2{
	font-size:1.75rem;
}
.h3,h3{
	font-size:1.5rem;
}
.h4,h4{
	font-size:1.2rem;
}
.h5,h5{
	font-size:1.1rem;
}
.form-control,.page-link,.btn{
	padding:.2rem .3rem;
}
.btn{
	line-height:1.25;
}
.dropdown-item{
	padding:.25rem .75rem;
}
.underline{
	text-decoration:underline;
}
.bg-danger a{
	color:#ececec;
}
.bg-success a{
	color:#ffe100;
}
.bg-success .btn-success,.bg-success .bg-success{
	background-color:#218838;
}
.bg-success .text-success,.bg-danger .text-danger{
	color:#fff !important;
}
.bg-danger div.dropdown a,.bg-success div.dropdown a{
	color:#212529;
}
.bg-faded{
	color:#636c72 !important;
	background-color:#ccc !important;
}
.witaj-text{
	font-size:45px;
	font-style:oblique;
	text-align:center;
}
.btn_wyjscia{
	height:12vh;
	width:100%;
	color: white;
	font-size:30px;
	border-radius:10px;
	padding-right: 30px;
	padding-left: 30px;
	background-color:#cc2c1b;
	/* box-shadow: 0 9px #999; */
	border:none;
	}
/*============= Select mdev =============*/
.select{
	font-size:30px;
}	

/*-------- forms -------*/
textarea{
	height:150px;
}
textarea.form-control{
	background-position:-webkit-calc(100% - 10px) .5rem;
	background-position:calc(100% - 10px) .5rem;
	height:150px;
}
textarea.tinymce{
	height:300px;
}


select{
	padding-top:.1rem;
	padding-bottom:.175rem;
	width:100% !important;
}



/*
select.form-control:not([size]):not([multiple]){
	height:calc(1.75rem + 2px);
}
label.custom-control.custom-radio,
label.custom-control.custom-checkbox{
	cursor:pointer;
}*/
div.custom-control.custom-checkbox>input,div.custom-control.custom-checkbox>label,
div.custom-control.custom-radio>input,div.custom-control.custom-radio>label{
	cursor:pointer;
}


.col-form-label{
	padding-top:.1rem;
	padding-bottom:.2rem;
}
label{
	margin-bottom:.2rem;
}


label.req{
	font-weight:600;
}
.form-control{
	line-height:1.35;
	height:auto;
}
.form-control:focus{
	box-shadow:0 0 6px #5cb3fd;
}


/* div.form-group{ */
	/* padding-left:.5rem; */
	/* padding-right:.5rem; */
	/* padding-bottom:.5rem; */
	/* border-bottom:1px solid #eee; */
	/* margin-bottom:.5rem; */
/* } */
/*
div.form-group.border-bottom-0{
	padding-bottom:0;
	border-bottom:0;
}
div.form-group:last-child{
	border-bottom:0;
	padding-bottom:0;
}
div.form-group.separator{
	background-color:#f7f7f9;
	margin-bottom:.5rem;
	padding:.5rem 1rem;
	border:1px solid #ddd;
}
div.form-group.separator>*{
	margin:0;
}*/
div.form-group{
	padding:.5rem 0;
	border-top:1px solid #eee;
	margin-bottom:0;/*.5rem*/
	padding-left:.5rem;
	padding-right:.5rem;
}
div.form-group.border-top-0,div.form-group:first-child{
	/*padding-top:0;*/
	border-top:0;
}
div.form-group.separator{
	background-color:#f7f7f9;
	/*margin-bottom:.5rem;*/
	padding:.5rem 1rem;
	border:1px solid #ddd;
}
div.form-group.separator>*{
	margin:0;
}
div.form-group.separator+div.form-group{
	border-top:0;
	/*padding-top:0;*/
}
/*div.form-group:last-child{
	margin-bottom:0;
}*/


div.form-group div.autocompleteResults>span{
	margin:.5rem .25rem 0 0;
	padding:5px 20px 5px 5px;
	background:#ddd;
	display:inline-block;
	position:relative;
}
div.form-group div.autocompleteResults>span>i{
	position:absolute;
	right:5px;
	top:5px;
}


div.form-group.desc div.field div.col-sm-10{
	/* max-width:83.333333%; */
	min-width:100%;
}
div.form-group.desc div.field div.col-sm-2.desc{
	max-width:16.666667%;
	padding-left:10px;
}
div.form-group.desc div.field div.col-sm-9{
	max-width:75%;
}
div.form-group.desc div.field div.col-sm-3.desc{
	max-width:25%;
	padding-left:10px;
}
div.form-group.desc div.field div.col-sm-8{
	max-width:66.666667%;
}
div.form-group.desc div.field div.col-sm-4.desc{
	max-width:33.333333%;
	padding-left:10px;
}
div.form-group div.field.no-desc>div.row>div.col-sm-10,
div.form-group div.field.no-desc>div.row>div.col-sm-8,
div.form-group div.field.no-desc>div.row>div.col-sm-8{
	max-width:100%;
	width:100%;
	-webkit-flex:0 0 100%;
	flex:0 0 100%;

}
div.form-group.desc div.field.no-desc>div.row>div.col-sm-2.desc,
div.form-group.desc div.field.no-desc>div.row>div.col-sm-3.desc,
div.form-group.desc div.field.no-desc>div.row>div.col-sm-4.desc{
	display:none;
}

div.form-group div.field div.row.phone+div.row.phone{
	padding-top:.5rem;
}
div.form-group div.field div.row.phone>div.main{
	padding:0 10px;
	width:-webkit-calc(100% - 150px);
	width:calc(100% - 150px);
}
div.form-group div.field div.row.phone.multi>div.main{
	padding:0 10px;
	width:-webkit-calc(100% - 200px);
	width:calc(100% - 200px);
}
div.form-group div.field div.row.phone>div.country,div.form-group div.field div.row.phone>div.extension{
	max-width:75px;
	width:75px;
}
div.form-group div.field div.row.phone>div.action{
	max-width:35px;
	width:35px;
	text-align:right;
}
div.form-check{
	margin:.25rem 0;
	padding-left:0;
}
div.form-group div.form-check:last-child{
	margin-bottom:0;
}
div.form-check.header{
	font-weight:bold;
	border-bottom:1px solid #e9ecef;
	padding-bottom:2px;
}
div.form-check:not(.check_text)>label{
	margin-bottom:0;
}
div.form-group div.form-check.check_text{
	border-bottom:1px solid #eee;
}
div.form-group div.form-check.check_text:last-child{
	border-bottom:0;
}
div.form-group div.form-check.checkbox_param>div.custom-checkbox+div.form-group,
div.form-group div.form-check.radio_param>div.custom-radio+div.form-group{
	margin-top:0;/*-.5rem */
	display:none;
}
div.form-group div.form-check.button-color,
div.form-group div.form-check.button-color>div.custom-control{
	/*padding-left:0;*/
}
div.form-group div.form-check.button-color .custom-control-label:before{
	display:none;
}
div.form-group div.form-check.button-color span.btn{
	border:2px solid transparent;
}
.btn{
	/* margin-top: 20px; */
	text-align:center;
	overflow: hidden;
	font-size:30px;
	max-width:100%;
	height:15vh;
	width:400px;
}
span.btn{
		display:inline-block;
}

div.form-group div.form-check.button-color.color-black span.btn{
	color:#000;
}
div.form-group div.form-check.button-color.color-white span.btn{
	color:#fff;
}
div.form-group div.form-check.button-color input:checked ~label span.btn{
	border:2px solid #000;
	box-shadow:0 0 5px #000;
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
div.form-group div.file-show a.file-show+button{
	margin-left:5px;
}
div.form-group div.file-show a.file-show-image img{
	vertical-align:bottom;
	max-height:200px;
	max-width:200px;
}


input[type="color"]{
	height:38px;
}
input.form-control[type="file"]{
	overflow:hidden;
}


.is-valid,.is-invalid{
	padding-right:2.25rem;
	background-repeat:no-repeat;
	background-position:center right .5625rem;
	-webkit-background-size:1.125rem 1.125rem;
	background-size:1.125rem 1.125rem;
}
.has-success .is-valid{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}
.has-danger .is-invalid{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
.has-success .no-validate-icon.is-valid,
.has-danger .no-validate-icon.is-invalid{
	background-image:none;
}


div.form-group div.field div.row.select-add>div.option{
	max-width:35px;
	width:35px;
	text-align:right;
	padding-left:10px;
}


div.form-check.radio.d-inline-block{
	margin-right:1rem;
}
div.form-check.radio.d-inline-block:last-child{
	margin-right:0;
}
/*
================= clearButton ================
*/
input.form-control.clear-button{
	padding-right:25px;
}
input.form-control+span.btn.clearButton{
	font-size:1rem;
	line-height:1;
	padding:2px 3px;
	position:absolute;
	right:4px;
	top:3px;
	opacity:0;
	visibility:hidden;
	-webkit-animation:jumpOut 0.5s;
	animation:jumpOut 0.5s;
	-webkit-transition:opacity 0s 0.4s,visibility 0s 0.4s;
	transition:opacity 0s 0.4s,visibility 0s 0.4s;
}
.table td.position-relative>span.btn.clearButton{
	top:7.5px;
	right:8.5px;
	right:calc(4px + .3rem);
	top:calc(3px + .3rem);
}
.input-group>input.form-control+span.btn.clearButton{
	right:28px;
}
input.form-control+span.btn.clearButton.show{
	opacity:0;
	visibility:visible;
	-webkit-animation:jumpIn 0.5s;
	animation:jumpIn 0.5s;
	-webkit-transition:opacity 0s,visibility 0s;
	transition:opacity 0s,visibility 0s;
}
.input-group input.form-control+span.btn.clearButton.show{
	z-index:3;
}
/*
================= error_info ================
*/
div.has-error-popover{
	position:relative;
}
div.error-popover{
	text-align:left;
	position:absolute;
	left:2%;
	top:105%;
	top:-webkit-calc(100% + 12px);
	top:calc(100% + 12px);
	border:2px solid #bd362f;
	background-color:#fff;
	max-width:275px;
	min-width:180px;
	border-radius:5px;
	z-index:4;
	line-height:1.4;
	color:#000;
	white-space:normal;
	/*overflow:hidden;*/
	-webkit-animation:jumpIn .5s;
	animation:jumpIn .5s;
}
div.error-popover div.error-popover-title{
	border-bottom:1px solid #ccc;
	padding:5px 10px;
	font-size:.9rem;
	font-weight:bold;
}
div.error-popover div.error-popover-body{
	padding:6px 10px;
	font-size:.8rem;
}
div.error-popover:before{
	content:"";
	position:absolute;
	/*left:50%;
	margin-left:-10px;*/
	left:10px;
	top:-10px;
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #bd362f;
}
/*--------- gotoTop -------*/
#gotoTop{
	display:none;
	text-decoration:none;
	position:fixed;
	z-index:1000;
	bottom:10px;
	right:10px;
	overflow:hidden;
	text-align:center;
	color:#08c;
	border-radius:50%;
	box-shadow:0 0 5px 1px #000;
	cursor:pointer;
	width:30px;
	height:30px;
	background-color:#fff;
	font-size:1.2em;
	line-height:26px;
}
#gotoTop.show{
	display:block;
	-webkit-animation:jumpIn .5s;
	animation:jumpIn .5s;
}
#gotoTop:hover{
	box-shadow:0 0 15px 3px #000;
}
/*-------- pleaseWait -------*/
.loading{
	position:relative;
	min-height:150px;
}
.loading:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	text-align:center;
	background:#fff url("/img/loading.gif") no-repeat center center;
	opacity:.7;
	z-index:99999999;
	box-sizing:border-box;
}
.loading-min:after{
	background-size: 25px;
}
#pleaseWait{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	text-align:center;
	background:#fff url("/img/loading.gif") no-repeat center center;
	opacity:.7;
	z-index:99999999;
	box-sizing:border-box;
}

#pleaseWait1{
	position:fixed;
	left:0;
	top:0;
	text-align:center;
	opacity:.7;
	z-index:99999999;
	box-sizing:border-box;
	right:0;
	bottom:0;
	background:#fff;
	box-sizing:content-box;
	color:#000;
}
#pleaseWait1 .postep{
	position:absolute;
	width:1em;
	height:1em;
	text-align:-webkit-match-parent;
	font-size:310px;
	cursor:default;
	margin-top:-155px;
	top:50%;
	left:50%;
	margin-left:-155px;
	box-sizing:content-box;
}
#pleaseWait1 .postep:before{
	content:'';
	display:block;
	position:absolute;
	width:1em;
	height:1em;
	border-radius:.5em;
	opacity:.5;
	z-index:0;
	background:yellow;
}
#pleaseWait1 .postep:after{
	content:'';
	display:block;
	position:absolute;
	top:.1em;
	left:.1em;
	width:.8em;
	height:.8em;
	border-radius:.5em;
	z-index:1;
}
#pleaseWait1 .postep>#pwCzekacz.gt50{
	clip:rect(auto,auto,auto,auto);
	box-sizing:content-box;
}
#pleaseWait1 .postep>#pwCzekacz{
	position:absolute;
	width:1em;
	height:1em;
	clip:rect(0px,1em,1em,.5em);
	box-sizing:content-box;
}
#pleaseWait1 .postep>#pwCzekacz>.pie{
	position:absolute;
	border:.1em solid green;
	width:.8em;
	height:.8em;
	clip:rect(0em,.5em,1em,0em);
	border-radius:.5em;
	box-sizing:content-box;
}
#pleaseWait1 .postep>#pwCzekacz>.pie.fill{
	-webkit-transform:rotate(180deg) !important;
	transform:rotate(180deg) !important;
	box-sizing:content-box;
}
#pleaseWait1 .procent{
	font-size:75px;
	position:absolute;
	text-align:center;
	padding:1em .5em 1em .3em;
	width:2.5em;
	top:.43em;
	left:.4em;
	background:rgb(245,245,245);
	border-radius:2.35em;
	font-weight:500;
	/*#width:176px;*/
	box-sizing:content-box;
	line-height:1;
	height:1.3em;
}
#pleaseWait1 .done{
	font-size:36px;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border-radius:155px;
	font-weight:500;
	background:rgb(245,245,245);
	text-align:center;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	white-space:nowrap;
	padding:46px;
	line-height:1;
}
#pleaseWait1 .done>div{
	overflow:hidden;
	text-overflow:ellipsis;
}

#preview{
	
	width: 100vh;
	height: 100vh;
	max-width: 100%;
	max-height: 100%;
	display:block;
	margin: 0 auto;
}
#preview.inactive{
	transform:scaleX(1) !important;
	padding-top:20vh;
	width:60vh;
	height:60vh;
	max-height:100%;
	max-width:100%;
	display:block;
	margin: 0 auto;
	color:white;
}
div.toast{
	font-size:32px;
	margin: auto 0;
	text-align:center;
	opacity:1 !important;
}
div.witaj{
	border-bottom: 2px solid white; 
}
div.godz{
	border-top: 2px solid white;
	font-size:37px;
}
div.o{
	border-top: 2px solid white;
	margin-bottom:30px;
	margin-top:30px;
}
.section {
  position: relative;
  width: 100%;
  height: 100vh;
  display:block;
  /* align-items: center; */
  justify-content: center;
  overflow: hidden;
   z-index:-1;
}

.section h1 {
  position: relative;	
  text-align: center;
  font-size: 6rem;
  font-family: arial;
  padding: 20px;
  z-index: 1;
  opacity: 0.5;
  width:100%;
  height:120px;
  background-color:#fff;
}
.section h2 {	
  position: relative;
  text-align: center;
  font-size: 3rem;
  font-family: arial;
  padding: 20px;
  z-index: 1;
  opacity: 0.5;
  width:100%;
  height:120px;
  background-color:#fff;
}
.section #qr{
  position: relative;
  text-align: center;
  font-size: 3rem;
  font-family: arial;
  padding: 20px;
  z-index: 1;
  opacity: 0.5;
  width:100%;
  height:90px;
  background-color:#fff;
}
.video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#logOut{
	height:40px;
	width:40px;
}
#panel{
	width: 90%; 
	/* height: 80%; */
	margin: 0 auto; 
	padding: 15px 0 0;
	background: #fff;
	border: 1px solid silver;
	font: 16px calibri;
	letter-spacing: -1px;
	-webkit-box-shadow: 0 0 2px silver; 
	-moz-box-shadow: 0 0 2px silver; 
	box-shadow: 0 0 2px silver;
}

.label {
	/* display: block; */
	width: 80%; 
	margin:0 auto;
	/* margin-right: auto; */
	padding: 10px 5px;
	/* border: 1px solid silver; */
	/* outline: 5px solid #ebebeb; */
	font-size: 22px;
	position: relative !important;
}.label1 {
	width: 100% !important; 
	font-size: 3vh;
}
#logowanie{
	text-align: center;
	font-size: 10vh;
	color:#636161;
	font-family: Arial, Helvetica, sans-serif;
}
.b-1{
	line-height:1.25;
	padding:.2rem .3rem;
}
.b{
	position: absolute;
	right: 0;
}