html{ height:100%; }
body{
	font-family: "Karla","Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding:0;
	height:100%;
	min-height:100%;
	background-color:#fff;
	font-size:62.5%;
	max-width:600px;
	overflow:hidden;
	-webkit-text-size-adjust: 100%;
}





/* form */

form#brainageProfileForm{height:100%;}


.hidden {
    display: none;
}

/*  swiper-button reset swiper defaults */

.swiper-button-next::after, .swiper-button-prev::after {
    content: "";
}

/*  swiper-button our defaults */



div#navigation {
	position: absolute;
	display: block;
	left: 10px;
	bottom: 5px;
}


div#navigation span {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 40px;
	height: 40px;
	display: inline-block;
	cursor: pointer;
	opacity: 1;
	position: initial;
	margin-top: initial;
	color: initial;
}

div#navigation span:hover {
    opacity: 0.9;
}


div#footer.preventNext span.swiper-button-next,
div#footer span.swiper-button-disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}




div#navigation span.swiper-button-prev {
    background-image: url(/images/button-prev.jpg);
}

div#navigation span.swiper-button-next {
    background-image: url(/images/button-next.jpg);
    margin-left: 2px;
}

div#footer.edit div#navigation{display:none;}



div#brainageCalculator{height:98%;position:relative;background-color:#fff; border:thin solid #006697 }
.swiper-wrapper{height:100%;}

.swiper-container {
width: 100%;
height: 100%;
}

.swiper-slide {
	background-color: inherit;
	overflow-x: hidden;
	overflow-y: auto;
	height: 85%;
	z-index: 1;
	border-bottom: 1px dotted #c0c0c0;
}

#footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 57px;
	z-index:2;
	text-align:center;
	background-color: #fff;
	border-top: 1px solid #c0c0c0;	
}

#header, .header {
	background-color: #83C1DE;
	border-bottom: 1px solid #000;
	text-align: center;
	width: 100%;
	height:60px;
	position:relative;
	z-index:10;
}

#logo, .logo {
	background-image: url("/images/brainage.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #00679A;
	height: 94%;
	background-size: contain;
	display: inline-block;
	position: relative;
	z-index: 10;
}

#logo span, .logo span {
	color: #003357;
	font-family: "Trebuchet MS", Arial,"Tahoma","Geneva","sans-serif";
	font-size: 3em;
	line-height: 2em;
	display: inline-block;
	margin-left: 69px;
}

div#page_0 {
	background-image: url("/images/brainage_active_tablet.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: rgb(232, 204, 180);
}

div#introTextTitle{
font-size: 1.5em;
text-align: center;
}

div#introTextTitle span{
	display:block;
}


span.italic{ font-style:italic; }

div#introText{
background-color: rgba(232, 204, 180, 0.6);
bottom:15%;
position:absolute;
}

div#introText h2 span.paragraph{
	margin-top:10px;
	display:block;
}


div#introText{
	padding:20px;
	font-size:1.75em;
}

div#introText h1, div#introText h2, div#introText span{
	font-size: inherit;
	letter-spacing: 0.05em;
	line-height: 20px;
	margin-bottom:25px;
	font-weight:normal;
}


div#introText h1{
	font-size: 2em;
	text-align:center;
}

.fr div#introText h1{
	font-size: 2em;
}

div#introTextTitle h1 .brand{
	font-size: 1.25em;
	font-weight: bold;
	color:#c50000;
	font-variant:small-caps;
}

div#introText h2 p { margin-bottom:10px; }

div#footer.start span#start{display:inline-block;}
div#footer.calculate span#calculate.pending{display:inline-block;}
div#footer.recalculate span#recalculate.pending{display:inline-block;}
div#footer.signmeup span#signmeup{display:inline-block;}
div#footer.print span#print{display:none;}


.bold{font-weight:bold;}
div#footer span#start,
div#footer span#calculate,
div#footer span#recalculate,
div#footer span#recalculate,
div#footer span#editUpdate,
div#footer span#editCancel,
div#footer span#signmeup,
div#footer span#report,
div#footer span#print{
	-moz-border-radius: 4px;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-transition-duration: 0.2s;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	background: #4479BA;
	border-radius: 10px;
	border: solid 1px #20538D;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #000000;
	color: #FFF;
	cursor: pointer;
	display: none;
	display: none;
	font-size: 2.5em;
	line-height: 35px;
	line-height: initial;
	padding: 5px 20px;
	position: relative;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	top: 9px;
}    

div#footer span#start{
	background: #84CD85;
	color:#000;
	border-color: #406641;	
	padding-left: 20px;	
	padding-right: 20px;		
	top:9px;
	position:absolute; 
	right:10px;
}

div#footer.calculate span#calculate{position:absolute; right:10px;}
div#footer.recalculate span#recalculate{position:absolute; right:10px;}
div#footer span#print span {font-size: 12px; font-weight: normal;}
div#footer.print span#print{  position: absolute;  right: 10px;}

div#footer span#start:hover,
div#footer span#calculate:hover,
div#footer span#recalculate:hover,
div#footer span#signmeup:hover,
div#footer span#print:hover{
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	border-color:#232b2b;
}


div#footer span#start:active,
div#footer span#calculate:active,
div#footer span#recalculate:active,
div#footer span#signmeup:active,
div#footer span#print:active{
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	border-color:#d41507;
}


 div#footer span#signmeup {
	background-color: rgba(118,0, 1, 0.8);
	color:#fff;
	border: 2px solid rgba(118,0, 1, 1);
	text-transform: uppercase;
}



div.item{ padding:5px;padding-left:5px; }
div.data{margin-left:25px;}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[type="text"],
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="text"]:hover,
select:focus,
textarea {  font-size: 16px; }
select{
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(/images/select_arrow_down_white.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background-position: 97% center;
	background-repeat: no-repeat;
	display: inline-block;
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	padding: 3px 2px 20px 6px;
	border: 1px solid rgba(0, 0, 0, 0.2);	
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	font-size: 16px;
	width: auto;
}
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"]:checked + label {
    background-image: url("/images/checkbox_medium_checked.png");    
}
input[type="checkbox"] + label {
    background-image: url('/images/checkbox_medium_unchecked.png');
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 12px;
    background-position: left;
    background-size: contain;
    padding-left: 22px;
    cursor: pointer;
    margin-bottom: 10px;
    display: block;
    font-size: 1.4em;
}
.lifestyleItem select{
	width: 20%;
}
#brainageCalculator input[type="text"],form#cardioProfileForm input[type="number"] {
    border: 1px solid gray;
    font-size: 16px;
    height: 23px;
	text-align: center;
	vertical-align: middle;
	width: auto;
	min-width: 75px;
}
fieldset {
	background-color: inherit;
	border: 0;
	margin: 10px auto;
	width: 95%;
	border-radius: 10px;
	position: relative;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;	
	padding-bottom: 10px;	
}
fieldset .label {
    margin-bottom: 2%;
    color: #046A9B;
    font-size: 1.75em;
    display: inline-block;
    margin-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 2%;
word-wrap: break-word;
width: 90%;    
}
fieldset .label .label-help{
	color: #494949;
	display: block;
	font-size: 0.9em; 
	font-weight: normal;
	line-height: 27px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.page-age fieldset .label .label-help {
	font-size: 0.6em;
}


fieldset.section.choice{
	display: none; 
}
fieldset.section.choice.active{
	display: block; 
}

.switch-field {overflow: hidden;}
.switch-title {margin-bottom: 6px;}
.switch-field input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}
.switch-field label {display: inline-block;background-color: #e4e4e4;color: rgba(0, 0, 0, 0.6);font-size: 1.75em;font-weight: normal;text-align: center;text-shadow: none;padding: 6px 14px;border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);-webkit-transition: all 0.1s ease-in-out;-moz-transition:    all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.switch-field label{margin-top:5px;}
.switch-field label:hover {cursor: pointer;}
.switch-field input:checked + label {background-color: #006697;-webkit-box-shadow: none;box-shadow: none;color: #fff;}
.switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
.switch-field label:last-of-type {border-radius: 0 4px 4px 0;}
.switch-field input:checked + label.radioNone,
.switch-field input:checked + label.radioNone{background-color: #ea7272;}
.switch-input:checked + .switch-label-off { background: #ea7272;}
.switch-field input:checked + label.choiceBtn {background: #006697;border-radius: 0;}
.data .switch-field label.choiceBtn {border-radius: 0;padding: 10px 8px;margin-top: 5px;margin-left: 10px;}
.switch-field label.blueUnknown{background-color: #b8eaf7;padding: 6px 8px;margin-top: 5px;}
.switch-field label.greenHealthy{ background-color: #b0f8b0;padding: 6px 8px;margin-top: 5px;}
.switch-field label.yellowAverage{ background-color: #ffffcc;padding: 6px 8px;margin-top: 5px;}
.switch-field label.redUnhealthy{ background-color: #fdb6b6;padding: 6px 8px;margin-top: 5px;}

.switch-label-on {
    padding-right: 2px;
}
.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 58px;
    line-height: 26px;
    font-size: 1.2em;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    cursor: pointer;
}

div.page-falls div.switch-field label,
div.page-health div.switch-field label{margin-top:10px;}

div.page-exercise span.switch-field label{margin-left:50px;}

div#bloodPressureFront fieldset span.label{ width:100%; margin-bottom:0;}
div#bloodPressureFront #q_systolic,div#bloodPressureFront #q_diastolic{ width:auto; float:left}
span#bloodPressurePreset.switch-field label.choiceBtn{margin-top: 24px;margin-left: 25px;padding: 10px 8px;}

div#bloodPressureFront fieldset{padding-bottom:25px;}
div#bloodPressureFront div.err_short{position: absolute;bottom: 10px;left: 50px;}

div#bloodPressureBack div.switch-field { text-align: center;}
div#bloodPressureBack div.switch-field label {display: inline-block;height: 30px;line-height: 28px;width: 80%;font-size: 2.1em;margin-bottom: 10px;border-radius: 10px;border-width: 2px;}


.err_short{display:none;}
.err_short.active{background-image: url("../images/error.png");background-repeat: no-repeat;display: inline-block;font-size: 1.4em;margin-top: 2%;width: 90%;font: 400 13px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;}
.err_short div span{ color: #d50000;margin-left: 20px;font-size:1.1em;}

div.toggleMeasure{ height: 13px; }
span.toggleMeasureUnit {display: inline-block;color: blue;float:right;font-size: 1.2em;cursor: pointer;z-index: 100;margin-right: 9px;}


#summary div#summaryData{ padding:10px; padding-bottom:50px; font-size:1.75em;margin-bottom: 125px;}
#summary div#summaryData p{ line-height:23px; margin-bottom:25px; }
#summary div.row {width: 85%;*width: 400px;}
#summary div.row span.q {min-width: 100px;color: #006697;font-weight: bold;display: inline-block;*display: inline;max-width:85%;}
#summary div.row span.r {min-width: 100px;font-weight: bold;}#summary div.row span {line-height: 18px;display:block;}
#summary div.row.box {
	margin-bottom: 10px;
	border-bottom: 1px dotted #808080;
	padding-bottom: 10px;
}
#summary p span.editn, #summary div.row span.edit {display: inline-block;padding: 1px;line-height: 18px;font-weight: normal;color: #fff;text-align: center;background-color: transparent;background-image: linear-gradient(141deg, #0578b0 0%, #006697 51%, #0672a7 75%);background-repeat: no-repeat;background-position: 0 0;float: right;cursor: pointer;width: 50px;height: 18px;font-weight: normal;vertical-align: middle; border-radius: 20px;}
#summary div.row span.edit:hover {background-image: linear-gradient(141deg, #0578b0 0%, #0576ad 51%, #0672a7 75%); }
#summary p span.editn {cursor: default;float: none;}

.fr #summary p span.editn, #summary div.row span.edit{font-size:0.8rem;}

div.item fieldset.conditional{display: none;}
div.item fieldset.conditional.active{display: block;}

#pageNumberDisplay {
	background-color: #84CD85;
	border: 2px solid #808080;
	border-radius: 1em 1em 1em 1em;
	display: inline-block;
	font-weight: bold;
	height: 30px;
	position: absolute;
	right: 10px;
	text-align: center;
	cursor: pointer;
	color: #000000;
	padding: 2px 30px;
	bottom: 10px;
	font-size: 1.5em;
	line-height: 2.0em;
}

#pageNumberDisplay.inactive,
div#footer.start div#pageNumberDisplay {display:none;}
div#footer.edit div#pageNumberDisplay{display:none;}


span.units{font-size:1.3em;}

#nav_prev span,#nav_next span{    color: #000000;    display: inline-block;    font-size: 14px;    font-weight: bold;    padding-top: 22px}
.fr #nav_prev span, .fr #nav_next span{font-size:13px;}
#nav_next span.wait{	background-image: url("../images/loading.gif");	    background-position: 5px 20px;   background-repeat: no-repeat; cursor:wait}
#nav_next.hide{ visibility:hidden }

#nav_prev span{ padding-left: 37px}
#nav_next span{ padding-left: 24px; }
#nav_prev.disabled span, #nav_next.disabled span{ color:#c0c0c0}
#nav_prev{ background-image: url("../images/prev.png");        	cursor:pointer}
#nav_next{	background-image: url("../images/next.png");    	cursor:pointer}
#nav_prev.disabled{	background-image: url("../images/prev_disabled.png");        	cursor:default}
#nav_next.disabled{ background-image: url("../images/next_disabled.png");  	cursor:default}

#navigate div#nav_cancel,#navigate div#nav_update{ display:none; }
#navigate div#nav_cancel span,#navigate div#nav_update span{    color: #000000;    display: inline-block;    font-size: 12px;    font-weight: bold;    cursor:pointer}
#navigate div#nav_cancel , #navigate div#nav_update{    background-color: #ffeb5d;    border: 1px solid #808080;    color: #000000;    cursor: pointer;    font-weight: bold;    height: 30px;    line-height: 30px;    text-align: center;    margin-top:10px}




@media screen and (-webkit-min-device-pixel-ratio:0) {
	textarea,
	input,
	textarea:focus,
	input:focus
	textarea:hover,
	input:hover {
		font-size: 16px;
		background: #eee;
		border: 1px solid #ccc;
		padding: 3px;
	}
	select,
	select:hover,
	select:focus{
		font-size: 16px;
		border: 1px solid #ccc;
		padding: 3px;
		padding-right:20px;
	}
}

@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 780px) {
	fieldset{padding-top: 110px;padding-bottom: 110px;font-size: 1.5em;}
	fieldset .label { margin-left: 25px;}
}

@media screen and (max-width: 580px){
	div#page_0 {background-image: none;}
	div#intro{height:auto;overflow-y: auto;overflow-x: hidden; padding-bottom: 50px;margin-bottom: 50px;}
	div#introText{position:initial;padding-top: 5px;}
	div#footer.start span#start{position:absolute; right:10px;}
	.swiper-slide{height:77%;}
	#header, .header{border-radius:0;}
	div#brainageCalculator{border-radius:0;}
}

@media screen and (max-width: 375px) {
	select{ width: auto;}
	.data .switch-field label.choiceBtn{margin-left:5px;}
	div.data { margin-left: 5px;}
	span#bloodPressurePreset.switch-field label.choiceBtn { margin-left: 10px; }	
	#summary div.row{ width:100%;}
	div#newsContainer{display:none;}
	.swiper-slide{height:70%;}
}


#brainageCalculator div, #brainageCalculator span {-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;-ms-user-select: none;user-select: none;}

div#brainageCalculator  div#savingOverlay{display:none; }
div#brainageCalculator .saving div#savingOverlay{position: absolute;top: 0px;opacity: .4;background-color: #d1e9ec;width: 100%;height: 100%;z-index: 100;display:block;}
div#brainageCalculator .spinner{display:none;}
div#brainageCalculator.saving .spinner {position: relative;width: 45px;height: 45px;margin: 0 auto; display:inline-block;}
div#brainageCalculator div#bubbleWrap{position: absolute;top: 40%;width: 100%;border-radius: 100%;z-index: 100;}
.bubble-1,.bubble-2 {position: absolute;top: 0px;width: 25px;height: 25px;border-radius: 100%;background-color: #4b9cdb;}
.bubble-2 {top: auto;bottom: 0;}
.load-9{text-align: center;}
.load-9 .spinner {animation: loadingI 2s linear infinite;}
.load-9 .bubble-1, .load-9 .bubble-2 {animation: bounce 2s ease-in-out infinite;}
.load-9 .bubble-2 {animation-delay: -1.0s;}
@keyframes loadingI { 100% {transform: rotate(360deg);} }
@keyframes bounce  {  0%, 100% {transform: scale(0.0);}  50% {transform: scale(1.0);} }
div#brainageCalculator div#savingOverlay{display:none;}
div#brainageCalculator.saving div#savingOverlay{position: absolute;top: 0px;opacity: .4;background-color: #d1e9ec;width: 100%;height: 100%;z-index: 100;display:block;}
div#brainageCalculator.saving div.addControls div{color:#c0c0c0}

div#totalCholesterolBack div.switch-field,
div#hdlCholesterolBack div.switch-field,
div#ldlCholesterolBack div.switch-field{ text-align:center;}

div#totalCholesterolBack div.switch-field label,
div#hdlCholesterolBack div.switch-field label,
div#ldlCholesterolBack div.switch-field label{display: inline-block;height: 30px;line-height: 28px;width: 80%;font-size: 2.1em;margin-bottom: 10px;border-radius:10px;border-width:2px;}

.missionvav div#cobrandLogo {display:none;}
.missionvav div#cobrandLogo.active {display:inline-block;}
.missionvav div.logo {background-image: url("/images/branding/missionvav.png");background-repeat: no-repeat;background-position: center;height: 72px;width: 100%;line-height: initial;padding: 0;cursor: pointer;background-size: contain;top: 0;}
.missionvav div.logo span{display:none;}



div#footer span#editCancel{background-color: #f9afbe ;color:#000; }
div#footer span#editUpdate{background-color: #d7ede0 ;color:#000; }
div#footer.edit span#editUpdate,div#footer.edit span#editCancel{ display:inline-block;}
div#footer.report span#report{ display:inline-block; position: absolute; right: 8px;}



.viva div#cobrandLogo {display:none;}
.viva div#cobrandLogo.active {display:inline-block;}
.viva div.logo {background-repeat: no-repeat;background-position: center;height: 75px;width: 100%;line-height: initial;padding: 0;cursor: pointer;background-size: contain;top: 0;}
.en.viva div.logo {background-image: url("/images/branding/viva_en.png");}
.fr.viva div.logo {background-image: url("/images/branding/viva_fr.png");}


.viva div.logo span{display:none;}

div#newsContainer {background-color: transparent;padding: 10px;border-top: 1px solid #808080;position: relative;text-align: left;font-size: 16px;line-height: 16px;margin-top: 10px;}


#pagelang {height:30px;margin-top:3px;}
.langSelect {background-color: #ccc;border: 2px solid #333;float: right;font-weight: bold;height: 20px;padding: 5px;text-align: center;width: 20px;color: #808080;cursor: pointer;font-size: 1.8em; margin-right:5px;}


div.cobrandLogo{background-repeat: no-repeat;background-position: center;background-color: #fff;color:#00679A;font-family: "Trebuchet MS", Arial,"Tahoma","Geneva","sans-serif";font-size: 3em;line-height: 11px;cursor: pointer;display: inline-block;width: 100%;height: 85px;background-size: contain;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;margin-top:25px;display:none;}

.viva div.cobrandLogo{background-image: url("/images/logo_myhealthcheckp_en.png");display:block;}
.viva.fr div.cobrandLogo{background-image: url("/images/logo_myhealthcheckp_fr.png");display:block;}


.swiper-slide{position:relative;}
.swiper-slide.swiper-slide-active div.cover {display:none;}
.swiper-slide div.cover {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #f7f7f7;
	z-index: 30;
	opacity: 0.6;
	top: 0;
}

fieldset{padding:0;}


div#page_0.swiper-slide,
div#summary.swiper-slide,
div#results_1.swiper-slide,
div#results_2.swiper-slide,
div#results_3.swiper-slide,
div#results_4.swiper-slide
{opacity:0;}



div#page_0.swiper-slide.swiper-slide-active,
div#summary.swiper-slide.swiper-slide-active,
div#results_1.swiper-slide.swiper-slide-active,
div#results_2.swiper-slide.swiper-slide-active,
div#results_3.swiper-slide.swiper-slide-active,
div#results_4.swiper-slide.swiper-slide-active
{min-height:87%;opacity:1;}


#brainageCalculator div#displayAccessCode, div#displayAccessCode {float: right;margin-right: 28px;font-size: 0.7rem;user-select: text;}

div.proxyField{
	margin-left: 50px;
	border-radius: 4px 0 0 4px;
	margin-top: 5px;
	display: inline-block;
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.75em;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	padding: 6px 14px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	cursor:pointer;
}


div.proxyField.checked{
	background-color: #006697;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}



#email_pdf_content {
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1000;
}

#email_pdf_close {
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
	background: #ae3838;
	width: 30px;
	height: 30px;
	border-radius: 502%;
	border: 1px solid #000;
	cursor: pointer;
	line-height: initial;
	opacity: 0.8;
	color: #fff;
	font-size: 25px;
	z-index: 10;
}

#email_pdf_close:hover{
	opacity:1;
}



#email_pdf_form_cont{
	position:relative;
	margin-top:25px;
}

#email_pdf_form_cont p.title {
	font-size: 20px;
	padding-bottom: 25px;
	width: 60%;
	text-align: center;
	margin: 0 auto;
}

#email_pdf_form_info{
	border-top: 1px solid #808080;
	padding-left: 20px;
	padding-bottom: 15px;
}

#email_pdf_form_info p{
	padding-bottom: 10px;
}

#email_pdf_form_info label {
	font-size: 18px;
	padding: 15px;
	min-width: 145px;
	display: inline-block;
	text-align: left;
	padding-left: 0;
}

#email_pdf_form_info input[type="text"] {
	font-size: 18px;
	border: 1px solid #808080;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	width:80%;	
}


#email_pdf_form .btn {
	padding-left: 15px;
	padding-right: 15px;
	border-color: green;
	border-radius: 50px;
	margin-bottom: 0;
	float: right;
	margin-right: 71px;
}

.btn {
	border: 1px solid gray;
	border-top-color: gray;
	border-right-color: gray;
	border-bottom-color: gray;
	border-left-color: gray;
	margin-top: 16px;
	margin-bottom: 10px;
	padding: 8px 10px;
	padding-right: 10px;
	padding-left: 10px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .1em;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background-repeat: repeat-x;
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
}

.btn:hover {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(bottom, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-linear-gradient(bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: linear-gradient(to top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
}

#email_pdf_submit.sending{ opacity:.5; }


#email_pdf_form_response span{display:none;}
#email_pdf_form_response.pdf_mail_success span#pdf_mail_success{ display:inline-block;font-size: 19px;color: green;margin-left: 50px;}
#email_pdf_form_response.pdf_mail_email_error span#pdf_mail_email_error{ display:inline-block;font-size: 19px;color: red;margin-left: 50px;}
#email_pdf_form_response.pdf_mail_access_code_error span#pdf_mail_access_code_error{ display:inline-block;font-size: 19px;color: red;margin-left: 50px;}




@media screen and (max-width: 400px) {
	div.proxyField{margin-left:0;}
	#summary div.row span.q{font-weight:normal;}
	#summary div.row span{line-height:initial;}
	div#footer.print span#print{font-size:2.25em;}	
	#email_pdf_form_info input[type="text"] {width:90%;}	
}