/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/

pcqr{
	display:inline-block;
}

.pc_contract_panel{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999999;
	color:white;
}

body.pc_contract_panel_open{
	overflow:hidden!important;
}

.pc_import_contract_panel *[label]:before,
.pc_contract_panel *[label]:before{
	content:attr(label);
	display:inline-block;
	min-width:180px;
	width:100%
}

.pc_import_contract_panel input[label]:before,
.pc_contract_panel input[label]:before{
	color:white;
	margin-left:25px;
	display:inline-block;
	position:relative;
	top:-5px;
}

.pc_import_contract_panel  *[label][required]:before,
.pc_contract_panel *[label][required]:before{
	content:'* ' attr(label);
}

.pc_contract_panel .pc_contract_panel_content{
	max-width: 98vw;
	margin: 1vh auto;
	box-shadow: 5px 5px 10px black;
	padding:15px;
	max-height: 98vh;
	font-size: 14px;
	min-height: 98vh;
}

.pc_additional_text{
	max-width:40%
}

.pc_contract_panel .pc_contract_panel_content p[validationerror]:after{
	content:attr(validationerror);
	font-size:12px;
	color:#ff9999;
	width:100%;
	display:inline-block;
}

.pc_contract_panel .pc_contract_panel_content input[type='text']{
	min-width:25vw;
}

.pc_contract_panel .pc_contract_panel_content p{

}

.pc_contract_panel .pc_contract_panel_content .pc_contract_panel_content_head h3{
	color:white;
	text-align:center;
}


.pc_contract_panel .pc_contract_panel_content .pc_contract_panel_content_footer{
	display:flex;
	justify-content:space-between;
}

.pc_contract_panel .pc_contract_panel_content .pc_contract_panel_content_footer button{
	min-width:130px;
	font-size:13px;
	max-height: 42px;
	margin-left:4px;
	padding:6px 10px;
	margin-bottom: 4px;
}

.pc_contract_panel .pc_additional_text p{
	font-size: 11px;
	font-style:italic;
line-height: 11px;}

.pc_contract_panel_content_head{
    max-height:7vh;
    min-height:7vh;
}

.pc_contract_panel_content_body{
	padding: 0;
	margin-bottom: 1vh;
	min-height: 76vh;
	max-height: 76vh;
}

.pc_contract_panel_content_footer{
	/* max-height:13vh; */
	/* min-height:13vh; */
}


.pc_spinner,
.pc_spinner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.pc_spinner {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(169,185,249, 0.2);
  border-right: 1.1em solid rgba(169,185,249, 0.2);
  border-bottom: 1.1em solid rgba(169,185,249, 0.2);
  border-left: 1.1em solid #a9b9f9;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: pcspin8 1.1s infinite linear;
  animation: pcspin8 1.1s infinite linear;
}
@-webkit-keyframes pcspin8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pcspin8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.pc_spinner_wrapper{
	position: fixed;
    width: 100%;
    left: 0;
    top: 30vh;
}

#pc_forward_box{
	border:1px solid black;
	padding: 10px;
	background:white;
	color:black;
	max-height: 54vh;
	overflow-y: auto;
}

#pc_forward_copy,
#pc_forward_cancel{
	margin-top:5px;
}

#pc_forward_copy{
	margin-left:10px;
}

.pc_contract_panel_content #pc_iframe{
	width: 100vw;
	border:none;
	height: 76vh;
	overflow-y:auto;
	background: rgb(89 89 89 / 80%);
}

#pc_additional_input{
	margin:2vh 2vw;
	max-height: 76vh;
	overflow-y: auto;
}

#pc_additional_input p.product-contract-input,
#pc_additional_input p.product-contract-upload{
	display:inline-block;
	min-width:49%;
}

.pc_contract_panel.showing_forward .pc_contract_panel_content_footer button,
.pc_contract_panel.showing_forward .pc_contract_panel_content_footer progress{
	display:none!important;
}

.pc_contract_panel.showing_forward .pc_contract_panel_content_footer button#pc_contact_abandon{
	display:inline-block!important;
}

.pc_contract_panel.showing_forward .pc_contract_panel_content_body > *{
	display:none!important;
}

.pc_contract_panel.showing_forward .pc_contract_panel_content_body > .pc_forward_panel{
	display:block!important;
}

.pc_canvas_signature_panel{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.9);
	text-align:center;
	padding-top:20vh;
}

.pc_canvas_signature_panel button{
	min-width:80px;
	margin-left:10px;
}

.pc_stop_contract{
	background:rgba(255,255,255,0.7);
	color:red;
	padding:10px;
	text-align:center;
}

.pc_forward_panel{
	max-height: 76vh;
	overflow-y: auto;
}

.pc_forward_panel > p{
	font-size:13px;
	margin:0;
	padding:3px 6px;

}

@media(max-width:849px){
	.pc_contract_panel{
		overflow-y: auto!important;
	}

	.pc_contract_panel_content_head{
		min-height:4vh;	
	}
	
	.pc_contract_panel_content_head *{
		font-size:1.1em;
	}

	.pc_contract_panel .pc_contract_panel_content,
	.pc_contract_panel .pc_contract_panel_content_footer{
		max-height:none;
	}

	
	.pc_contract_panel .pc_contract_panel_content .pc_contract_panel_content_footer button{
		padding:3px;
		min-width:120px;
		width:100%;
		margin-bottom:7px;
	}

	.pc_contract_panel .pc_contract_panel_content button#pc_forward_cancel,
	.pc_contract_panel .pc_contract_panel_content button#pc_forward_copy{
		padding:3px;
		min-width:120px;
	}

	.pc_contract_panel_content #pc_iframe{
		width: 85vw;
		margin-left: 3vw;
	}

	.pc_contract_panel .pc_contract_panel_content_body,
	.pc_contract_panel .pc_contract_panel_content #pc_iframe{
		min-height:70vh;
		max-height:70vh;
	}

	#pc_contact_sign,
	#pc_contact_accept{
		padding:10px;
		min-width:100%;
	}

	#pc_forward_box{
		max-height:54vh;
	}
}