/*** CANCEL ***/
html, body, main { width: 100%; height: 100%; }
* { background-size: cover; }

.calculator-data input[type="radio"] { display: inline-block !important; }

.section.is-forCalculator *::selection {
    fill: none;
    color: none;
    display: none;
    background: none;
	user-select:none;
		-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;
}
/*** END CANCEL ***/

/*** Z-INDEXES ***/
main.doPaypal .paypal { position: relative; z-index: 100; }
/*** END Z-INDEXES ***/

/*** COLORS ***/
.header, .header:before { background-color: #4A4E67; }
.calculator-nav-button, .calculator-nav-label,
.js-RDBs-container label.is-saved { background-color: #4A4E67 !important; }

.header-research-a,
.section, .section:before,
#rdb4author:checked ~ main .header-nav-button.is-forAuthor,
#rdb4calculator:checked ~ main .header-nav-button.is-forCalculator { background-color: #F7E9E8; }

.calculator-nav-button, .calculator-nav-label { color: #eee; }

.calculator-results-design-data-numbers-lines-div { background-color: white; }
.calculator-results-design-data hgroup,
.calculator-results-design-data-numbers-pie-span,
.header-hgroup-title,
.header-hgroup-p,
#rdb4author:checked ~ main .header-nav-button.is-forCalculator,
#rdb4calculator:checked ~ main .header-nav-button.is-forAuthor,
.paypal-buttons-cta { color: white; }
.js-RDBs-container label.is-saved { color: white !important; }
.calculator-results-design-data-numbers-pie:before { border-color: white; }

.paypal-buttons-cta { background-color: green; }
.paypal-buttons-cta_wrap span {// color: green; }
/*** END COLORS ***/

/*** FONTS ***/
* { font-family: "Arial Black"; }

.header { text-align: center; }
.header-hgroup { text-align: left; }
/*** END FONTS ***/

/*** MEDIA ***/
#rdb4dataPreset1:checked ~ .calculator-data-presets-map { background-image: url("/assets/images/preset1_drc.png"); }
#rdb4dataPreset2:checked ~ .calculator-data-presets-map { background-image: url("/assets/images/preset2_sa.png"); }
.calculator-data-presets-map {
	background-size: cover;
	filter: grayscale(100%);
}

.js-btnRefresh { background-image: url("/assets/images/icon_refresh_white.png"); }
.js-btnDelete { background-image: url("/assets/images/icon_close_white.png"); }
.js-btnImport { background-image: url("/assets/images/icon_folder_white.png"); }
.js-btnDownload { background-image: url("/assets/images/icon_download_white.png"); }
.js-btnSave { background-image: url("/assets/images/icon_save_white.png"); }
.js-btnAdd { background-image: url("/assets/images/icon_add_white.png"); }
.js-manualNav * { text-indent: -9999px; }
.js-manualNav * {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
}
/*** END MEDIA ***/

/*** COMPONENTS ***/
	/*** COMMONS ***/
	.header, .section {
		padding: 1em;
	}
	
	.header { display: flex; }
	.header,
	.section { flex-direction: column; }
	
	.header-hgroup-p,
	.section-hgroup-p {
		margin: 1em 0;
	}
	
	/*** .calculator ***/
	.calculator-data {
		position: relative;
	}
	.calculator-data-manual .js-RDBs-container {
		max-height: 5em;
		overflow-y: auto;
	}
	.calculator-data-presets-map {
		position: absolute !important; top: 100%; right: 0;
		display: block;
	}
	
	.calculator-fieldset div,
	.calculator-nav div {
		padding: 0 1em;
	}
	.calculator-fieldset label,
	.calculator-fieldset input {
		width: 100%;
		display: block;
	}
	
	.calculator-nav-button,
	.calculator-nav-label {
		width: 100%;
		display: block;
		padding: 1em;
		border-radius: 1em;
		
		text-align: center;
	}
	
	.calculator {
		position: relative;
	}
	
	.calculator-results-design {
		position: absolute !important; top: 0; left: 0;
		width: 100%; height: 100%;
		display: block;
		padding: 1.8em;
		
		overflow-y: scroll !important;
		overflow-y: auto !important;
		
		background-color: #4A4E67;
	}
	
	.calculator-results-design-nav {
		position: absolute; top: 0; right: 0;
	}
	.calculator-results-design-nav span {
		cursor: pointer;
		display: inline-block;
		padding: .5em;
		margin-top: 1em; margin-right: 1em;
		background-color: #F7E9E8;
	}
	
	.calculator-results-design-data {
		margin-bottom: 1.8em;
	}
	.calculator-results-design-data hgroup {
		margin-bottom: 1em;
	}
	.calculator-results-design-data hgroup h4,
	.calculator-results-design-data hgroup h5 {
		font-size: 1.8em;
		display: inline;
	}
	
	.calculator-results-design-data-numbers-lines-div {
		text-align: right;
		border-radius: 4em; overflow: hidden;
	}
	.calculator-results-design-data-numbers-lines-div:nth-child(1) { margin-bottom: 1em; }
	.calculator-results-design-data-numbers-lines-div-span {
		display: inline-block;
		min-width: 30%;
		padding: 1em 1.8em;
	}
	.calculator-results-design-data-numbers-pie {
		position: relative;
		width: auto; aspect-ratio: 2/1;
		overflow: hidden;
	}
	.calculator-results-design-data-numbers-pie:before {
		content: ""; position: absolute; top: 0; left: 0;
		width: auto; height: 100%; aspect-ratio: 1/1;
		border-radius: 50%;
		
		border-width: 3em; border-style: solid;
//		opacity: .5;
	}
	.calculator-results-design-data-numbers-pie-span {
		position: absolute; bottom: 0; left: 0; right: 0;
		text-align: center;
	}

	/*** .header ***/
	.header-nav {
		display: inline-block;
		margin: auto;

		border-radius: 1em;
		overflow: hidden;
	}
	.header-nav-button {
		display: inline-block;
		padding: 1em;
	}
	
	.header-research {
		position: relative;
	}
	.header-research-a {
		position: absolute !important; bottom: 7em; left: 0; right: 0; z-index: 100 !important;
		padding: .5em;
		
		border-radius: 1em;
	}
	
	/*** .paypal ***/
	.paypal_dock { display: flex; flex-direction: column; }
	.paypal-content { flex: 1; }
	.paypal_dock,
	.paypal-buttons .js-btnCancel,
	.paypal-buttons-cta {
		border-radius: .25em;
		border-radius: 1em;
	}
	
	.paypal {
		position: fixed !important; top: 0; left: 0; z-index: 100;
		width: 100%; height: 100%;
		
		background-color: rgba(0, 0, 0, .7);
	}
	.paypal_dock {
		max-width: 90%;
		background-color: white;
	}
	.paypal-title {
		padding: .75em 1em; padding-bottom: .5em;
//		font-size: 1.8em;
		text-transform: uppercase;
	}
	.paypal-content {
		padding: .5em 1.8em;
		overflow-y: scroll;
	}
	.paypal-details-sublist {
		padding-left: 1.8em;
	}
	.paypal-content label {
		display: inline-block;
		padding: .5em 0;
		text-transform: uppercase;
	}
	/*
	.paypal-content label span {
		display: inline-block;
		width: 1em; height: 1em;
		margin-left: .5em;
		background-color: green;
		
		display: none;
	}
	*/
	.paypal-buttons {
		padding: 1.8em; padding-top: 1em;
	}
	.paypal-buttons-cta {
		display: inline-block;
	}
	.paypal-buttons-cta_wrap {
		display: inline-block;
		text-align: center;
	}
	.paypal-buttons-cta_wrap span {
		font-size: .75em;
		font-variant: small-caps; text-transform: uppercase;
	}
	.paypal-buttons .js-btnCancel {
		display: inline-block;
		background-color: #AAA;
	}
/*** END COMPONENTS ***/

/*** INTERACTIVITY ***/
.calculator input[type="radio"],
.calculator label,
.header-nav-button,
.paypal-buttons .js-btnCancel,
.paypal-buttons-cta { cursor: pointer; }

#rdb4author:checked ~ main .header-nav-button.is-forAuthor,
#rdb4calculator:checked ~ main .header-nav-button.is-forCalculator {
	text-transform: uppercase;
	
//	background-color: black;
//	color: white;
}
#rdb4author:checked ~ main .header-nav-button.is-forCalculator,
#rdb4calculator:checked ~ main .header-nav-button.is-forAuthor {
	text-decoration: underline;
}

.section { display: none; }
#rdb4author:checked ~ main .section.is-forAuthor,
#rdb4calculator:checked ~ main .section.is-forCalculator { display: flex; }

.paypal-details-sublist { display: none; }

#rdb4paypalDetails1:checked ~ main .paypal-details-list-item:nth-child(1) .paypal-details-sublist,
#rdb4paypalDetails2:checked ~ main .paypal-details-list-item:nth-child(2) .paypal-details-sublist,
#rdb4paypalDetails3:checked ~ main .paypal-details-list-item:nth-child(3) .paypal-details-sublist,
#rdb4paypalDetails4:checked ~ main .paypal-details-list-item:nth-child(4) .paypal-details-sublist,
#rdb4paypalDetails5:checked ~ main .paypal-details-list-item:nth-child(5) .paypal-details-sublist,
#rdb4paypalDetails6:checked ~ main .paypal-details-list-item:nth-child(6) .paypal-details-sublist,
#rdb4paypalDetails7:checked ~ main .paypal-details-list-item:nth-child(7) .paypal-details-sublist,
#rdb4paypalDetails8:checked ~ main .paypal-details-list-item:nth-child(8) .paypal-details-sublist,
#rdb4paypalDetails9:checked ~ main .paypal-details-list-item:nth-child(9) .paypal-details-sublist,
#rdb4paypalDetails10:checked ~ main .paypal-details-list-item:nth-child(10) .paypal-details-sublist,
.jekyllPlaceholderClassname { display: block; }

.calculator-nav-button,
.calculator-nav-label { display: none !important; }
html.is-loggedIn .calculator-nav-button,
html.is-loggedOut .calculator-nav-label { display: block !important; }

.calculator-results { display: none; }
.calculator-results.is-open { display: block; }

.paypal { display: none !important; }
main.doPaypal .paypal { display: flex !important; }
/*** END INTERACTIVITY ***/

/*** MEDIA-QUERIES ***/
@media screen and (max-width: 50em) {
	/*** FONTS ***/
	.header-hgroup-title,
	.section-hgroup-author { font-size: 1.8em; }
	.author p,
	.paypal-title { font-size: 1.25em; }
	
	/*** COMPONENTS: .calculator ***/
	.calculator-data { display: flex; flex-direction: column-reverse; }
		.calculator-fieldset div:nth-child(2) input,
		.calculator-fieldset div:nth-child(7) input,
		.calculator-fieldset div:nth-child(8) input,
		.calculator-fieldset div:nth-child(9) input { width: 50%; }
	
	.calculator-results-design-data-numbers-pie { height: 7em; }
	
	.calculator-fieldset input {
		padding: .18em .5em;
		margin: .18em 0 .75em 0;
	}
		
	/*** COMPONENTS: .header ***/
	.header-research {
		margin-top: 1.9em;
	}
	
	/*** COMPONENTS: .paypal ***/
	.paypal-buttons .js-btnCancel,
	.paypal-buttons-cta { padding: .5em; }
	.paypal_dock { max-height: 90vh; }
	.paypal-content { max-height: 30vh; }
	.paypal-buttons .js-btnCancel { margin-top: 1em; }
	
	/*** CSS-HACKS ***/
	.calculator-fieldset div,
	.calculator-nav div { padding: 0 !important; }
	.calculator-nav div:nth-child(1) { padding-top: 1em !important; text-align: right; }
	
	.calculator-nav {
		display: flex; flex-direction: column-reverse;
	}
	
	.paypal-buttons-cta_wrap:nth-child(3) { text-align: left !important; }
	.paypal-buttons-cta_wrap:nth-child(3) > span { margin-left: .75em !important; }
	
	/*** VIEWPORT ***/
	.calculator-data-presets * { display: none !important; }
	
	
	.paypal-buttons-cta_wrap > span span { display: none !important; }
	.paypal-buttons-cta_wrap input[type="text"] {
		width: 100% !important;
		padding: .25em .75em !important;
	}
	.paypal-buttons-cta_wrap input[type="submit"] {
		height: 1em !important;
		padding: 0 !important;
	}
	
	.js-here { padding-top: 7em; }
	.calculator-results > div { padding: .5em !important; }
	.calculator-results-design-data-numbers-lines-div span { padding: .5em .75em !important; }
	.calculator-results-design-data-numbers-pie { height: 5em; position: relative !important; }
	.calculator-results-design-data-numbers-pie:before { border-width: 1.5em !important; }
	.calculator-results-design-data-numbers-pie span { bottom: .5em; left: 2.1em; text-align: left; }
}
@media screen and (min-width: 50em) {
	/*** Z-INDEXES ***/
	.header:before,
	.section:before { position: relative; z-index: 10; }
	.header *,
	.section hgroup,
	.section .author,
	.section .calculator { position: relative; z-index: 20; }
	
	/*** FONTS ***/
	.header-hgroup-title,
	.section-hgroup-author { font-size: 3em; }
	.author p,
	.paypal-title { font-size: 1.8em; }
	.calculator-nav div:nth-child(1),
	.calculator-data-presets { text-align: right; }

	/*** COMMONS ***/
	main { display: flex; }
	.section hgroup,
	.header-research { flex: 1; }
	
	.header,
	.section { max-height: 40em; }
		html, body { overflow: hidden; }
	
	.header { width: 30%; }
	.section { width: 70%; }
	
	
	/*** COMPONENTS: .about ***/
	.author { display: flex; }
	.author { align-items: flex-end; }
	.author p { flex: 1; }
	
	.author img { width: 33.333%; }
	
	/*** COMPONENTS: .calculator ***/
	.calculator-data,
	.calculator-nav,
	.calculator-nav div:nth-child(1) { display: flex; }
	.calculator-nav div:nth-child(1) { align-items: center; justify-content: flex-end; }
	.calculator-data-manual,
	.calculator-nav div:nth-child(1) { flex: 1; }
	
	.calculator-fieldset div { width: 50%; }
		.calculator-fieldset div:nth-child(7),
		.calculator-fieldset div:nth-child(8),
		.calculator-fieldset div:nth-child(9) { width: 33.333%; }
		
		.calculator-fieldset div:nth-child(2) input { width: 50%; }
	
	.calculator-fieldset div {
		display: inline-block;
	}
	
	.calculator-nav div { width: 33.333%; }
	.calculator-nav-button { min-height: 5em !important; }
	
	.calculator-data-presets-map {
		width: 50vh; height: 50vh;
	}
	
	.calculator-fieldset input {
		padding: .5em;
		margin: .75em 0;
		margin: .75em 0;
	}
	.calculator input[name="rdb4data"] {
		width: 1.8em; height: 1.8em;
	}
	
	.calculator-results-design-data-numbers { display: flex; }
	.calculator-results-design-data-numbers-lines { flex: 1; }
	
	.calculator-results-design-data-numbers-pie {
		height: 7em;
		margin-left: 7em;
	}
	
	/*** COMPONENTS: .header ***/
	.header-research { display: flex; }
	.header-research { align-items: flex-end; }
	
	.header,
	.section { position: relative; }
	.header:before,
	.section:before {
		content: "";
		position: absolute; top: 0;
		width: 1000%; height: 1000%;
	}
	.header:before { right: 0; }
	.section:before { left: 0; }
	
	/*** COMPONENTS: .paypal ***/
	.paypal-buttons .js-btnCancel,
	.paypal-buttons-cta { padding: 1em; }
	.paypal_dock { max-height: 70vh; }
	.paypal-content { min-height: 10em; }
	.paypal-buttons .js-btnCancel { margin-left: 1em; }
	
	/*** SANDBOX ***/
	.calculator-data-presets { display: none !important; }
}
/*** END MEDIA-QUERIES ***/

/*** DECORATION ***/
	/*** .d-cssCentered ***/
	.d-cssCentered {
		display: flex;
		align-items: center; justify-content: center;
	}

	/*** .d-midWrap ***/
	.d-midWrap {
		max-width: 80em;
		margin: auto;
	}
/*** END DECORATION ***/

/*** SANDBOX ***/
.paypal-buttons > div,
.paypal-buttons > span { display: inline-block; }
.paypal-buttons form {
	position: relative;
}
.paypal-buttons form input[type="text"] {
	width: 13em;
	padding: 1em;
	border-radius: 1em;
	
	background-color: #eee;
	box-shadow: 0 0 .5em #000 inset;
}
.paypal-buttons form input[type="submit"] {
	position: absolute; top: 0; bottom: 0; right: .5em;
	display: inline-block; margin: auto;
	width: 1.8em; height: 2.5em;
	border-radius: .5em;

	background-color: black; color: white;
	box-shadow: 0 0 .1em #000;
}
/*** END SANDBOX ***/

/*** TO DELETE ***/
input:-webkit-autofill {
	box-shadow: 0 0 0 1000px white inset !important;
}
input[readOnly] {
	background-color: #AAA !important;
	color: white !important;
	cursor: initial !important;
}

.js-RDBs-container {
	padding: .5em;
//	overflow-x: scroll;
}
.js-manualNav * {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 1.8em; aspect-ratio: 1/1;
	background-color: #4A4E67 !important;
	color: white;
	cursor: pointer;
	border-radius: .5em;
}
.js-RDBs-container label {
	display: inline-block;
	margin: 0 .5em;
}
.js-RDBs-container label.is-deleted {
	background-color: red !important;
}
.js-inputFile { display: none !important; }



/*** NEW ***/
/*
.calculator-data-manual_wrap { flex-direction: column-reverse; }
.js-manualNav * {
	text-indent: initial !important;
	
	width: initial !important; aspect-ratio: initial !important;
	background-size: auto 80% !important;
	background-position: 1.8% center;
	
	height: 1.6em !important;
	margin: .18em .025em;
	
	padding-left: 1.8em;
}
.js-manualNav *:last-child { padding-left: initial !important; }
*/
/*** TO DELETE ***/