﻿
.section-types-container { margin: 0 0 50px 0; }
.section-type { margin: 0 0 10px 0; }

.section-type h3 { font-weight: normal; margin-bottom: 10px; }

.section-type-title,
.jr-section-header { background-color:  #5482ab; padding: 10px; color: #ffffff; font-weight: normal; margin-bottom: 15px; }

.section-type-select-all,
.jr-section-select-all,
.jr-subsection-select-all { margin: 0 0 10px 0; display: block; }

.jr-subsection-select-all { margin-top: 0; }

.section-type-select-all label.checkbox2:before,
.jr-section-select-all label.checkbox2:before { background-image: url("/_assets/checkbox-unticked.png"); }

.section-type-select-all label.checkbox2.checked:before,
.jr-section-select-all label.checkbox2.checked:before { background-image: url("/_assets/checkbox-ticked.png"); }

.jr-subsection-select-all label.checkbox2:before { background-image: url("/_assets/checkbox-unticked.png"); }
.jr-subsection-select-all label.checkbox2.checked:before { background-image: url("/_assets/checkbox-ticked.png"); }

.section-type-option { display: inline-block; padding: 0 10px 10px 0; min-width: 80px; }

.section-button { padding: 14px; background-color: #d1d3d4; color: #000000; font-size: 14px; width: 100%; cursor: pointer; font-family: berlingske_sans_roundmedium, sans-serif; }

.section-button:hover,
label.jr-section-option.checkbox2:hover { background-color: #c0c0c0; color: #000000; }

.section-button.selected,
label.jr-section-option.checkbox2.checked { background-color: #585858; color: #ffffff; }

.section-button.selected:hover,
label.jr-section-option.checkbox2.checked:hover { background-color: #111111; color: #ffffff; }

.jurisdictions-container h3 { margin-bottom: 10px; }

.jurisdiction-regions-container.jr-list-wrapper { background-color: transparent; padding: 0; }

.jurisdiction-regions-container.jr-list-wrapper .jr-section .jr-section-list { padding: 0; margin-bottom: 40px; font-size: 16px; }

.jr-subjurisdiction-list { font-size: 0; margin-top: 20px; }
.jr-subjurisdiction-title { font-size: 16px; border-top: 1px dotted #333333; padding: 10px; margin-bottom: 10px; font-family: berlingske_sans_roundmedium, sans-serif; background-color: #f0f0f0; }

label.checkbox2.select-all { /*font-weight: bold;*/ }

label.jr-section-option.checkbox2,
.jr-section-options label { display: grid; padding: 14px; min-width: 80px; background-color: #d1d3d4; color: #000000; font-size: 15px; cursor: pointer; font-family: berlingske_sans_roundmedium, sans-serif; align-content: center; text-align: center; }

label.jr-section-option.checkbox2:before { display: none; }

.us-states { margin: 20px 0 0 0; }
.us-states h4 { font-size: 16px; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px; margin-bottom: 12px; }

.generate-report-buttons { margin-top: 30px; }

div.generate-report-button-container { margin-top: 10px; font-size: 0; }
div.generate-report-button-container button.btn.btn-generate-report { width: 50%; font-size: 16px;  }

.button-pointer { display: inline-block; width: 50%; font-size: 0; position: relative; vertical-align: middle; background-color: #eceeed; }
.button-pointer .pointer-tip { width: 40px;/*border-top: 27px solid #ffffff; border-left: 0; border-bottom: 27px solid #ffffff; border-right: 20px solid #eceeed;*/ display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; background-image: url("/_assets/blockchain-report-button-arrow.png"); background-size: 25px 100%; background-position: top right; background-repeat: no-repeat; }
.button-pointer .pointer-content { font-size: 13px; background-color: #eceeed; padding: 0 10px; display: inline-block; vertical-align: middle; line-height: 1.2em; padding: 10px 10px 10px 0; border-left: 40px solid #ffffff; color: #000000; font-family: berlingske_sans_roundregular, sans-serif; }
.button-pointer .pointer-text { }

.expander { padding-right: 40px; position: relative; cursor: pointer; }
.expander:after { content: ""; position: absolute; top: 50%; margin-top: -10px; right: 20px; width: 20px; height: 20px; background-image: url("/_assets/icon-plus-white.png"); background-size: cover; background-position: center; background-repeat: no-repeat; }

.expander.expanded:after { background-image: url("/_assets/icon-minus-white.png"); }

.expander-section { display: none; }