button {
	background-color: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
}

button.text {
	border: none;
	text-decoration: underline;
	background-color: transparent;
	color: #000000;
	color: var(--color-black);
	padding: 0;
	min-width: 0;
}

button.text:hover,
button.text:focus {
	color: #0A8F00;
	color: var(--color-green-verde-light-20);
}

button.text:active {
	color: #076600;
	color: var(--color-green-verde-dark-20);
}

.button,
input[type="submit"] {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 10em;
	font-weight: 500;
	font-size: 16px;
	height: 32px;
	/* line-height: 30px; */
	/* vertical-align: middle; */
	box-sizing: border-box;
	color: #FFFFFF;
	color: var(--color-white);
	border: 1px solid #087900;
	border: 1px solid var(--color-green-verde);
	background-color: #087900;
	background-color: var(--color-green-verde);
	display: inline-block;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	padding: 0 24px;
	padding-bottom: 1px;
	-webkit-appearance: button;
}

.button::-moz-focus-inner {
	position: relative;
	border: 0;
	padding: 0;
	outline: 0;
}

.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	border-color: #0A8F00;
	border-color: var(--color-green-verde-light-20);
	background-color: #0A8F00;
	background-color: var(--color-green-verde-light-20);
}

.button:focus,
input[type="submit"]:focus {
	/* outline: 1px dotted var(--color-black);
	outline-offset: 4px; */
	outline: none;

	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #0A8F00;

	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--color-green-verde-light-20);
}

.button:active,
input[type="submit"]:active {
	border: 1px solid #076600;
	border: 1px solid var(--color-green-verde-dark-20);
	background-color: #076600;
	background-color: var(--color-green-verde-dark-20);
}

.button.warn {
	background-color: #C11312;
	background-color: var(--color-red-roja);
	border-color: #C11312;
	border-color: var(--color-red-roja);
}

.button.warn:hover,
.button.warn:focus {
	background-color: #DB1414;
	background-color: var(--color-red-roja-light-20);
	border-color: #DB1414;
	border-color: var(--color-red-roja-light-20);
}

.button.warn:focus {
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #DB1414;
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--color-red-roja-light-20);
}

.button.warn:active {
	background-color: #A30F0F;
	background-color: var(--color-red-roja-dark-20);
	border-color: #A30F0F;
	border-color: var(--color-red-roja-dark-20);
}

.button.quick-link {
	background-color: #F1F1F1;
	background-color: var(--color-gray-nickel);
	border-color: #F1F1F1;
	border-color: var(--color-gray-nickel);
	color: #333333;
	color: var(--color-gray-charcoal);
}

.button.quick-link:hover,
.button.quick-link:focus {
	color: #087900;
	color: var(--color-green-verde);
}

.button.quick-link:focus {
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #F1F1F1;
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--color-gray-nickel);
}

.button.quick-link:active {
	color: #333333;
	color: var(--color-gray-charcoal);
	background-color: #C0C0C0;
	background-color: var(--color-gray-nickel-dark-20);
	border-color: #C0C0C0;
	border-color: var(--color-gray-nickel-dark-20);
}

.shaded .button.quick-link {
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-color: #FFFFFF;
	border-color: var(--color-white);
	color: #333333;
	color: var(--color-gray-charcoal);
}

.shaded .button.quick-link:hover,
.shaded .button.quick-link:focus {
	color: #087900;
	color: var(--color-green-verde);
}

.shaded .button.quick-link:active {
	color: #333333;
	color: var(--color-gray-charcoal);
	background-color: #C0C0C0;
	background-color: var(--color-gray-nickel-dark-20);
	border-color: #C0C0C0;
	border-color: var(--color-gray-nickel-dark-20);
}

.button > i[class^='icon-'] {
	margin-right: 8px;
}

.shaded .button.footer-button {
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-color: #FFFFFF;
	border-color: var(--color-white);
	color: #666666;
	color: var(--color-gray-iron);
	padding: 0 16px;
}

.shaded .button.footer-button:hover,
.shaded .button.footer-button:focus {
	color: #087900;
	color: var(--color-green-verde);
}


.shaded .button.quick-link:focus,
.shaded .button.footer-button:focus {
	box-shadow: 0 0 0 2px #F1F1F1, 0 0 0 4px #0A8F00;
	box-shadow: 0 0 0 2px #F1F1F1, 0 0 0 4px var(--color-green-verde-light-20);
}


.shaded .button.footer-button:active {
	color: #333333;
	color: var(--color-gray-charcoal);
	background-color: #C0C0C0;
	background-color: var(--color-gray-nickel-dark-20);
	border-color: #C0C0C0;
	border-color: var(--color-gray-nickel-dark-20);
}

.button.large {
	height: 48px;
	font-size: 20px;
	padding: 0 40px;
	padding-bottom: 2px;
}

.button.mobile {
	height: 40px;
	font-size: 16px;
	padding: 0 32px;
	line-height: 24px;
}

.button.compact {
	font-size: 14px;
	height: 24px;
	padding: 0 16px;
	padding-bottom: 1px;
}

.button.secondary {
	border: 2px solid #666666;
	border: 2px solid var(--color-gray-iron);
	color: #000000;
	color: var(--color-black);
	background-color: #FFFFFF;
	background-color: var(--color-white);
}

.button.secondary:hover,
.button.secondary:focus {
	background-color: #F7F7F7;
	background-color: var(--color-gray-platinum);
	border-color: #999999;
	border-color: var(--color-gray-stone);
}

.button.secondary:focus {
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #999999;
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--color-gray-stone);
}

.button.secondary:active {
	color: #FFFFFF;
	color: var(--color-white);
	border-color: #666666;
	border-color: var(--color-gray-iron);
	background-color: #666666;
	background-color: var(--color-gray-iron);
}

.button:disabled {
	color: #999999 !important;
	color: var(--color-gray-stone) !important;
	border-color: #D8D8D8 !important;
	border-color: var(--color-gray-ash) !important;
	background-color:  #D8D8D8 !important;
	background-color:  var(--color-gray-ash) !important;
	cursor: default;
}

.button.secondary:disabled {
	color: #999999 !important;
	color: var(--color-gray-stone) !important;
	border-color: #D8D8D8 !important;
	border-color: var(--color-gray-ash) !important;
	background-color: #FFFFFF !important;
	background-color: var(--color-white) !important;
}

.button .icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 8px;
	background-size: contain;
	line-height: .1;
	padding: 0;
	margin-left: -16px;
	margin-top: -4px;
}

.button .icon.right {
	margin-left: 8px;

	margin-right: -16px;
}

.btn-symbol {
	font-size: medium;
	font-size: initial;
}


/* Here are some nasty hacks to style the inputs on mobile (And friggin EDGE) */

input[type="date"].datepicker {
    -webkit-appearance: none;
}

input[type=date].datepicker::-webkit-inner-spin-button,
input[type=date].datepicker::-webkit-calendar-picker-indicator,
::-webkit-clear-button {
    display: none;
    -webkit-appearance: none;
}


input[type=text]::-ms-clear {
	display: none;
	width : 0;
 	height: 0;
}


input[type="date"].datepicker::before {
	content: attr(placeholder);
	color: #666666;
	color: var(--color-gray-iron);
}

input[type="date"].datepicker:focus::before,
/* input[type="date"]:valid::before, */
input[type="date"].datepicker.has-content::before {
	content: '';
}

 /* End hack zone */


.datepicker-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 288px;
	max-width: var(--input-default-width);
	background-color: #FFFFFF;
	background-color: var(--color-white);
}

.datepicker-wrapper.expanded {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-top: -2px;
	max-width: 288px;
	max-width: var(--input-default-width);
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-top: 2px solid #087900;
	border-top: 2px solid var(--color-green-verde);
	border-radius: 3px;
	border-radius: var(--default-border-radius);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	z-index: 1000;
}


.datepicker-wrapper.expanded.invalid {
	border-color: #C11312;
	border-color: var(--color-red-roja);
}

.calendar-popup {
	border-radius: 3px;
	border-radius: var(--default-border-radius);
	width: 100%;
	max-width:  288px;
	max-width:  var(--input-default-width);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding-top: 40px;
	position: absolute;
	background-color: #FFFFFF;
	background-color: var(--color-white);
	top: 0;
	display: none;
	/* opacity: 0; */
	/* transition: opacity 2s; */
	outline: 0;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
}

.datepicker-wrapper input.datepicker {
	z-index: 100;
}

.datepicker-wrapper button.icon-calendar {
	position: absolute;
	right: 0;
	top: 2px;
	width: 38px;
	z-index: 200;
	height: 38px;
}

.datepicker-wrapper.expanded input.datepicker {
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-color: transparent;
	border-bottom: 1px solid #D8D8D8;
	border-bottom: 1px solid var(--color-gray-ash);
	border-radius: 0px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.datepicker-wrapper.expanded .calendar-popup {
	display: block;
	-webkit-animation: slide-down .2s ease-out;
	-moz-animation: slide-down .2s ease-out;
}

@-webkit-keyframes slide-down {
   0% { opacity: 0;  }
 100% { opacity: 1;}
}

.datepicker-wrapper button:focus,
.datepicker-wrapper button::-moz-focus-inner,
.datepicker-wrapper button:focus [class^="icon-"],
.datepicker-wrapper button:focus [class*="icon-"] {
	border: 0;
	outline: 0;
}

.calendar-navigation {
	height: 48px;
	margin-bottom: 8px;
	align-items: center;
	background-color: #F7F7F7;
	background-color: var(--color-gray-platinum);
	display: flex;
	padding: 0 8px;
}

.calendar-navigation button.icon-prev:hover,
.calendar-navigation button.icon-prev:focus,
.calendar-navigation button.icon-next:hover,
.calendar-navigation button.icon-next:focus {
	background-color: #E6E7E9;
	background-color: var(--color-gray-aluminum);
}

.calendar-dropdowns {
	flex-grow: 1;
	text-align: center;
	font-size: 0;
}

.calendar-monthview {
	padding: 8px;
}

.datepicker-wrapper tda-dropdown {
	width: auto;
	display: inline;
}

.datepicker-wrapper .dropdown-wrapper {
	display: inline;
}

.datepicker-wrapper tda-dropdown.month .dropdown-button {
	max-width: 122px;
}

.datepicker-wrapper tda-dropdown.year .dropdown-button {
	max-width: 74px;
}

.calendar-navigation .dropdown-button {
	background-color: #FFFFFF;
	background-color: var(--color-white);
	font-size: 14px;
	border-radius: 0;
	font-weight: 500;
}


.calendar-navigation .dropdown-button:active {
	box-shadow: none;
}

.calendar-navigation .dropdown-button[aria-expanded=true],
.calendar-navigation .dropdown-button:hover,
.calendar-navigation .dropdown-button:focus {
	border: 1px solid #087900;
	border: 1px solid var(--color-green-verde);
	color: #087900;
	color: var(--color-green-verde);
	background-color: #ECF7EB;
	background-color: var(--color-green-tea);
	box-shadow: none;
}

.calendar-navigation .dropdown-button:focus::after,
.calendar-navigation .dropdown-button:hover::after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='icons/utility/arrow-drop-down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M8.33031421,11.8617311 L11.2159116,14.681546 C11.6504224,15.1061513 12.3523245,15.1061513 12.7868353,14.681546 L15.6724327,11.8617311 C16.3743348,11.1758302 15.8729762,10 14.8814002,10 L9.1102054,10 C8.11862946,10 7.62841214,11.1758302 8.33031421,11.8617311 Z' id='arrow-drop-down-icon' fill='%23087900'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.calendar-navigation .dropdown-scroll-parent {
	top: auto;
	right: 0;
	max-height: 384px;
	border: none;
}

.calendar-navigation .dropdown-list li {
	font-size: 14px;
	padding: 0 16px;
}

.calendar-navigation tda-dropdown:first-child button {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	padding-left: 16px;
}

.calendar-navigation tda-dropdown:last-child button {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-left: -1px;
}

.calendar-navigation .dropdown-scroll-parent {
	top: 12px;
}

.calendar-navigation .dropdown-scroll-parent::after {
	content: " ";
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='14px' viewBox='0 0 20 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,14 L9.25640768,1.33648412 C9.58231763,0.89061289 10.2079699,0.793365063 10.6538411,1.11927501 C10.7387838,1.18136395 10.8133956,1.25646931 10.8749232,1.34181951 L20,14 L0,14 Z' id='path-1'%3E%3C/path%3E%3Cfilter x='-35.0%25' y='-39.0%25' width='170.0%25' height='208.3%25' filterUnits='objectBoundingBox' id='filter-2'%3E%3CfeOffset dx='0' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='2' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Menu-Background'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-2)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	width: 14px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: -15px;
	right: 10px;
}

.calendar-weekdays {
	display: flex;
	text-align: center;
	line-height: 16px;
	color: #666666;
	color: var(--color-gray-iron);
	font-size: 11px;
	font-weight: 500;
}

.calendar-weekday {
	padding-bottom: 8px;
	flex-basis: 14.2857%;
	max-width: 14.2857%;
	overflow: hidden;
}

.calendar-days {
	display: flex;
	flex-wrap: wrap;
}

.calendar-day {
	max-width: 100%;
	text-align: center;
	font-size: 16px;
	color: #000000;
	color: var(--color-black);
	height: 32px;
	background: none;
	border-radius: 3px;
	border-radius: var(--default-border-radius);
	flex-basis: 14.2857%;
	max-width: 14.2857%;
	overflow: hidden;
	margin: 0;
}

.calendar-day:enabled:hover,
.calendar-day:enabled:focus {
    background-color: #ECF7EB;
    background-color: var(--color-green-tea);
}

.calendar-day:disabled {
	color: #999999;
	color: var(--color-gray-stone);
	border-color: #D8D8D8;
	border-color: var(--color-gray-ash);
	background-color: #D8D8D8;
	background-color: var(--color-gray-ash);
	border-radius: 0;
	cursor: default;
}
/*
.calendar-day.disabled:first-of-type {
	border-top-left-radius: var(--default-border-radius);
	border-bottom-left-radius: var(--default-border-radius);
}


.calendar-day.disabled + .calendar-day.enabled {
	border-top-right-radius: var(--default-border-radius);
	border-bottom-right-radius: var(--default-border-radius);
} */

/* .calendar-day.disabled:last-of-type {
	border-top-right-radius: var(--default-border-radius);
	border-bottom-right-radius: var(--default-border-radius);
} */

.calendar-day.active,
.calendar-day.active:focus {
    background: #087900;
    background: var(--color-green-verde);
    color: #FFFFFF;
    color: var(--color-white);
}

.neighboring-month {
	color: #999999;
	color: var(--color-gray-stone);
}


* {
	box-sizing: border-box;
}

tda-dropdown {
	display: inline-block;
	/* width: 100%; */
	min-width: 288px;
	min-width: var(--input-default-width);
	margin-bottom: 24px;
	width: auto;

	max-width: 100%;
}

tda-dropdown option {
	display: none;
}

select.dropdown-native option {
    display: block;
}

.dropdown-wrapper {
	position: relative;
}

select.dropdown-native {
	display: none;

	max-width: 100%;

    text-align: left;
	position: relative;
    font-size: 16px;
	height: 40px;

	padding: 0 32px 0 8px;

	z-index: 20;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;

    color: #000000;

    color: var(--color-black);
	background-color: #F1F1F1;
	background-color: var(--color-gray-nickel);
	border: 1px solid #666666;
	border: 1px solid var(--color-gray-iron);
	border-radius: 3px;
	border-radius: var(--default-border-radius);
	outline: 0;
	transition: background-color .2s, border-color .2s;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* background: url(http://www.stackoverflow.com/favicon.ico) 96% / 15% no-repeat; */

	background-position: center right 8px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='icons/utility/arrow-drop-down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M8.33031421,11.8617311 L11.2159116,14.681546 C11.6504224,15.1061513 12.3523245,15.1061513 12.7868353,14.681546 L15.6724327,11.8617311 C16.3743348,11.1758302 15.8729762,10 14.8814002,10 L9.1102054,10 C8.11862946,10 7.62841214,11.1758302 8.33031421,11.8617311 Z' id='arrow-drop-down-icon' fill='%23666666'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	margin-bottom: 24px;

}

select.dropdown-native::-ms-expand {
  display: none;
}

.dropdown-button {
    text-align: left;
	position: relative;
    font-size: 16px;
	height: 40px;

    width: 100%;

	padding: 0 32px 0 8px;

	z-index: 20;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;

    color: #000000;

    color: var(--color-black);
	background-color: #F1F1F1;
	background-color: var(--color-gray-nickel);
	border: 1px solid #666666;
	border: 1px solid var(--color-gray-iron);
	border-radius: 3px;
	border-radius: var(--default-border-radius);
	outline: 0;
	transition: background-color .2s, border-color .2s;

	/* display: flex;
    flex-basis: revert;
    align-items: center; */
}

.dropdown-button::-moz-focus-inner {
   border: 0;
}

.dropdown-button.label {
	color: #666666;
	color: var(--color-gray-iron);
}

.dropdown-button::after {
	content: ' ';
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='icons/utility/arrow-drop-down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M8.33031421,11.8617311 L11.2159116,14.681546 C11.6504224,15.1061513 12.3523245,15.1061513 12.7868353,14.681546 L15.6724327,11.8617311 C16.3743348,11.1758302 15.8729762,10 14.8814002,10 L9.1102054,10 C8.11862946,10 7.62841214,11.1758302 8.33031421,11.8617311 Z' id='arrow-drop-down-icon' fill='%23666666'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	transition: -webkit-transform 0.15s ease;
	transition: transform 0.15s ease;
	transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}

.dropdown-button:hover,
select.dropdown-native:hover {
	background-color: #ECF7EB;
	background-color: var(--color-green-tea);
	border-color: #83BC7F;
	border-color: var(--color-green-verde-light-50);
	z-index: 100;
}

.dropdown-button:focus,
select.dropdown-native:focus {
	border-color: #087900;
	border-color: var(--color-green-verde);
	box-shadow: 0 0 0 1px #087900;
	box-shadow: 0 0 0 1px var(--color-green-verde);
	z-index: 100;
}

tda-dropdown.invalid .dropdown-button,
tda-dropdown[invalid] .dropdown-button,
tda-dropdown input.invalid + .dropdown-button,
tda-dropdown input[invalid] + .dropdown-button {
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-color: #C11312;
	border-color: var(--color-red-roja);
}

tda-dropdown.invalid .dropdown-button:hover,
tda-dropdown[invalid] .dropdown-button:hover,
tda-dropdown input.invalid + .dropdown-button:hover,
tda-dropdown input[invalid] + .dropdown-button:hover {
	background-color: #FAD1CF;
	background-color: var(--color-red-rose);
	border-color: #E08989;
	border-color: var(--color-red-roja-light-50);
}

tda-dropdown.invalid .dropdown-button:focus,
tda-dropdown[invalid] .dropdown-button:focus,
tda-dropdown input.invalid + .dropdown-button:focus,
tda-dropdown input[invalid] + .dropdown-button:focus {
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-color: #C11312;
	border-color: var(--color-red-roja);
	box-shadow: 0 0  0 1px #C11312;
	box-shadow: 0 0  0 1px var(--color-red-roja);
}

tda-dropdown.invalid .dropdown-button.expanded,
tda-dropdown[invalid] .dropdown-button.expanded,
tda-dropdown input.invalid + .dropdown-button.expanded,
tda-dropdown input[invalid] + .dropdown-button.expanded {
	border-bottom: 1px solid transparent;
}

tda-dropdown[disabled] .dropdown-button:hover,
tda-dropdown[disabled] .dropdown-button:focus,
tda-dropdown[disabled] .dropdown-button {
	background-color: #F1F1F1;
	background-color: var(--color-gray-nickel);
	border-color: #F1F1F1;
	border-color: var(--color-gray-nickel);
	color: #999999;
	color: var(--color-gray-stone);
	cursor: default;
	box-shadow: none;
}

tda-dropdown[disabled] .dropdown-button::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='icons/utility/arrow-drop-down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M8.33031421,11.8617311 L11.2159116,14.681546 C11.6504224,15.1061513 12.3523245,15.1061513 12.7868353,14.681546 L15.6724327,11.8617311 C16.3743348,11.1758302 15.8729762,10 14.8814002,10 L9.1102054,10 C8.11862946,10 7.62841214,11.1758302 8.33031421,11.8617311 Z' id='arrow-drop-down-icon' fill='%23999999'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.dropdown-button .icon {
    height: 20px;
	position: relative;
    margin-right: 8px;
    vertical-align: text-bottom;
    background-color: transparent;
}

.dropdown-list .icon {
	height: 20px;
	position: relative;
	margin-right: 8px;
	vertical-align: text-bottom;
	background-color: transparent;
	display: none;
}

.dropdown-list {
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	max-height: 280px;
}

.dropdown-scroll-parent {
	position: absolute;
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-radius: 3px;
	border-radius: var(--default-border-radius);
	border-top: 1px solid #D8D8D8;
	border-top: 1px solid var(--color-gray-ash);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
	margin: 0;
	margin-top: -1px;
	padding: 0;
	list-style-type: none;
	z-index: 100;
	display: none;
	min-width: 100%;
}

tda-dropdown[expanded] .dropdown-scroll-parent {
	display: block;
	-webkit-animation: fadein .25s;
	        animation: fadein .25s;
}

.dropdown-list li {
	padding: 0 16px;
	height: 40px;
	color: #000000;
	color: var(--color-black);
	font-size: 16px;
	position: relative;
	cursor: pointer;
	border: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.dropdown-list li[disabled] {
	cursor: default;
	opacity: 0.5;
}

.dropdown-list .option-group {
	display: block;
	height: auto;
	overflow: auto;
	max-height: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.dropdown-list .option-group li:not(.label) {
	padding-left: 40px;
	font-size: 14px;
}

.dropdown-list li.label {
	color: #666666;
	color: var(--color-gray-iron);
	padding: 0 39px 0 8px;
	/* line-height: 30px; */
	cursor: default;
}

.dropdown-list li.label::after {
	content: ' ';
	position: absolute;
	-webkit-transform: rotateX(180deg);
	        transform: rotateX(180deg);
	right: 0;
	top: 0;
	width: 32px;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='icons/utility/arrow-drop-down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M8.33031421,11.8617311 L11.2159116,14.681546 C11.6504224,15.1061513 12.3523245,15.1061513 12.7868353,14.681546 L15.6724327,11.8617311 C16.3743348,11.1758302 15.8729762,10 14.8814002,10 L9.1102054,10 C8.11862946,10 7.62841214,11.1758302 8.33031421,11.8617311 Z' id='arrow-drop-down-icon' fill='%23666666'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.dropdown-list li:not(.label):not([disabled]):focus {
	background-color: #ECF7EB;
	background-color: var(--color-green-tea);
	outline: 0;
}

.dropdown-list li:not(.label)[selected] {
	color: #FFFFFF;
	color: var(--color-white);
	background-color: #087900;
	background-color: var(--color-green-verde);
}


.dropdown-list li:not(.label)[selected]:focus {
	background-color: #0A8F00;
	background-color: var(--color-green-verde-light-20);
}

tda-dropdown.large .dropdown-button,
tda-dropdown.large .dropdown-list li {
	font-size: 20px;
	height: 48px;
}

tda-dropdown.small .dropdown-button,
tda-dropdown.small .dropdown-list li {
	height: 32px;
}

tda-dropdown.compact .dropdown-button,
tda-dropdown.compact .dropdown-list li {
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	display: block;
}

tda-dropdown.compact {
	min-width: 138px;
	min-width: var(--input-compact-width);
}
/*
tda-dropdown.compact .dropdown-scroll-parent {
	min-width: var(--input-compact-width);
}

tda-dropdown.compact .dropdown-button {
	min-width: var(--input-compact-width);
}

tda-dropdown.compact .dropdown-list {
	min-width: var(--input-compact-width);
	width: 100%;
} */

.dropdown-button.expanded {
	padding-left: 9px;
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-color: transparent;
	border: none;
	border-top: 2px solid #087900;
	border-top: 2px solid var(--color-green-verde);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
	border-bottom: 1px solid #FFFFFF;
	border-bottom: 1px solid var(--color-white);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	/* top: -.5px; */
	top: -1px;
	padding-top: 1px;
	padding-right: 33px;
}

.dropdown-button.expanded::after {
	right: 1px;
	-webkit-transform: rotateX(180deg);
	        transform: rotateX(180deg);
}

.dropdown-above .dropdown-button.expanded {
	border-radius: 3px;
	border-radius: var(--default-border-radius);
	padding-left: 9px;
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-color: transparent;
	border: none;
	border-bottom: 2px solid #087900;
	border-bottom: 2px solid var(--color-green-verde);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
	border-top: 1px solid #FFFFFF;
	border-top: 1px solid var(--color-white);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	z-index: 101;
	top: .5px;
	/* height: 39px; */
}


tda-dropdown.invalid {
	margin-bottom: 0;
}

/* .dropdown-button.expanded::after {
	right: 1px;
} */

@-webkit-keyframes fadein {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadein {
    from { opacity: 0; }
      to { opacity: 1; }
}


fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

legend {
    margin: 0;
    padding: 0;
	width: 1px;
	height: 1px;
    font-size: 1px;
    font-weight: bold;
	visibility: hidden;
}

input[type="text"],
input[type="date"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="search"],
textarea {
	width: 100%;
	max-width: 288px;
	max-width: var(--input-default-width);
	height: 40px;
	line-height: 31px;
	position: relative;
	padding: 0 8px;
    color: #000000;
    color: var(--color-black);
	background-color: #F1F1F1;
	background-color: var(--color-gray-nickel);
	border: 1px solid #666666;
	border: 1px solid var(--color-gray-iron);
	border-radius: 3px;
	border-radius: var(--default-border-radius);
	outline: none;
	outline-color: transparent;
  	outline-style: none;
	-webkit-appearance: none;
	margin-bottom: 24px;
	transition: background-color .2s, border-color .2s;
}

input[type="search"] {
    padding-left: 34px;
}

input[type=file] {
	border: none;
	width: auto;
	overflow: visible;
	line-height: normal;
	white-space: normal;
	padding: 0;
	height: auto;
}

textarea {
	width: 276px;
	padding: 8px;
	background-color: #FFFFFF;
	background-color: var(--color-white);
	font-weight: normal;
	display: inline-block;
	line-height: 18px;
	overflow: auto;
	height: auto;
}

textarea.cke_source {
	max-width: none;
	width: 100%;
}

input[type="text"]:hover,
input[type="date"]:hover,
input[type="password"]:hover,
input[type="url"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
textarea:hover {
	background-color: #ECF7EB;
	background-color: var(--color-green-tea);
	border-color: #83BC7F;
	border-color: var(--color-green-verde-light-50);
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: none;
	outline-color: transparent;
	outline-style: none;
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-color: #087900;
	border-color: var(--color-green-verde);
	box-shadow: 0 0  0 1px #087900;
	box-shadow: 0 0  0 1px var(--color-green-verde);
}

input.invalid[type="text"],
input.invalid[type="date"],
input.invalid[type="password"],
input.invalid[type="url"],
input.invalid[type="email"],
input.invalid[type="search"],
textarea.invalid {
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-color: #C11312;
	border-color: var(--color-red-roja);

	margin-bottom: 0;
}

input.invalid[type="text"]:hover,
input.invalid[type="date"]:hover,
input.invalid[type="password"]:hover,
input.invalid[type="url"]:hover,
input.invalid[type="email"]:hover,
input.invalid[type="search"]:hover,
textarea.invalid:hover {
	background-color: #FAD1CF;
	background-color: var(--color-red-rose);
	border-color: #E08989;
	border-color: var(--color-red-roja-light-50);
}



input.invalid[type="text"]:focus,
input.invalid[type="date"]:focus,
input.invalid[type="password"]:focus,
input.invalid[type="url"]:focus,
input.invalid[type="email"]:focus,
input.invalid[type="search"]:focus,
textarea.invalid:focus {
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-color: #C11312;
	border-color: var(--color-red-roja);
	box-shadow: 0 0  0 1px #C11312;
	box-shadow: 0 0  0 1px var(--color-red-roja);
}

input[type="text"][disabled],
input[type="date"][disabled],
input[type="password"][disabled],
input[type="url"][disabled],
input[type="email"][disabled],
input[type="search"][disabled],
textarea[disabled] {
    background-color: #E6E7E9 !important;
    background-color: var(--color-gray-aluminum) !important;
	color: #999999 !important;
	color: var(--color-gray-stone) !important;
	border: 1px solid #E6E7E9 !important;
	border: 1px solid var(--color-gray-aluminum) !important;
	border-color: #E6E7E9 !important;
	border-color: var(--color-gray-aluminum) !important;
}


/* input[type="text"]:hover[disabled],
input[type="date"]:hover[disabled],
input[type="password"]:hover[disabled],
input[type="url"]:hover[disabled],
input[type="email"]:hover[disabled],
input[type="search"]:hover[disabled],
textarea:hover[disabled],
textarea:hover:read-only {
    background-color: var(--color-gray-aluminum);
	color: var(--color-gray-stone);
	border: 1px solid var(--color-gray-aluminum);
	border: none;
} */

input[type="text"].large,
input[type="date"].large,
input[type="password"].large,
input[type="url"].large,
input[type="email"].large,
input[type="search"].large {
	font-size: 20px;
	height: 48px;
}

input[type="text"].small,
input[type="date"].small,
input[type="password"].small,
input[type="url"].small,
input[type="email"].small,
input[type="search"].small {
	height: 32px;
}

input[type="text"].compact,
input[type="date"].compact,
input[type="password"].compact,
input[type="url"].compact,
input[type="email"].compact,
input[type="search"].compact {
	height: 24px;
	line-height: 14px;
	font-size: 14px;
	max-width: 138px;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666666;
  color: var(--color-gray-iron);
}

::-moz-placeholder { /* Firefox 19+ */
  color: #666666;
  color: var(--color-gray-iron);
  opacity: 1;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #666666;
  color: var(--color-gray-iron);
}

::-ms-input-placeholder { /* Firefox 18- */
  color: #666666;
  color: var(--color-gray-iron);
}

::placeholder { /* Firefox 18- */
  color: #666666;
  color: var(--color-gray-iron);
}


input[disabled]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #999999 !important;
	color: var(--color-gray-stone) !important;
}

input[disabled]::-moz-placeholder {
	color: #999999 !important;
	color: var(--color-gray-stone) !important;
}

input[disabled] -ms-input-placeholder { /* IE 10+ */
	color: #999999 !important;
	color: var(--color-gray-stone) !important;
}

input[disabled]::-webkit-input-placeholder { /* Firefox 18- */
	color: #999999 !important;
	color: var(--color-gray-stone) !important;
}

input[disabled]::-moz-placeholder { /* Firefox 18- */
	color: #999999 !important;
	color: var(--color-gray-stone) !important;
}

input[disabled]:-ms-input-placeholder { /* Firefox 18- */
	color: #999999 !important;
	color: var(--color-gray-stone) !important;
}

input[disabled]::-ms-input-placeholder { /* Firefox 18- */
	color: #999999 !important;
	color: var(--color-gray-stone) !important;
}

input[disabled]::placeholder { /* Firefox 18- */
	color: #999999 !important;
	color: var(--color-gray-stone) !important;
}

.field-error-message {
	font: 12px 'TDASansDisplay', helvetica, arial, sans-serif;
	font: var(--font-tda-12);
	display: none;
}

.field-error-message.invalid {
	margin-top: 4px;
	min-height: 24px;
	display: block;
}



.loader,
.loader::after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.loader {
	display: block;
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	/* border-top: 1.1em solid rgba(0,0,0,0.2); */
	border-right: 1.1em solid rgba(0,0,0,0.2);
	/* border-bottom: 1.1em solid rgba(0,0,0,0.2); */
	/*border-left: 1.1em solid #333;*/
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	-webkit-animation: load8 2.1s infinite linear;
	        animation: load8 2.1s infinite linear;
}

@-webkit-keyframes load8 {

	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

@keyframes load8 {

	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}



.message {
	background-color: #EBF5FF;
	color: #29292B;
	position: relative;
	padding: 12px 16px 12px 44px;
	font: 16px/22px 'TDASansDisplay', helvetica, arial, sans-serif;
	font: var(--font-tda-16);
	/* display: none; */
}

.message::before {
	content: ' ';
	position: absolute;
	left: 14px;
	top: 14px;
	width: 20px;
	height: 20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='icons/utility/info' stroke='none' fill='none' stroke-width='1' fill-rule='evenodd'%3E%3Cpath d='M12,20 C16.411,20 20,16.41 20,12 C20,7.59 16.411,4 12,4 C7.59,4 4,7.59 4,12 C4,16.41 7.59,20 12,20 Z M12,2 C17.52,2 22,6.48 22,12 C22,17.52 17.52,22 12,22 C6.48,22 2,17.52 2,12 C2,6.48 6.48,2 12,2 Z M11.5002,9 C11.2240576,9 11.0002,8.77614237 11.0002,8.5 L11.0002,7.5 C11.0002,7.22385763 11.2240576,7 11.5002,7 L12.5002,7 C12.7763424,7 13.0002,7.22385763 13.0002,7.5 L13.0002,8.5 C13.0002,8.77614237 12.7763424,9 12.5002,9 L11.5002,9 Z M11.5002,17 C11.2240576,17 11.0002,16.7761424 11.0002,16.5 L11.0002,11.5 C11.0002,11.2238576 11.2240576,11 11.5002,11 L12.5002,11 C12.7763424,11 13.0002,11.2238576 13.0002,11.5 L13.0002,16.5 C13.0002,16.7761424 12.7763424,17 12.5002,17 L11.5002,17 Z' id='info-icon' fill='%230055B7'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.message.confirmation {
	background-color: #ECF7EB;
	background-color: var(--color-green-tea);
}

.message.warning {
	background-color: #FCE7CA;
	background-color: var(--color-orange-peach);
}

.message.error {
	background-color: #FAD1CF;
	background-color: var(--color-red-rose);
}

.message.confirmation::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23087900' d='M9 16.2l-3.5-3.5c-.39-.39-1.01-.39-1.4 0-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0L9 16.2z'/%3E%3C/svg%3E");
}

.message.warning::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ED8901' d='M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z'/%3E%3C/svg%3E");
}

.message.error::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3EArtboard%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icons/utility/error' fill='%23C11312' fill-rule='nonzero'%3E%3Cpath d='M12,2 C6.47,2 2,6.47 2,12 C2,17.53 6.47,22 12,22 C17.53,22 22,17.53 22,12 C22,6.47 17.53,2 12,2 Z M16.3,16.3 C15.91,16.69 15.28,16.69 14.89,16.3 L12,13.41 L9.11,16.3 C8.72,16.69 8.09,16.69 7.7,16.3 C7.31,15.91 7.31,15.28 7.7,14.89 L10.59,12 L7.7,9.11 C7.31,8.72 7.31,8.09 7.7,7.7 C8.09,7.31 8.72,7.31 9.11,7.7 L12,10.59 L14.89,7.7 C15.28,7.31 15.91,7.31 16.3,7.7 C16.69,8.09 16.69,8.72 16.3,9.11 L13.41,12 L16.3,14.89 C16.68,15.27 16.68,15.91 16.3,16.3 Z' id='error-filled-icon'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.message.inline {
	border: 1px solid #0055B7;
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-left-width: 8px;
	border-radius: 3px;
	color: #000000;
	font: 14px/20px 'TDASansDisplay', helvetica, arial, sans-serif;
	font: var(--font-tda-14);
	box-sizing: border-box;
	padding: 8px;
	margin-bottom: 24px;
}

.message.inline::before {
	background-image: none;
	display: none;
}


.message.inline.confirmation {
	border-color: #087900;
	border-color: var(--color-green-verde);
}

.message.inline.warning {
	border-color: #ED8901;
}

.message.inline.error {
	border-color: #C11312;
	border-color: var(--color-red-roja);
}


tda-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000000;
	align-items: center;
}

tda-modal[visible] {
	display: flex;
}

tda-modal .modal-content {
	position: relative;

	width: 50%;
	width: 465px;
	max-width: 50%;
	border-radius: 4px;
	border-radius: 3px;
	border-radius: var(--default-border-radius);
	background-color: #FFFFFF;
	background-color: var(--color-white);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
	margin: 0 auto;
}

tda-modal .modal-background {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	align-items: center;

}

tda-modal header {
	background-color: #F7F7F7;
	border-bottom: 1px solid #999999;
	height: 48px;
	padding: 0 16px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	display: flex;
	align-items: center;
}

tda-modal header h2 {
	font: 500 16px/22px 'TDASansDisplay', helvetica, arial, sans-serif;
	font: var(--font-tda-16-med);
	margin: 0;
}

tda-modal section  {
	border-radius: 0;

	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin: 0;
	box-shadow: none;
	padding: 16px;

}

tda-modal .icon-close {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 13px 13px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='14px' height='14px' viewBox='0 0 14 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55 (78076) - https://sketchapp.com --%3E%3Ctitle%3Eicons/utility/close%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icons/utility/close' transform='translate(-5.000000, -5.000000)' fill='%23666666'%3E%3Cpath d='M18.6894198,5.32119833 C18.2753129,4.90709139 17.6063709,4.90709139 17.1922639,5.32119833 L12,10.5028441 L6.80773606,5.3105802 C6.39362912,4.89647327 5.72468714,4.89647327 5.3105802,5.3105802 C4.89647327,5.72468714 4.89647327,6.39362912 5.3105802,6.80773606 L10.5028441,12 L5.3105802,17.1922639 C4.89647327,17.6063709 4.89647327,18.2753129 5.3105802,18.6894198 C5.72468714,19.1035267 6.39362912,19.1035267 6.80773606,18.6894198 L12,13.4971559 L17.1922639,18.6894198 C17.6063709,19.1035267 18.2753129,19.1035267 18.6894198,18.6894198 C19.1035267,18.2753129 19.1035267,17.6063709 18.6894198,17.1922639 L13.4971559,12 L18.6894198,6.80773606 C19.0929086,6.40424725 19.0929086,5.72468714 18.6894198,5.32119833 Z' id='close-icon'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23FFFFFF' d='M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z'/%3E%3C/svg%3E"); */
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 16px;
}



/* Keep the page from jumping while boxes are rendered */
/* input[type=checkbox],
input[type=radio] {
	visibility: hidden;
} */

/* input[type=checkbox],
input[type=radio] {
	height: 20px;
	visibility: hidden;
}

input[type=checkbox].toggle {
	height: 24px;
} */

/* Hide the default checkbox */

.select-parent input {
	visibility: visible;
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.select-parent {
	font-family: TDASansDisplay;
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-size: inherit;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
	/* height: 24px; */
	color: #000000;
	color: var(--color-black);
	/* font-size: 16px; */
	display: inline-flex;
	align-items: center;
}

tda-checkbox label,
tda-radio label {
	font: 500 16px/22px 'TDASansDisplay', helvetica, arial, sans-serif;
	font: var(--font-tda-16-med);
}

tda-radio + tda-radio,
tda-checkbox + tda-checkbox,
.select-parent + .select-parent {
	margin-left: 24px;
}

.select-parent.icon[focus-within] .check-label,
.select-parent[focus-within] .checkmark::after {
	outline: 1px dotted;
	outline-offset: 2px;
}

.select-parent.icon:focus-within .check-label,
.select-parent:focus-within .checkmark::after {
	outline: 1px dotted;
	outline-offset: 2px;
}

.checkmark {
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 100%;
	display: flex;
	align-items: center;
}

.checkmark::after {
	content: ' ';
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 2px solid #666666;
	border: 2px solid var(--color-gray-iron);
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-radius: 2px;
	width: 14px;
	height: 14px;
	padding: 0;
	box-sizing: border-box;
	margin-top: 2px;
}

.select-parent:hover .checkmark::after,
input:focus ~ .checkmark::after {
	border-color: #087900;
	border-color: var(--color-green-verde);
}

input:checked ~ .checkmark::after {
	/* border-color: var(--color-green-verde-dark-20); */
	background-color: #076600;
	background-color: var(--color-green-verde-dark-20);
	border-width: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23FFFFFF' d='M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z'/%3E%3C/svg%3E");
}

.select-parent:hover input:checked ~ .checkmark::after,
input:checked:focus ~ .checkmark::after {
	border-color: #087900;
	border-color: var(--color-green-verde);
	background-color: #087900;
	background-color: var(--color-green-verde);
}


/* Toggles (inherits from checkboxes) */

.select-parent.toggle {
	padding-left: 56px;
}

.toggle .checkmark {
	position: absolute;
	left: 0;
	width: 48px;
	height: 100%;
	display: flex;
	align-items: center;
}

.toggle .checkmark::after {
	content: ' ';
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: none;
	background-color: #D8D8D8;
	background-color: var(--color-gray-ash);
	border-radius: 12px;
	width: 48px;
	height: 24px;
	padding: 0;
	box-sizing: border-box;
	margin-top: 0;
}

.toggle .checkmark::before {
	content: ' ';
	background-color: #FFFFFF;
	background-color: var(--color-white);
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	display: block;
	left: 4px;
	top: 3px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

.select-parent.toggle:hover .checkmark::after,
input.toggle:focus ~ .checkmark::after {
	background-color: #999999;
	background-color: var(--color-gray-stone);
}

input.toggle:checked ~ .checkmark::after {
	background-image: none;
	background-color: #076600;
	background-color: var(--color-green-verde-dark-20);
}

input.toggle:checked ~ .checkmark::before {
	left: auto;
	right: 4px;
}

.select-parent.toggle:hover input:checked ~ .checkmark::after,
input.toggle:checked:focus ~ .checkmark::after {
	background-color: #087900;
	background-color: var(--color-green-verde);
}


/* Radio buttons (inherits from checkboxes) */

input[type=radio] ~ .checkmark::after {
	border-radius: 50%;
	width: 16px;
	height: 16px;
}

input[type=radio]:checked ~ .checkmark::after {
	background-image: none;
	border-width: 2px;
	background-color: #FFFFFF;
	background-color: var(--color-white);
}

input[type="radio"]:checked ~ .checkmark::before {
	content: ' ';
	background-color: #076600;
	background-color: var(--color-green-verde-dark-20);
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	display: block;
	left: 4px;
	top: 8px;
}

.select-parent:hover input[type=radio]:checked ~ .checkmark::after,
input[type=radio]:checked:focus ~ .checkmark::after {

	border-color: #087900;

	border-color: var(--color-green-verde);
	background-color: #FFFFFF;
	background-color: var(--color-white);

}

.select-parent:hover input[type=radio]:checked ~ .checkmark::before,
input[type=radio]:checked:focus ~ .checkmark::before {

	background-color: #087900;

	background-color: var(--color-green-verde);

}

.select-parent .check-label {
	font-weight: normal;
}


/* Small Radio buttons */

tda-checkbox.small label,
tda-radio.small label {
	font: 500 14px/20px 'TDASansDisplay', helvetica, arial, sans-serif;
	font: var(--font-tda-14-med);
}

tda-radio.small input[type=radio] ~ .checkmark::after {
	width: 14px;
	height: 14px;
}

input[type=radio]:checked ~ .checkmark::after {
	background-image: none;
	border-width: 2px;
	background-color: #FFFFFF;
	background-color: var(--color-white);
}

input[type="radio"]:checked ~ .checkmark::before {
	content: ' ';
	background-color: #076600;
	background-color: var(--color-green-verde-dark-20);
	border-radius: 50%;
	width: 6px;
	height: 6px;
	position: absolute;
	display: block;
	left: 4px;
	top: 8px;
}





/* Multi toggles */

.multitoggle {
	height: 32px;
	border: 1px solid #D8D8D8;
	border-radius: 16px;
	background-color: #F1F1F1;
	display: inline-block;
	font-size: 0;
}

.multitoggle .select-parent {
	padding: 0;
}

.multitoggle .check-label {
	text-align: center;
	font-size: 16px;
	color: #666666;
	display: block;
	border-radius: 16px;
	padding: 0 16px;
	height: 32px;
	display: flex;
	position: relative;
	top: -1px;
	padding-bottom: 1px;
	align-items: center;
	border: 1px solid transparent;
}

.multitoggle tda-radio:first-child .check-label {
	left: -1px
}

.multitoggle tda-radio:last-child .check-label {
	left: 1px
}

.multitoggle input[type=radio]:checked + .check-label {
	background-color: #087900;
	border: 1px solid #087900;
	color: #FFFFFF;
}

.multitoggle .select-parent[focus-within] input[type=radio]:checked + .check-label {
	outline: none;
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #0A8F00;
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--color-green-verde-light-20);
}

.multitoggle .select-parent:focus-within input[type=radio]:checked + .check-label {
	outline: none;
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #0A8F00;
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--color-green-verde-light-20);
}

.multitoggle tda-radio + tda-radio {
    margin-left: 0;
}
/* icon toggle */

tda-toggle .select-parent.icon .check-label {
	font-weight: normal;
	width: 100%;
	height: 100%;
	background-size: cover;
}

tda-toggle .icon {
	padding: 0;
	width: 100%;
	height: 100%;
}

tda-toggle .icon .checkmark {
	display: none;
}


table {
	width: 100%;
	border: none;
}

th, td {
	vertical-align: top;
	text-align: left;
}

th {
	font-weight: 500;
}


tda-tab-group:not(:defined),
tda-tab-button:not(:defined),
tda-tab-content:not(:defined) {
	visibility: hidden;
}

tda-tab-group {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.tab-content-parent {
	box-sizing: border-box;
	z-index: 5;
	position: relative;
	clear: both;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	-ms-transition: height 1s;
	-o-transition: height 1s;
}

.tab-header-parent {
	white-space: nowrap;
	position: relative;
	padding-left: 0px;
	overflow: hidden;
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin-top: 32px;
	/* margin-bottom: 40px; */
	display: flex;
	align-items: center;
}

tda-tab-group > hr {
	margin-bottom: 40px;
	margin-top: -2px;
	z-index: 0;
	border: none;
	height: 2px;
	background-color: #E6E7E9;
	background-color: var(--color-gray-aluminum);
}

tda-tab-button:focus.
button.tab:focus {
	outline: none;
}

tda-tab-button::-moz-focus-inner,
button.tab {
	position: relative;
	border: 0;
	padding: 0;
	outline: 0;
}



tda-tab-content {
	display: none;
}

tda-tab-content[active] {
	display: block;
}

tda-tab-button {
	margin: 0;
	box-sizing: border-box;
	/* line-height: 46px; */
	font-size: 16px;
	width: auto;
	display: table-cell;
	border-bottom: 2px solid #E6E7E9;
	border-bottom: 2px solid var(--color-gray-aluminum);
	cursor: pointer;
	position: relative;
	height: 48px;
	background-color: #FFFFFF;
	background-color: var(--color-white);
	color: #666666;
	color: var(--color-gray-iron);
	/* padding: 0 28px; */
	min-width: 144px;
	text-align: center;
	padding: 2px 28px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content:center;
	z-index: 5;
	outline: none;
}

tda-tab-button:hover,
tda-tab-button:focus,
.tab:hover,
.tab:focus {
	border-bottom: 4px solid #E6E7E9;
	border-bottom: 4px solid var(--color-gray-aluminum);
	padding-bottom: 0;
	/* outline: 1px dotted black; */
}

tda-tab-button[active] {
	font-weight: 500;
	color: #087900;
	color: var(--color-green-verde);
	padding-bottom: 0;
	border-bottom: 4px solid #087900;
	border-bottom: 4px solid var(--color-green-verde);
}

.tab-buffer {
	margin: 0;
	box-sizing: border-box;
	line-height: 46px;
	font-size: 16px;
	width: auto;
	display: table-cell;
	border-bottom: 2px solid #E6E7E9;
	border-bottom: 2px solid var(--color-gray-aluminum);
	cursor: default;
	position: relative;
	height: 48px;
	background-color: #FFFFFF;
	background-color: var(--color-white);
	color: #333333;
	color: var(--color-gray-charcoal);
	padding: 0;
	min-width: 0px;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

tda-tab-button:first-child::after,
tda-tab-button[active]::after {
	display: none;
}


.tooltip-container {
	position: relative;
	display: inline-block;
}

.tooltip {
	display: none;
	position: absolute;
	margin-left: 8px;
	width: 212px;
	font: 12px 'TDASansDisplay', helvetica, arial, sans-serif;
	font: var(--font-tda-12);
	padding: 8px;
	padding: var(--default-padding);
	background: #2A5673;
	background: var(--color-blue-navy);
	color: #E6E7E9;
	color: var(--color-gray-aluminum);
	border-radius: 3px;
	border-radius: var(--default-border-radius);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
	z-index: 10;
}

.tooltip:before {
/* .tooltip-arrow { */
	content: ' ';
	position: absolute;
	margin-top: 8px;
	width: 9px;
	height: 7px;
	left: -7px;
	top: 0;
	z-index: 10;

	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='9px' height='7px' viewBox='0 0 9 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow%3C/title%3E%3Cg id='arrow' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M8.5,8.5 L2.03288041,4.6934985 C1.55692172,4.41335253 1.39818414,3.80040859 1.67833011,3.32444989 C1.77130626,3.16648651 1.9059098,3.03711595 2.06743393,2.95047329 L8.5,-0.5 L8.5,8.5 Z' fill='%232A5673' transform='translate(4.500000, 4.000000) rotate(360.000000) translate(-4.500000, -4.000000) '%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}


.tooltip-arrow-left::before {
	left: auto;
	right: -7px;
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.tooltip-arrow-above::before {
	margin-top: 0;
	left: auto;
	top: -7px;
	right: 8px;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.tooltip.gray {
	color: #333333;
	color: var(--color-gray-charcoal);
	background: #F7F7F7;
	background: var(--color-gray-platinum);
}

.tooltip.gray:before {
	border-color: transparent #F7F7F7 transparent transparent;
	border-color: transparent var(--color-gray-platinum) transparent transparent;

	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='9px' height='7px' viewBox='0 0 9 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow%3C/title%3E%3Cg id='arrow' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M8.5,8.5 L2.03288041,4.6934985 C1.55692172,4.41335253 1.39818414,3.80040859 1.67833011,3.32444989 C1.77130626,3.16648651 1.9059098,3.03711595 2.06743393,2.95047329 L8.5,-0.5 L8.5,8.5 Z' fill='%23F7F7F7' transform='translate(4.500000, 4.000000) rotate(360.000000) translate(-4.500000, -4.000000) '%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}


.tooltip.light {
	color: #333333;
	color: var(--color-gray-charcoal);
	background: #E1EEF9;
	background: var(--color-blue-frost);
}

.tooltip.light:before {
	border-color: transparent #E1EEF9 transparent transparent;
	border-color: transparent var(--color-blue-frost) transparent transparent;

	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='9px' height='7px' viewBox='0 0 9 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow%3C/title%3E%3Cg id='arrow' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M8.5,8.5 L2.03288041,4.6934985 C1.55692172,4.41335253 1.39818414,3.80040859 1.67833011,3.32444989 C1.77130626,3.16648651 1.9059098,3.03711595 2.06743393,2.95047329 L8.5,-0.5 L8.5,8.5 Z' fill='%23E1EEF9' transform='translate(4.500000, 4.000000) rotate(360.000000) translate(-4.500000, -4.000000) '%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}