/* styling for the paper calculator */
	@font-face { font-family: 'DS-DIGII'; src: url('\ResourcePackages\Milner2019\assets\dist\fonts\DS-DIGII.TTF'); } 
	
	
.bkgdbanner {
	background-image: url(/images/default-source/banners/banner_officeblur-1.jpg);
}
.footer-ad {
	padding-bottom:17%;
}
.whitebox {
	margin-bottom:110px;
	box-shadow: 0px 50px 50px 0px rgb(70 85 110 / 20%);
}
.footer-ad-text {padding-top:0px;}
.papercalc-body {
	margin:20px 40px;
	box-shadow: 10px 10px 25px #6e7e96;
	border-radius:50px;
	padding:20px 20px;
	background-image: url('https://www.ecrvault.com/images/default-source/default-album/calc-bkgd.jpg');
	background-size: auto 100%;
	border: 2px solid #cdd5e1;
}
.papercalc-overlay {border-radius:30px;background-color:rgba(255,255,255,.4);}

.papercalc h1 {margin-bottom:5px;}
.papercalc .center {text-align:center;}
.papercalc .slide { 
  max-width:600px;
  margin:0 auto;
  padding:0px 0px;
}
.papercalc .explain {
/*display:none;*/
  text-align:center;
  margin:5px 0px 0px 0px;
  min-height:50px;

}
.papercalc .question {
	text-align:center;
	font-size:30px;
	font-family:roboto, arial, sans-serif;
	color:#c88232;
	margin-bottom:0px;
}
.papercalc .totalbox {
	background-image: linear-gradient(to top, rgba(255,255,255,1), rgba(165, 178, 195, 1));
	width:90%;

	padding:15px;
	margin: 0 auto;
	margin-top:25px;
	border-radius:15px;

}
@media only screen and (max-width: 991px) {
	.papercalc .totalbox {width:100%;}
}
.papercalc .totalbox > div {background:#001e3c;	padding:5px 15px 5px 15px;}
.papercalc .totaltxt {
	color:#cdd5e1;
	text-align:center;
	font-size:36px;
	font-family: 'ZCOOL QingKe HuangYou', sans-serif;
	margin:0px;
	font-weight:400;
	text-shadow: 0px 0px 6px #3c78b4;
}
.papercalc .total {
    font-family: 'ZCOOL QingKe HuangYou', sans-serif;
	color:white;
	text-align:center;
	font-size:96px;
	margin:0px;
	font-weight:400;
	text-shadow: 0px 0px 20px #3c78b4;
}


.papercalc .slider {
	margin-top:30px;
  -webkit-appearance: none;
  width: 100%;
  height: 24px;
  background-color: #001e3c;
  outline: none;
  -webkit-transition: .2s;
  transition: background-color .2s;
  border-radius:16px;
  margin:25px 0px 15px 0px;
}

.papercalc .slider:hover {
  background-color: #e19b4b;
}

.papercalc .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 48px;
  height: 24px;
  cursor: pointer;
  background: white;
  border-radius: 12px;
  border:2px solid #a5b2c3;
}

.papercalc .slider::-moz-range-thumb {
  width: 48px;
  height: 24px;
  cursor: pointer;
  background: #8c0f0f ;
  border-radius: 12px;
  border:3px solid white;
}
 
#filecab-size_ {display:none;}

#filecab-num_, #box-num_ {
	color:black;
	font-family: Roboto, arial, sans-serif;
	font-weight:400;
	font-size: 50px;
	height:100px;
	width:100px;
	text-align:center;
	background-color:white;
	padding:8px 0px;
	border-radius:50px;
	border:5px solid black;
	position:absolute;
	top:0%;
	left: 50%;
	margin-left:-50px;
	margin-top:-30px;
	box-shadow: 0px 0px 0px 3px #ffffff;
	letter-spacing: -2px;

}
.filecab-num_ {
	width:20%;
}
.iconcounter {
	margin-top:40px;
		position:relative;
}
#num-icons, #box-icons {
	min-height:50px;
	width:50px;
	max-width:100%;
	height:50px;
	background-size:50px;
	background-repeat: space;
}
#num-icons {
	min-width:50px;
	background-image:url('https://www.ecrvault.com/images/default-source/icons/3d/drawer_ecrv.png');
}
#box-icons {
	width:0px;
	background-image:url('https://www.ecrvault.com/images/default-source/icons/3d/bankbox_ecrv.png');
}

.form-center > div:first-child > div:first-child {margin:0 auto; margin-top:20px; margin-bottom:20px;}
.form-center > div:last-child > button {display:block; margin:0 auto;}
.form-center .btn {border-color: white;opacity:100%;}
.totalcost {font-weight:500;color:#001e3c;}
.hidefields {display:none;}
.footer-ad h2 {font-size:3rem;}