input[type=radio].awesome,
input[type=checkbox].awesome  {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    display: none;
    width: 1px;
}
    
input[type=radio].awesome + label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 7px;
    font-size: 1.2em;
}

input[type=radio].awesome:checked + label:before {
    font-family: "Font Awesome\ 5 Free";
    content: "\f192";
    letter-spacing: 4px;
    color: #4D90FE;
}

input[type=checkbox].awesome + label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f096";
    letter-spacing: 5px;
    font-size: 1.3em;
}
input[type=checkbox].awesome:checked + label:before {
    content: "\f14a"; 
    letter-spacing: 4px;       
    color: #4D90FE;
}

button.tab {
    width: 175px;
}

.tabs button.tab:nth-child(-n+3) {
	width: 226px;
}

button.tab div {
	width: 100%;
	border-bottom: dashed 1px #B2B2B2;
	font-weight: bold;
}

button.tab.disabled div {
	color: #999;
	font-weight: normal;
}

button.tab .status {
	display:block;
}


button.tab .status.checked:before {
	font: normal normal normal 14px/1 FontAwesome;
    content: '\f00c';
    margin-right: 4px;
}

button.tab.active {
    border-bottom: #6190A0 2px solid;
    padding-bottom: 0px;
}

button.tab.active div {
	color: #6190A0;
}

button.tab.active span.status {
	color: #333;
}

button.tab:hover {
    background-color: #ccdbe1 !important;
}

button.tab.active:hover div{
	color: #333 !important;
}

button.tab.disabled {
	background: white;
	border: 1px solid #f1f1f1;
	pointer-events: none;
	padding-bottom:1px;
}

button.disabled {
	pointer-events: none;
}

.row.tabs {
	min-width: 922px;
}

.popover {
	max-width: 708px !important;
}

.popover.ccby4 .ccby4,
.popover.legacy .legacy
 {
	background-color:#E4ECF0;
}

.popover.table1 a {
	color: #487E90;
}

.popover.ccby4 .ccby4 a,
.popover.legacy .legacy a {
	color:#416775;
}

.popover.ccby4.table1 .popover-title:after {
	content: ': CC-BY-4.0';
}

.popover.legacy.table1 .popover-title:after {
	content: ': Legacy';
}

.tab-content {
	display: none;
	margin-top: 20px;
}

.popover.table1 td, .popover.table1 th {
	padding: 5px;
	border: 1px solid #ddd;
}

.popover.table1 td:first-child,
.popover.table1 th {
	background-color: #f9f9f9;
}

.popover.table1 th:first-child {
	border:none;
	background-color:white;
}

.direction {
	margin-top: 20px;
}

#sites h2.optional::before {
	content: "(Optional) ";
}

#agreement h2 {display: inline; }
#agreement textarea {width: 308px; height: 200px; }
#agreement select {width: 308px; }
#agreement .policy-agreement { height: 196px; border: 1px solid #ddd; overflow: scroll; }
#agreement .row {width:674px;}

table.barred td {
	max-width: 240px;
	min-width: 210px;
}

table.barred .item
{
	min-width: 210px;
}

table.fluxnet .item {
	min-width: 145px;
}

table.other .item {
	min-width: 190px;
}

table.barred td ul {
	margin-left:30px;
	padding:0px;
}

table.barred td ul li {
	text-indent: -4px;
}

.barred td {vertical-align: top; }	
.barred td:not(.item) { border-right:3px #ddd solid; padding:0px 15px;}
.barred td:last-child {border-right:none;}
.barred tr.blank {height: 30px;}
.barred td.item {font-size:16px; display:flex;}
.barred td.item > span {flex:auto; position:relative; top: -5px;}
.barred td.item span.bar {flex-grow:auto}
.barred td.item span.bar {
	background-color:#ddd; 
	height:4px; 
	position:relative; 
	top: 7px; 
}

#download ul {
	padding-left: 0px;
	list-style: none;
}

#download li {
    display: inline;
    margin-right: 20px;
    cursor: pointer;
    white-space: nowrap;
}

#download #file-links li {
    float:left;
    width: 14%;
    margin-right: 5px;
}

.data-message {
	margin-top: 20px;
}
.data-message i.fa {
    color: #CC4B37;
}

.entry-content #refinement p {
	margin-bottom: 10px;
}

.entry-content #refinement ul {
	padding-left: 20px;
}

@media (min-width: 1200px) {
.container.full-size {
    width: 1170px !important;
}
}
@media (min-width: 992px) {
.container.full-size {
    width: 1170px !important;
}
}
@media (min-width: 768px) {
.container.full-size {
    width: 1170px !important;
}
}