.afq-calculators .afq-label {
	position:relative;
	text-transform:uppercase;
	color:#191919;
}

.afq-calculators .afq-projections .afq-label {
	color:#FFFFFF;
}

.afq-calculators .afq-field {
	width: 100%;
	border: 1px solid #DEDEDE;
	outline: none;
	box-sizing: border-box;
	padding:10px 12px;
	font-size:13px;
	cursor:text;
	margin-bottom: 10px;
	color: #191919;
	background-color: #FFFFFF;
}

.afq-calculators .afq-field:focus {
	background-color: #F1F1F1;
	border: 1px solid #CECECE;
}

/* Field Wrapper */
.afq-calculators .afq-field-wrapper {
	display:flex;
	clear:both;
	margin-bottom: 20px;
}

.afq-calculators .afq-read-only .afq-field {
	border: 1px solid rgba(241, 119, 34, 0.8);
	cursor:default;
	outline:none;
}

.afq-calculators .afq-read-only .afq-field:focus {
	background-color: #FFFFFF;
	border: 1px solid rgba(241, 119, 34, 0.8);
}

.afq-calculators .afq-field-wrapper .afq-field {
	flex:0 1 auto;
	margin-bottom:0;
}

/* Field - Before */
.afq-calculators .afq-field-wrapper:not(.afq-read-only):focus-within .afq-field-before {
	border: 1px solid #CECECE;
	border-right:0;
}

/* TODO fix spacing for after and before items */
.afq-calculators .afq-field-wrapper .afq-field-before {
	border: 1px solid #DEDEDE;
	border-right:0;
	user-select:none;
	flex:1 0 auto;
	display:block;
	font-size:13px;
	padding:6px 12px;
	color:#191919;
	background-color:#DEDEDE;
}

.afq-calculators .afq-read-only .afq-field-before {
	border: 1px solid rgba(241, 119, 34, 0.8);
	background-color:#f17722;
	color:#FFFFFF;
	border-right:none;
}

/* Field - After */
.afq-calculators .afq-field-wrapper:not(.afq-read-only):focus-within .afq-field-after {
	border: 1px solid #CECECE;
	border-left:0;
}

.afq-calculators .afq-field-wrapper .afq-field-after {
	border: 1px solid #DEDEDE;
	border-left:0;
	user-select:none;
	flex:1 0 auto;
	display:block;
	color:#191919;
	font-size:13px;
	padding:6px 12px;
	background-color:#DEDEDE;
}

.afq-calculators .afq-read-only .afq-field-after {
	border: 1px solid rgba(241, 119, 34, 0.8);
	background-color:#f17722;
	color:#FFFFFF;
	border-left:none;
}

/* Tooltips */
.afq-calculators .afq-label-tooltip .afq-tooltip {
	float:right;
}

.afq-calculators .afq-tooltip:before {
	content: '\f129';
	font-family:FontAwesome;
	padding:0 5px;
	border-radius:50%;
	font-size:12px;
	width:25px;
	line-height:25px;
	margin-left:5px;
	margin-bottom:5px;
	box-sizing: border-box;
	display:inline-block;
	background-color:#F1F1F1;
	color:#A1A1A1;
	text-align:center;
	cursor:help;
	transition:background-color 0.2s;
}

.afq-calculators .afq-tooltip:hover:before {
	opacity:1;
	color:#101010;
	background-color:#DEDEDE;
}

.afq-calculators .afq-tooltip {
  position: relative;
  text-transform: none;
  display: inline-block;
  border-bottom: none;
}

.afq-calculators .afq-tooltip .afq-tooltip-text {
	visibility: hidden;
	width: 300px;
	background-color: #FFFFFF;
	border:1px solid #191919;
	color: #191919;
	text-align: left;
	padding: 6px 12px;
	border-radius: 3px;
	position: absolute;
	z-index: 1;
	top: 125%;
	right: 0;
	opacity: 0;
	transition: opacity 0.3s;
}

.afq-calculators .afq-tooltip .afq-tooltip-text::after {
	content: "";
	position: absolute;
	bottom: 100%;
	right: 8px;
	margin-left: 0px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #191919 transparent;
}

.afq-calculators .afq-tooltip:hover .afq-tooltip-text {
	visibility: visible;
	opacity: 1;
}

/* Tabs */
.afq-calculators .afq-tabs {
	margin-bottom:20px;
}

afq-tab .afq-tab {
	font-size:12px;
	display:inline-block;
	padding:6px 12px;
	border:2px solid #FFFFFF;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing: 1px;
	border-radius:3px;
	cursor:pointer;
	transition:background-color 0.2s;
}

afq-tab .afq-tab:not(.afq-tab-selected):hover {
	background-color:rgba(255, 255, 255, 0.2);
}

afq-tab .afq-tab-selected {
	background-color:#f17722;
	border-color:#f17722;
	color:#FFFFFF;
}

.afq-title {
	font-size:34px;
	line-height:34px;
	margin:12px 0;
	text-transform:uppercase;
}

.afq-projections {
	background-color:#333232;
}