body.signature{
	background: url(../images/signature_backgr.jpg) no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
	background-color: #5CBA45;
}
body.signature input[type="button"], body.signature input[type="submit"]{
	background-color: #5CBA45;
}
body.signature input[type="button"]:hover, body.signature input[type="submit"]:hover{
	background-color: #68d24e;
}

.signaturecontainer{
	text-align: center;
	position: relative;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.signaturepdf{
	width: 100%;
	max-width: 900px;
	height: 800px;
	margin-top: 20px;
}

.signaturecontainererror{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 90%;
	max-width: 500px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	text-align: center;
	color: red;
	background-color: #FFF;
}
.signaturecontainererror.alreadysigned{
	color: green;	
}

.signaturecontainer h1{
	color: #FFF;
	margin-top: 40px;
}

.signatureversion{
	color: #FFF;
}
.signpadcontainertitle{
	color: #FFF;
	text-align: center;
}
.webshoplightbox{
	margin-top: 0px;
}

.signactioncontainer1.hidden{
	display: none;
}

.signactioncontainer2, .signpadcontainer{
	visibility: hidden;
	height: 0px;
}
.signactioncontainer2.selected, .signpadcontainer.selected{
	visibility: visible;
	height: auto;
}
.signpadcontainer h1{
	text-align: center;
	position: relative;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #FFF;
	margin-top: 30px;
}

.interesse{
	margin: 0px;
	padding: 0px;
}
.interesse.hidden{
	display: none;
}
.interesse > li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	line-break: 22px;
	cursor: pointer;
	padding: 15px;
	margin-bottom: 10px;
	border-radius: 25px;
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.3s ease-out;  /* IE10 */
	transition: all 0.3s ease-out; 
	background-color: #EBEBEB;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: left 15px top 15px;
	padding-left: 70px;
	text-align: left;
}
.interesse > li:hover{
	background-color: #FFF;
}
.interesse .interesseja{
	background-image: url('../images/yes.svg');
}
.interesse .interessenee{
	background-image: url('../images/cancel.svg');
	display: none;	
}
.interessenee div, .interesseja div{
	display: none;	
}
.interessenee.selected, .interesseja.selected{
	background-color: #FFF !important;
	cursor: auto !important;
}
.interessenee.selected div, .interesseja.selected div{
	display: block;	
}
.interessenee div{
	margin-top: 15px;
	font-weight: bold;
}
.interesse textarea{
	width: 92%;
}

#extraopties li{
	margin-top: 20px;
	margin-right: 28px;
}
.extraoptiesformcontainer{
	margin-left: -70px;
}
#interessejabtn{
	margin-left: 40px;
	width: 96%;
	box-sizing: border-box;
}
.calculationtitle{
	font-weight: bold;
}

.extraoptiestable{
	display: table !important;
	width: 100% !important;
	border-collapse: separate;
	border-spacing: 1px;
}
.extraoptiescell{
	display: table-cell !important;
	vertical-align: top !important;
	background-color: #eafde6;
}
.extraoptiescell:first-child{
	width: auto !important;	
}
.extraoptiescell:last-child{
	width: 130px !important;	
	text-align: right !important;
}

.extraoptiestable.footertable{
	margin-top: 20px;
	font-weight: bold;
}
.extraoptiestable.footertable .extraoptiescell{
	background: none !important;
}
.extraoptiestable.footertable .extraoptiescell:last-child{
	border-top: solid 1px #000;
}
.extraoptiestable.chosen .extraoptiescell{
	background-color: #c6e0c1;
}
.extraoptiestable .extraoptiesprice, .extraoptiestable .extraoptiespricetotal{
	width: 100px;
	display: inline-block;
}
.footertablecontainer{
	margin-right: 28px;
}