/* complete override with custom styling */
/* original cas styling does not play well with bootstrap */

:root {
	/*Primary*/
	--primary-colors-green: hsla(154, 100%, 25%, 1);
	/*Variations*/
	--ifco-cucumber: hsla(154, 100%, 25%, 1);
	--ifco-broccoli: hsla(154, 63%, 40%, 1);
	--ifco-cabbage: hsla(120, 69%, 83%, 1);
	--ifco-grape: hsla(149, 88%, 94%, 1);
	/*Secondary*/
	--ifco-lime: hsla(89, 66%, 51%, 1);
	--ifco-turquoise: hsla(168, 100%, 41%, 1);
	/*Supporting*/
	--ifco-radish: hsla(2, 79%, 57%, 1);
	--ifco-carrot: hsla(39, 100%, 50%, 1);
	--ifco-chocolate: hsla(13, 25%, 21%, 1);
	/*Greyscale*/
	--ifco-black: hsla(0, 0%, 0%, 1);
	--ifco-graphite: hsla(204, 7%, 27%, 1);
	--ifco-grey: hsla(0, 0%, 96%, 1);
	--ifco-white: hsla(0, 0%, 100%, 1);
	/*Text*/
	--ifco-blueberry: hsla(231, 21%, 20%, 1);
	--ifco-blackand-white-new:hsla(0, 0%, 46%, 1);

	/*Backgrounds*/
	/*Accents*/
	--bg-primary-emphasis: hsla(154, 100%, 25%, 1);
	--bg-secondary-emphasis: hsla(154, 63%, 40%, 1);
	--bg-tertiary-emphasis: hsla(157, 100%, 14%, 1);
	--bg-accent-100: hsla(120, 69%, 83%, 1);
	--bg-accent-200-cool: hsla(168, 100%, 41%, 1);
	--bg-accent-200-warm: hsla(89, 66%, 51%, 1);
	/*Defaults*/
	--bg-default: hsla(0, 0%, 100%, 1);
	--bg-default-emphasis: hsla(0, 0%, 10%, 1);
	--bg-muted: hsla(0, 0%, 96%, 1);
	--bg-subtle: hsla(0, 0%, 91%, 1);
	--bg-disabled: hsla(0, 0%, 10%, 0.12);
	--bg-disabled-onEmphasis: hsla(0, 0%, 100%, 0.12);
	--bg-readonly: hsla(0, 0%, 10%, 0.04);
	--bg-overlay: hsla(0, 0%, 0%, 0.25);
	/*Signals*/
	--bg-success: hsla(154, 63%, 95%, 1);
	--bg-success-emphasis: hsla(154, 63%, 40%, 1);
	--bg-warning: hsla(39, 85%, 95%, 1);
	--bg-warning-emphasis: hsla(39, 100%, 50%, 1);
	--bg-error: hsla(2, 79%, 96%, 1);
	--bg-error-emphasis: hsla(2, 79%, 57%, 1);

	/*Foregrounds*/
	/*Accents*/
	--fg-primary: hsla(154, 100%, 25%, 1);
	/*Defaults*/
	--fg-default: hsla(231, 21%, 20%, 1);
	--fg-default-onEmphasis: hsla(0, 0%, 100%, 1);
	--fg-muted: hsla(231, 21%, 20%, 0.65);
	--fg-muted-onEmphasis: hsla(0, 0%, 100%, 0.65);
	--fg-disabled: hsla(231, 21%, 20%, 0.38);
	--fg-disabled-onEmphasis: hsla(0, 0%, 100%, 0.38);
	/*Signals*/
	--fg-success: hsla(154, 63%, 40%, 1);
	--fg-success-text: hsla(154, 63%, 30%, 1);
	--fg-warning: hsla(39, 100%, 50%, 1);
	--fg-warning-text: hsla(39, 100%, 38%, 1);
	--fg-error: hsla(2, 79%, 57%, 1);
	--fg-error-text: hsla(2, 79%, 45%, 1);

	/*Outlines*/
	/*Accents*/
	--outline-primary: hsla(154, 100%, 25%, 1);
	/*Defaults*/
	--outline-default: hsla(0, 0%, 10%, 1);
	--outline-default-onEmphasis: hsla(0, 0%, 100%, 1);
	--outline-muted: hsla(0, 0%, 10%, 0.45);
	--outline-muted-onEmphasis: hsla(0, 0%, 100%, 0.7);
	--outline-subtle: hsla(0, 0%, 10%, 0.15);
	--outline-subtle-onEmphasis: hsla(0, 0%, 100%, 0.4);
	--outline-disabled: hsla(0, 0%, 10%, 0.12);
	--outline-disabled-onEmphasis: hsla(0, 0%, 100%, 0.12);
	/*Signals*/
	--outline-success: hsla(154, 63%, 40%, 1);
	--outline-warning: hsla(39, 100%, 50%, 1);
	--outline-error: hsla(2, 79%, 57%, 1);

	--width-before-M: 833px;
}

@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	src: url('/fonts/sourcesanspro/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
	url('/fonts/sourcesanspro/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/sourcesanspro/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/sourcesanspro/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/sourcesanspro/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/sourcesanspro/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'Avenir Next LT Pro';
	font-weight: normal;
	src: local('Avenir Next LT Pro'),
	url('/fonts/Avenir_Next_LT_Pro/Avenir_Next_LT_Pro/OpenType Font/Avenir Next LT Pro Regular.otf') format('opentype')
}

@font-face {
	font-family: 'Avenir Next LT Pro';
	font-weight: bold;
	src: local('Avenir Next LT Pro'),
	url('/fonts/Avenir_Next_LT_Pro/Avenir_Next_LT_Pro/OpenType Font/Avenir Next LT Pro Bold.otf') format('opentype')
}

@font-face {
	font-family: 'Space_Grotesk';
	src: url('/fonts/Space_Grotesk/static/SpaceGrotesk-Bold.ttf') format('truetype'),
	url('/fonts/Space_Grotesk/static/SpaceGrotesk-Bold.woff2') format('woff2')
}



*, body {
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	min-height: 100%;
}

body {
	font-weight: normal;
	background: var(--bg-muted, #F4F4F4);
	overflow-x: hidden;
}

.main-layout-content {
	width: 100%;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

@media only screen and (min-width: 600px) {
	.main-layout-content {
		padding-right: 3rem;
		padding-left: 3rem;
	}
}

@media only screen and (min-width: 745px) {
	.main-layout-content {
		width: 600px;
		padding-right: 0;
		padding-left: 0;
	}
}

.main-content-inner {
	width: 100%;
	padding-left: 1rem;
	padding-right: 1rem;
}

@media only screen and (min-width: 600px) {
	.main-content-inner {
		width: 320px;
	}
}

.container-fluid {
	padding-right: 0;
	padding-left: 0;
	min-height: 100vh;
}

hr {
	border-color: lightgrey;
}

.login-title {
	color: var(--fg-default);
	font-family: Space_Grotesk;
	font-size: 2rem;
	font-weight: 700;
	line-height: 2.25rem;
	letter-spacing: -0.02rem;
    padding-bottom: 1.5rem;
    text-align: center;
}

.pb-15 {
    padding-bottom: 1.5rem;
}

.pb-25 {
    padding-bottom: 2.5rem;
}

.login-title-medium {
	color: var(--fg-default);
	font-family: Space_Grotesk;
    font-size: 1.25rem;
	font-weight: 700;
    line-height: 1.5rem;
	letter-spacing: -0.02rem;
	padding-bottom: 1.5rem;
    text-align: center;
}

.heading {
	font-size: 0.875rem;
    line-height: 1.1rem;
    font-family: Avenir Next LT Pro;
    text-align: center;
}

.heading-fat {
	font-size: 0.875rem;
    line-height: 1.1rem;
    font-family: Avenir Next LT Pro;
    text-align: center;
    font-weight: 700;
}

.heading-small {
	font-size: 0.75rem;
    line-height: 1rem;
	font-family: Avenir Next LT Pro;
	text-align: center;
}

.form-group.gap-larger {
    margin-bottom: 1.5rem;
}

.form-text {
	font-size: 0.75rem;
    line-height: 1rem;
    font-family: Avenir Next LT Pro;
    font-weight: normal;
    text-align: start;
}

.form-error-text {
    color: var(--fg-error-text);
    padding-left: 0.75rem;
}

.main-test-system-bar {
	display: flex;
	padding: 1rem 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	align-self: stretch;
	border-radius: 0.375rem 0.375rem 0rem 0rem;
	border-bottom: 2px solid var(--bg-muted, #F4F4F4);
	background: var(--bg-default, #FFF);
}

.main-test-badge {
	color: #282B3D;
	font-size: 1rem;
	font-family: Avenir Next LT Pro;
	font-weight: 700;
	line-height: 1.5rem;
	word-wrap: break-word;
}

.main-service {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.main-service-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.main-service-icon {
	width: 20px;
	height: 20px;
	position: relative;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
}

.main-service-name {
	color: #282B3D;
	font-size: 1rem;
	font-family: Space_Grotesk;
	font-weight: 700;
	line-height: 1.5rem;
	word-wrap: break-word
}

.main-service-secondary {
	text-align: right;
	color: #282B3D;
	font-size: 0.875rem;
	font-family: Avenir Next LT Pro;
	font-weight: 400;
	line-height: 18px;
	word-wrap: break-word
}

.main-content {
	background: var(--bg-default);
	box-shadow: 0px 4px 12px 0px rgba(26, 26, 26, 0.16);
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}


.top-left-link {
	margin-top: -2.5rem;
	margin-left: 3rem;
	width: 100%;
}

::selection,
::-moz-selection {
	color: #018752;
	background: #e6f2e8
}

.text-divider {
	margin: 2em 0;
	line-height: 1rem;
	text-align: center;
}

.text-divider span {
	background-color: white;
	padding: 1em;
	color: var(--fg-muted);
	font-family: Avenir Next LT Pro;
	font-size: 0.75rem;
}

.text-divider:before {
	content: " ";
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(26, 26, 26, 0.15);
	margin: -9px;
}

input:focus,
.form-control:focus {
	border-color: var(--outline-primary);
	box-shadow: none;
}

.form-control {
	padding: 0rem 0.75rem;
	border-radius: 6px;
	border: 1px solid var(--outline-muted);
	background: var(--bg-default);
}

.form-control::placeholder {
	color: var(--fg-muted, rgba(40, 43, 61, 0.65));
	font-size: 0.875rem;
	font-family: Avenir Next LT Pro;
	line-height: 1.125rem;
	font-weight: 400;
	letter-spacing: 0px;
}

input:hover {
	box-shadow: none;
}

.header {
    display: flex;
    justify-content: space-between;
}

.myifco-logo {
	display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-left: 2rem;
}

.distance-top {
	margin-top: 1rem;
}

.distance-top-larger {
	margin-top: 1.5rem;
}

.footer {
	height: 2.5rem;
	width: 100%;
	color: var(--ifco-blackand-white-new);
	font-size: 0.75rem;
	font-family: Avenir Next LT Pro;
	font-style: normal;
	font-weight: 400;
	line-height: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}

@media only screen and (min-width: 500px) {
	.footer {
        margin-top: 2rem;
        margin-bottom: 0;
	}
}

.footer a {
	color: var(--primary-colors-green);
	font-size: 0.75rem;
	font-family: Avenir Next LT Pro;
	font-style: normal;
	font-weight: 400;
	line-height: 1rem;
}

.footer-element {
    padding-right: 0.5rem;
}

.app-title {
	color: var(--primary-colors-green, #007F47);
	/* body/body-s */
	font-size: 0.75rem;
	font-family: Avenir Next LT Pro;
	font-style: normal;
	font-weight: 400;
	line-height: 1rem;
}

.vertical-center {
	display: flex;
	align-items: center;
}

.border {
	border: 1px outset;
	border-radius: 4px;
	text-align: center;
	padding: 5px;
	box-shadow: 4px 4px 5px #888888;
}

.error-message {
	margin-bottom: 1.5rem;
}

.alert {
	background-color: #fdeceb;
	border-color: #fdeceb;
	color: #cd1f18;
	padding: 2px 2px 2px 6px;
	border-radius: 6px;
	font-family: Avenir Next LT Pro;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1rem;
}

.alert.btn-help {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert.btn-help:focus, .alert.btn-help:active, .alert.btn-help:hover {
	color: #94773d;
	background-color: #f2eed9;
	border-color: #f0e1c3;
	cursor: pointer;
}

.commit-hash {
	color: lightgrey;
	font-size: smaller;
}


.icon-before-text {
	padding-right: 0.25rem;
}

.bottom-links {
	display: flex;
	justify-content: space-around;
}

.bottom-link {
	padding: 10px;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	color: var(--fg-default, #282B3D);
	font-feature-settings: 'clig' off, 'liga' off;
	/* label/label-l */
	font-family: Avenir Next LT Pro;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.125rem; /* 128.571% */
	letter-spacing: 0.00438rem;
}

.password-change {
	font-size: 0.875rem;
	font-family: Avenir Next LT Pro;
	font-style: normal;
	font-weight: 400;
	line-height: 1.125rem;
	letter-spacing: 0.00438rem;
	color: var(--fg-primary);
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	opacity: 0.8700000047683716;
}

#password-strength-meter {
    width: 100%;
}

.bottom-link:hover {
	color: #007f47;
	text-decoration: none;
}



.icon::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	outline: none!important;
	box-shadow: none;
}

/* Customer service */

.customer-service-address {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	position: relative;
}

.customer-service-content-inner {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	position: relative;
	width: inherit!important;
}

@media only screen and (min-width: 745px) {
	.customer-service-content-inner {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		align-self: stretch;
		flex-shrink: 0;
		position: relative;
	}
}

.customer-service-title {
	color: var(--ifco-blueberry, #282B3D);
	font-feature-settings: 'clig' off, 'liga' off;
	margin-top: 0.6rem;
	/* title/title-m */
	font-family: Avenir Next LT Pro;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.125rem; /* 128.571% */
	margin-bottom: 0.5rem;
}

.main-content-customer-service {
	background: var(--bg-default);
	border-radius: 0px 0px 6px 6px;
	box-shadow: 0px 4px 12px 0px rgba(26, 26, 26, 0.16);
    padding-bottom: 0;
    padding-top: 1rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.customer-service-select-container .bootstrap-select>.dropdown-toggle:after {
	top:0!important;
}

.customer-service-select-container .dropdown.bootstrap-select.show {
	background: rgba(0, 127, 71, 0.16)!important;
}

.customer-service-select-container .filter-option-inner-inner{
	color: var(--fg-primary);
}

.customer-service-select-container .bootstrap-select .dropdown-toggle::before {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M15.125 9.52539C15.125 11.252 13.7266 12.6504 12 12.6504C10.2734 12.6504 8.875 11.252 8.875 9.52539C8.875 7.79883 10.2734 6.40039 12 6.40039C13.7266 6.40039 15.125 7.79883 15.125 9.52539ZM12 11.4004C13.0352 11.4004 13.875 10.5605 13.875 9.52539C13.875 8.49023 13.0352 7.65039 12 7.65039C10.9648 7.65039 10.125 8.49023 10.125 9.52539C10.125 10.5605 10.9648 11.4004 12 11.4004ZM19.5 9.52539C19.5 12.9395 14.9297 19.0176 12.9258 21.5254C12.4453 22.123 11.5547 22.123 11.0742 21.5254C9.03516 19.0176 4.5 12.9395 4.5 9.52539C4.5 5.3832 7.85781 2.02539 12 2.02539C16.1406 2.02539 19.5 5.3832 19.5 9.52539ZM12 3.27539C8.54688 3.27539 5.75 6.07227 5.75 9.52539C5.75 10.1348 5.96211 10.9707 6.39688 12.002C6.82305 13.0137 7.42188 14.1113 8.09922 15.209C9.42969 17.3691 11.0078 19.4355 12 20.6816C12.9922 19.4355 14.5703 17.3691 15.9023 15.209C16.5781 14.1113 17.1758 13.0137 17.6016 12.002C18.0391 10.9707 18.25 10.1348 18.25 9.52539C18.25 6.07227 15.4531 3.27539 12 3.27539Z' fill='%23007F47'/%3e%3c/svg%3e");
	position: relative;
	top: -2px;
}

.customer-service-select-container .dropdown-toggle::after {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M11.3167 5.5H4.67349C3.93468 5.5 3.56046 6.39844 4.08442 6.92266L7.39433 10.256C7.71985 10.5815 8.24719 10.5815 8.57271 10.256L11.8826 6.92266C12.4521 6.39844 12.0824 5.5 11.3167 5.5ZM7.98339 9.66667L4.67375 6.33333H11.3378L7.98339 9.66667Z' fill='%23007F47'/%3e%3c/svg%3e")!important;
}

.customer-service-select-container .bootstrap-select.show .dropdown-toggle::after {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M4.6749 10.5001H11.3181C12.0569 10.5001 12.4311 9.60169 11.9072 9.07747L8.59729 5.74414C8.27177 5.41862 7.74442 5.41862 7.4189 5.74414L4.10901 9.07747C3.56188 9.60169 3.93294 10.5001 4.6749 10.5001ZM8.00796 6.33346L11.3179 9.6668H4.67568L8.00796 6.33346Z' fill='%23007F47'/%3e%3c/svg%3e")!important;
}

.customer-service-select-container .button-select-options {
	color: var(--fg-primary)!important;
}

.customer-service-name {
	color: var(--fg-default, #282B3D);
	font-feature-settings: 'clig' off, 'liga' off;
	/* title/title-m */
	font-family: Avenir Next LT Pro;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.125rem; /* 128.571% */
	margin-bottom: 0.5rem;
    margin-right: 0.25rem;
}

.customer-service-content {
	color: var(--fg-default, #282B3D);
	font-feature-settings: 'clig' off, 'liga' off;
	/* body/body-m */
	font-family: Avenir Next LT Pro;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.125rem; /* 128.571% */
}

.customer-service-email .email {
	color: var(--fg-primary, #007F47);
	font-feature-settings: 'clig' off, 'liga' off;
	/* label/label-l */
	font-family: Avenir Next LT Pro;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.125rem; /* 128.571% */
	letter-spacing: 0.00438rem;
	margin-top: 0.5rem;
}

.bootstrap-select .dropdown-menu {
	max-width: 35.5rem !important;
	overflow-x: hidden;
}

@media only screen and (min-width: 600px) {
	.bootstrap-select .dropdown-menu {
		max-width: 35.5rem !important;
	}

}

.customer-service-content-inner .bs-container{
	max-width: 35.5rem !important;
	width: 100%!important;
	display: block;
}

@media only screen and (min-width: 745px) {
	.customer-service-content-inner .bs-container {
		max-width: 35.5rem !important;
		width: 26.937rem!important;
	}
}

.bootstrap-select.bs-container .dropdown-menu {
	transform: unset!important;
	right: 15px!important;
	top: unset!important;
	bottom: -34px!important;
	left: 0px!important;
	overflow: hidden!important;
    width: 580px;
}

@media only screen and (min-width: 745px) {
	.customer-service-content-inner .bootstrap-select.bs-container .dropdown-menu {
		bottom: 17px!important;
		left: 0px!important;
        width: 550px;
	}
}



/* Customer service */
/* Language Search */
/* clear search field */

.language-selector .dropdown-menu.show{
	max-height: 400px !important;
	overflow: hidden;
}
.language-selector .dropdown-menu.inner{
	max-height: 350px !important;
	overflow-y: auto;
}

@media only screen and (min-width: 745px) {
	.language-selector .dropdown-menu.show{
		max-height: 600px !important;
		overflow: hidden;
	}
	.language-selector .dropdown-menu.inner{
		max-height: 550px !important;
		overflow-y: auto;
	}
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

.language-selector .dropdown-toggle::after {
	position: relative;
	bottom: 0.1rem;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: rgba(40, 43, 61, 0.08);
	color: var(--fg-default);
}

.dropdown-toggle::after {
    border: none!important;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M11.3167 5.5H4.67349C3.93468 5.5 3.56046 6.39844 4.08442 6.92266L7.39433 10.256C7.71985 10.5815 8.24719 10.5815 8.57271 10.256L11.8826 6.92266C12.4521 6.39844 12.0824 5.5 11.3167 5.5ZM7.98339 9.66667L4.67375 6.33333H11.3378L7.98339 9.66667Z' fill='%23282B3D'/%3e%3c/svg%3e");
}

.dropup .dropdown-toggle::after {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M11.3167 5.5H4.67349C3.93468 5.5 3.56046 6.39844 4.08442 6.92266L7.39433 10.256C7.71985 10.5815 8.24719 10.5815 8.57271 10.256L11.8826 6.92266C12.4521 6.39844 12.0824 5.5 11.3167 5.5ZM7.98339 9.66667L4.67375 6.33333H11.3378L7.98339 9.66667Z' fill='%23282B3D'/%3e%3c/svg%3e");
}

.bootstrap-select>.dropdown-toggle:after {
    position: relative;
    bottom: 0.1rem;
}

.bootstrap-select.show .dropdown-toggle::after {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M4.6749 10.5001H11.3181C12.0569 10.5001 12.4311 9.60169 11.9072 9.07747L8.59729 5.74414C8.27177 5.41862 7.74442 5.41862 7.4189 5.74414L4.10901 9.07747C3.56188 9.60169 3.93294 10.5001 4.6749 10.5001ZM8.00796 6.33346L11.3179 9.6668H4.67568L8.00796 6.33346Z' fill='%23282B3D'/%3e%3c/svg%3e");
}

input[type="search" i]::-webkit-search-cancel-button {
    display: none;
}

.bootstrap-select li.disabled {
    display: none;
}

.dropdown-item.active.selected {
    background: rgba(0, 127, 71, 0.16);
    border-bottom: 1px solid var(--outline-subtle, rgba(26, 26, 26, 0.15));
    color: var(--ifco-black);
}

/* msg displayed when no result */
.bootstrap-select .no-results {
    display: none;
}

.bs-searchbox {
	padding: 0.375rem 0.75rem;
}

.bs-searchbox .form-control {
	border-radius: 0.375rem;
	border: 1px solid rgba(26, 26, 26, 0.45);
}

.bs-searchbox::after {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M21.8164 20.9336L16.2891 15.4062C17.5078 13.9844 18.2148 12.1445 18.2148 10.125C18.2148 5.63672 14.577 2 10.0898 2C5.60274 2 2 5.63789 2 10.125C2 14.6121 5.63751 18.25 10.0898 18.25C12.1086 18.25 13.9512 17.5094 15.3711 16.291L20.8984 21.8184C21.0547 21.9375 21.2148 22 21.375 22C21.5352 22 21.6948 21.939 21.8168 21.8169C22.0625 21.5742 22.0625 21.1758 21.8164 20.9336ZM10.125 17C6.30079 17 3.25001 13.9141 3.25001 10.125C3.25001 6.33594 6.30079 3.25 10.125 3.25C13.9492 3.25 17 6.30078 17 10.125C17 13.9492 13.9141 17 10.125 17Z' fill='%23282B3D'/%3e%3c/svg%3e");
	color: var(--fg-default);
	position: absolute;
	top: 22px;
	right: 15px;
}

.dropdown-item {
	padding-left: 0.75rem;
	padding-top: 0.56rem;
	padding-bottom: 0.56rem;
}

.dropdown.bootstrap-select {
    height: 40px;
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
    border-radius: 1.25rem;
    border-color: black;
    font-size: 0.875rem;
    font-family: Avenir Next LT Pro;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0.00438rem;
    color: var(--fg-default, #282B3D);
}

.dropdown.bootstrap-select.show {
    height: 40px;
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
    border-radius: 1.25rem;
    background: var(--bg-default-activated, rgba(40, 43, 61, 0.16));
    border-color: black;
    font-size: 0.875rem;
    font-family: Avenir Next LT Pro;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0.00438rem;
    color: var(--fg-default, #282B3D);
}

.btn.dropdown-toggle.button-select-options:focus {
    box-shadow: none !important;
    outline: none !important;
}

.language-selector .bootstrap-select .dropdown-toggle::before {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M12 2C17.5234 2 22 6.47656 22 12C22 17.5234 17.5234 22 12 22C6.47656 22 2 17.5234 2 12C2 6.47656 6.47656 2 12 2ZM12 20.75C12.6523 20.75 13.5781 20.1875 14.418 18.5117C14.8047 17.7383 15.1289 16.7695 15.3242 15.75H8.64062C8.87109 16.7695 9.19531 17.7383 9.58203 18.5117C10.4219 20.1875 11.3477 20.75 12 20.75ZM8.41797 14.5H15.582C15.6914 13.7109 15.75 12.8711 15.75 12C15.75 11.1289 15.6914 10.2891 15.582 9.5H8.41797C8.30859 10.2891 8.25 11.1289 8.25 12C8.25 12.8711 8.30859 13.7109 8.41797 14.5ZM15.3242 8.25C15.1289 7.19531 14.8047 6.26172 14.418 5.48789C13.5781 3.81133 12.6523 3.25 12 3.25C11.3477 3.25 10.4219 3.81133 9.58203 5.48789C9.19531 6.26172 8.87109 7.19531 8.64062 8.25H15.3242ZM16.8086 9.5C16.9453 10.3008 17 11.1367 17 12C17 12.8633 16.9453 13.6992 16.8086 14.5H20.3867C20.625 13.707 20.75 12.8672 20.75 12C20.75 11.1328 20.625 10.293 20.3867 9.5H16.8086ZM14.793 3.70547C15.6133 4.81211 16.2617 6.39062 16.6367 8.25H19.9062C18.8984 6.12109 17.0508 4.46563 14.793 3.70547ZM9.20703 3.70547C6.94922 4.46563 5.10313 6.12109 4.09219 8.25H7.36328C7.73828 6.39062 8.38672 4.81211 9.20703 3.70547ZM3.25 12C3.25 12.8672 3.37656 13.707 3.6125 14.5H7.15625C7.05469 13.6992 7 12.8633 7 12C7 11.1367 7.05469 10.3008 7.15625 9.5H3.6125C3.37656 10.293 3.25 11.1328 3.25 12ZM19.9062 15.75H16.6367C16.2617 17.6094 15.6133 19.1875 14.793 20.293C17.0508 19.5352 18.8984 17.8789 19.9062 15.75ZM7.36328 15.75H4.09219C5.10313 17.8789 6.94922 19.5352 9.20703 20.293C8.38672 19.1875 7.73828 17.6094 7.36328 15.75Z' fill='%23282B3D'/%3e%3c/svg%3e");
	position: relative;
	top: -3px;
}

.button-select-options {
    height: 40px;
    font-size: 0.875rem;
    font-family: Avenir Next LT Pro;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0.00438rem;
}

/** Language Search */
.button {
    height: 40px;

    background: var(--bg-primary-emphasis);
    border-radius: 20px;
    -webkit-transition: back	ground .4s ease, width .4s ease;
    transition-property: background, width;
    transition-duration: 0.4s, 0.4s;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0s;
    font-size: 0.875rem;
    font-family: Avenir Next LT Pro;
    font-weight: 700;
    line-height: 1.125rem;
}

.button:hover {
    color: #007f47;
    border-color: #007f47;
    background-color: white;
    box-shadow: none;
    outline: none;
}

.btn-success {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px 16px;
    gap: 4px;
}

.btn-filter, .btn-social  {
    padding: 11px 16px;
    background: var(--bg-default, #FFF);
    border: 1px solid var(--bg-primary-emphasis, #007F47);
    color: var(--bg-primary-emphasis, #007F47);
    font-weight: 700;
    line-height: 1.125rem;
    letter-spacing: 0.01563rem;
}

.language-selector {
    margin-top: 1rem;
    margin-right: 0.75rem;
}


@media (min-width: 768px) {
    .btn-social, .btn-filter {
        font-weight: 700;
        line-height: 1.125rem;
    }
}

.btn-social:hover, .btn-filter:hover {
    color: white;
    border-color: white;
    background-color: #007f47;
    box-shadow: none;
    outline: none;
}

.m-top {
    margin-top: 15px;
}

input {
    filter: none;
}

.login-provider-img {
    height: 18px;
    width: 18px;
    margin-right: 8px;
    vertical-align: text-bottom;
}

#list-providers li {
    display: flex;
}

#list-providers ul {
    display: contents;
}

#list-providers .card-title {
    font-size: 1rem;
}

.cas-logo {
    width: 9.072rem;
    height: 3rem;
}

.danger-input{
	border-color: var(--fg-error-text);
}

/* Placeholder*/
.danger-placeholder {
	color: var(--outline-error)!important;
}

.js-field-wrapper {
    height: 2.5rem;
    display: flex;
    align-items: center;
}

.js-field {
    background: none !important;
    flex: 1;
    z-index: 3;
}

.js-placeholder {
	color: var(--fg-muted, rgba(40, 43, 61, 0.65));
	font-size: 0.875rem;
	font-family: Avenir Next LT Pro;
	line-height: 1.125rem;
	font-weight: 400;
	letter-spacing: 0px;
    position: absolute;
    padding-top: 0.25rem;
    padding-bottom: 0rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    transition: .1s ease all;
}
.js-placeholder.raised {
    margin-top: -2.1rem;
    margin-left: 0.6rem;
    padding-top: 0;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    font-size: 0.75rem !important;
    color: var(--outline-primary);
    background: var(--bg-default);
    z-index: 5;
}