/*
 * Fonts
 */

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../font/barlow-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Barlow Regular'), local('Barlow-Regular'),
       url('../font/barlow-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/barlow-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/barlow-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/barlow-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/barlow-v4-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-500 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('../font/barlow-v4-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Barlow Medium'), local('Barlow-Medium'),
       url('../font/barlow-v4-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/barlow-v4-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/barlow-v4-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../font/barlow-v4-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/barlow-v4-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-600 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../font/barlow-v4-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Barlow SemiBold'), local('Barlow-SemiBold'),
       url('../font/barlow-v4-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/barlow-v4-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/barlow-v4-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../font/barlow-v4-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/barlow-v4-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-700 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../font/barlow-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Barlow Bold'), local('Barlow-Bold'),
       url('../font/barlow-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/barlow-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/barlow-v4-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/barlow-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/barlow-v4-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-800 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('../font/barlow-v4-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Barlow ExtraBold'), local('Barlow-ExtraBold'),
       url('../font/barlow-v4-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/barlow-v4-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/barlow-v4-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../font/barlow-v4-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/barlow-v4-latin-800.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-900 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('../font/barlow-v4-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Barlow Black'), local('Barlow-Black'),
       url('../font/barlow-v4-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/barlow-v4-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/barlow-v4-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../font/barlow-v4-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/barlow-v4-latin-900.svg#Barlow') format('svg'); /* Legacy iOS */
}

/*
 * Global
 */

body {
	background: #234393;
	background: -moz-linear-gradient(left, #234393 0%, #12868d 100%);
	background: -webkit-linear-gradient(left, #234393 0%, #12868d 100%);
	background: linear-gradient(to left, #234393 0%, #12868d 100%);
	color: #fff;
	display: flex;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#234393', endColorstr='#12868d', GradientType=0); /* IE6-9 */
	flex-direction: column;
	font-family: Barlow, sans-serif;
	min-height: 100vh;
}

label, .label {
	font-weight: 700;
}

#page-header {
	height: 95px;
}

.tips {
	color: #fff;
	text-decoration: underline;
}

.vimp {
	font-weight: 700;
}

@media(max-width: 1200px) {
	
	.card-footer .btn {
		align-items: center;
		border-radius: 15px;
		float: none;
		font-weight: 500;
		font-size: .8em;
		justify-content: center;
		margin-bottom: .5em;
		padding: .375rem 1rem;
		text-align: left;
		text-transform: uppercase;
		gap: 7px;
	}
	
	.list-subscribed, .list-unsubscribed {
		margin-bottom: .5em;
		margin-top: .5em;
	}
	
}

@media(min-width: 1024px) {
	
	#page {
		background: url('../img/skyline-finale.png'), url('../img/isotype-lieux.png');
		background-repeat: no-repeat;
		background-position: bottom center, bottom right;
		min-height: 100vh;
	}

	#footer {
		height: 100px;
	}
	
}

/*
 * Header
 */

.skip-link
{
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link:focus
{
	background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.navbar-brand span {
	border-left: 2px solid;
	font-weight: 600;
	padding-left: 8px;
	vertical-align: middle;
}

.navbar-brand img {
	filter: invert(1);
}

.navbar-dark .navbar-nav .nav-link { 
	color: #fff; 
}

.navbar .flag-icon{
	margin-right: 0.5em;
}

@media (min-width: 768px) {
	.navbar {
		margin-bottom: 80px;
	}
}
@media (max-width: 767px) {
	.navbar {
		margin-bottom: 40px;
	}
}


@media (min-width: 992px) {
	li.nav-item.active:after {
		content: "";
		display: block;
		height: 2px;
		width: 100%;
		background-color: #fff;
		position: relative;
		bottom: -12px;
	}
}

@media (max-width: 991px) {
	li.nav-item {
		padding-left: 10px;
	}

	li.nav-item.active {
		border-left: 2px solid;
	}
}

.dropdown-item.active, .dropdown-item:active{
	background-color: unset !important;
	color: unset !important;
}

#content{
	margin-bottom: 40px;
}

#content a {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
	transition: .25s;
}

#content a:before, #content a:after {
	text-decoration: unset;
}

a.resetLink:before, a.resetLink:after {
	text-decoration: none;
}

a.btn{
	text-decoration: none !important;
}

/*
 * Liens avec une icone
 */

a::before {
	padding-right: 0.4em;
}

.btn::before {
	padding-right: 0.4em;
}

/*
 * Cartes
 */

 a.card--link{
	text-decoration: none !important;
	font-weight: 400 !important;
 }

.card {
	background-color: #467ba9;
	border: none; 
	border-radius: 25px; 
	margin-bottom: 20px; 
}

/* Liens stretched invisibles --> pour une navigation des cards sans JS*/
.card-stretched-link {
  opacity: 0;
  overflow: hidden;
  height: 0;
  width: 0;
  display: block;
}


.collapse-card:hover {
	box-shadow: 8px 11px 20px 2px #2b2b2b62;
}

.card-header {
	background-color: #fff;
	border: none;
	color: #555;
	padding: .50rem 1.25rem;
}

.card-header:focus {
	outline:0;
}

.card-header:first-child {
	border-radius: 25px 25px 0 0;
}

.card-header.collapsed {
	border-radius: 25px;
}

.card-header-content {
	align-items: center;
	display: flex;
	margin: 0 auto;
}

.card-title {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 0;
	margin-left: 0.2em;
}

.collapse-card .card-header {
	display: flex;
	flex-flow: row-reverse;
}

.collapse-card .card-header .card-title {
	cursor: pointer;
}

.collapse-card .card-title.o-arrowdown-1 {
	width: 100%;
}

.collapse-card .card-header .card-title::before {
	padding-right: 0.2em;
}

.collapse-card .card-header.collapsed .card-title::before {
	content: "\f29f";
}

.collapse-card .card-header .card-title {
	text-align: left;
}

.collapse-card:hover, .activation-card:hover, .home-card:hover {    
	box-shadow: 5px 5px 20px 2px #2b2b2b;
    transition: .25s;
}

.card-body {
	border-radius: 0 0 25px 25px;
	text-align: left;
}

.card-body a:hover {
	color: #fff;
}

.card-body a.alert-link:hover {
	color: #666;
}

#collapse-idchercheur .card-body .alert:last-child {
  	margin-bottom: 0;
}

.card-footer:last-child {
	background-color: #f8f9fa1f;
	border-radius: 0 0 25px 25px;
}

.card-footer a {
	display: inline-flex;
}

.home-card, .activation-card {
	cursor: pointer;
}

.home-body, .activation-body {
	line-height: 1.2em;
}

.activation-card .o-arrowright-1:before {
	border: 2px solid;
	border-radius: 50%;
	padding: 1px 7px;
	margin-right: 10px;
}

.activation-gray {
	color: #494f54 !important;
}

/*
 * Step wizard *
 */

.bs-wizard {
	margin-top: 10px;
}

.bs-wizard {
	padding: 0 0 10px 0;
}

.bs-wizard>.bs-wizard-step {
	padding: 0;
	position: relative;
}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
	color: #fff;
	font-size: 14px;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	background: #000;
	top: 45px;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
	border-radius: 50%;
	font-size: 30px;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot::before {
	display: block
}

.bs-wizard>.bs-wizard-step>.progress {
	background-color: #fff;
	position: relative;
	border-radius: 0px;
	height: 8px;
	box-shadow: none;
	margin: 20px 0;
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
	width: 0px;
	box-shadow: none;
	background-color: #000;
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
	width: 100%;
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
	width: 100%;
	border-radius: 0 5px 5px 0;
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
	width: 100%;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
	background-color: #ffffff;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
	opacity: 0;
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
	left: 50%;
	width: 50%;
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
	background-color: #fff;
	width: 50%;
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
	pointer-events: none;
}

.progress-bar-row{
	margin-bottom: 1rem;
}

/*
 * Arbre des structures *
 */

.struct-dialog {
	cursor: pointer;
}

.tree-root, .tree-node {
	list-style-type: none;
}

.tree-leaf-control img {
	cursor: pointer;
	vertical-align: sub;
}

/*
 * Formulaires
 */

.form-control {
	background-clip: border-box;
}

.form-control, .custom-select {
	border: #fff;
	border-radius: 25px;
	min-height: 45px;
	padding: .375rem 1.5rem;
}

.form-control:focus, .collapse-card:focus, activation-card:focus, .home-card:focus, .card-header:focus-visible {
	border: 2px solid #343a40;
	box-shadow: 0 0 0 0.2rem #00000040;
}

.input-group-text {
	background-color: #ddd;
	border-radius: 25px 0 0 25px;
	font-weight: 500;
}

.input-group>.input-group-append>.input-group-text {
	border-radius: 0 25px 25px 0;
}

.large-select {
	height: 10em;
}

.text-muted {
	color: #ffffff !important;
	font-weight: 400;
}

.invalid-feedback {
	background-color: #ad0616;
	border-radius: 3px;
	color: #ffffff;
	margin-top: .35rem;
	max-width: max-content;
	padding: .1rem .3rem;
}

.input-group ~.invalid-feedback {
	display: block;
}

/*
 * Boutons
 */

.btn {
	align-items: center;
	border-radius: 25px;
	float: none;
	font-weight: 600;
	font-size: 1em;
	justify-content: center;
	margin: 0 auto;
	padding: .375rem 1.75rem;
	text-align: center;
	text-transform: uppercase;
}

.btn-primary, .btn-secondary {
	background-color: #343a40;
	border: 2px solid #343a40;
}

.btn-primary {
	background-color: #2e7ea8;
	border-color: #2e7ea8;
}

.btn-primary:hover {
	background-color: #3485ad;
	border-color: #3485ad;
}

.btn-primary:focus, .btn-secondary:focus {
	border: 2px solid #ffffff;
	box-shadow: 0 0 0 0.2rem #ffffff40;
}
.btn-primary:hover, .btn-secondary:hover {
	background-color: #343a40;
	border-color: #ffffff;
}

.btn-success {
	background-color: #218838;
	border-color: #218838;
}

.btn-success:hover {
	background-color: #327b43;
	border-color: #327b43;
}

.btn-danger {
	background-color: #ad0616;
	border-color: #ad0616;
}

/*
 * Erreurs
 */

.alert {
	border-radius: 25px;
	border: none;
}

.alert-heading {
	font-weight: 700;
}

.alert-info {
	color: #fff;
	background-color: #467ba9;
}

.alert-danger {
	background-color: #ad0616;
	color: #ffffff;
	font-weight: 700;
}

.warn-alert{
	background: none;
}

.activation.warn-alert{
	font-weight: 700
}
/*
 * Tableaux
 */

.table-result {
	border-radius: 25px;
	background-color: rgba(255, 255, 255, 0.35);
}

.table, .table a, .table *:hover {
	color: #fff !important;
}

.table thead:hover, .table thead *:hover {
    color: initial !important;
}

.table thead th {
	vertical-align: middle;
	border: none;
}

.table td, .table th {
	padding: .75rem 1.2rem;
}

.log-ok {
	color: #19692c;
	font-weight: 900;
}

.log-ko {
	color: #a71d2a;
	font-weight: 900;
}

/*
 * Arbre des structures *
 */

.struct-dialog {
	cursor: pointer;
}

.modal-tree {
	width: 90%;
}

.tree-body {
	background-color: #12858d;
	opacity: 100;
}

.tree-root, .tree-node {
	list-style-type: none;
}

.tree-leaf-control img {
	cursor: pointer;
	vertical-align: sub;
}

.tree-leaf-content-id {
	background: #fff;
	border-radius: 5px;
	color: var(--primary);
	cursor: pointer;
	margin-left: 10px;
	padding: .2em .7em .2em .7em;
}

/*
 * Étiquettes
 */

.list-subscribed, .list-unsubscribed, .status-init, .status-valid, .status-reset, .status-locked, .status-softlocked, .status-suspended, .status-unknown {
	align-items: center;
	background-color: #fff;
	border-radius: 5px;
	display: inline-block;
	font-weight: 700;
	padding: .2em 1em .2em 1em;
}

.list-subscribed, .status-valid {
	color: var(--success);
}

.list-unsubscribed, .status-locked, .status-softlocked {
	color: var(--danger);
}

.status-init {
	color: var(--primary);
}

.status-reset {
	color: var(--warning);
}

.status-suspended {
	color: var(--info);
}

.status-unknown {
	color: var(--secondary);
}

/*
 * Exceptions
 */

#account-list a.btn {
	display: inline-block;
	height: auto;
	text-decoration: none;
}

/*Id chercheur*/
.id-chercheur-link {
	color: #fff;
    text-decoration: underline;
}

.card-row{
	display: flex;
	gap:20px;
	margin-bottom: 1rem;
}

.card-body .row:last-child .card-row {
  margin-bottom: 0;
}

.card-label {
	width: 75px;
}

.card-connectionRow .bi::before
{
	display: none;
}

@media(max-width: 576px) {
	.card-body .card-connectionRow
	{
		border-bottom: solid 1px white;
		padding-bottom: 10px;
		margin-bottom: 20px !important;
	}

	.card-body .card-connectionRow:last-child
	{
		border-bottom: none;
		padding-bottom: 0;
	}

	.card-body .list-unstyled, .card-body .list-unstyled li
	{
		display: inline;
	}

	.card-body .list-unstyled li:first-child::before
	{
		content: "";
	}

	.card-body .list-unstyled li::before
	{
		content: ", ";
	}

	.card-connectionRow .bi::before
	{
		display: inline;
		padding-right: 7px;	
	}
}

.card-body .card-connectionRow .card-connectionRow--highlighted
{
	font-weight: 700;
}

.phone-separator:not(:has(+ .phone-separator))
{
    border-bottom: 2px solid #5b8ab2;
    margin-bottom: 20px !important;
}

/* Boutons toggle */
.toggle {
    background: #f4f4f4;
    border-radius: 32px;
	border: solid 1px #000;
    display: inline-block;
    position: relative;
    -webkit-transition: background 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
    border: 0;
    width: 55px;
    min-height: 27px;
    overflow: hidden;
    clear: both;
}

button.toggle:focus {
    outline: 0;
}

button.toggle:focus-visible {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

.toggle-container{
	display: flex;
	flex-direction: column;
	width: fit-content;
	align-items: center;
}

.toggle-state{
	font-size: .8rem;
	padding-top: 3px;
}

.toggle .toggle-icon {
    border-radius: 32px;
	height: 25px;
    width: 25px;
	top: 1px;
    display: inline-block;
    font-weight: bold;
    pointer-events: none;
    text-transform: uppercase;
    position: absolute; }

.toggle[aria-checked='false'] .toggle-icon {
    background: #ffffff;
    border: 2px solid #464646;
    border-radius: 50%;
    left: 2px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; 
}

.toggle[aria-checked='true'] .toggle-icon {
    background: #ffffff;
    border: 2px solid #464646;
    border-radius: 50%;
    left: 27px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; 
}

.toggle[aria-checked='true'] {
    background: #204d92; 
}

.toggle[aria-checked='false'] {
    background: #ffffffcc; 
}

.toggle[aria-checked='false'] .toggle-icon::after, .toggle[aria-checked='true'] .toggle-icon::before {
	font-family: bootstrap-icons !important;
    display: block;
    color: #464646;
    position: relative;
    top: -5px; 
	font-size: 22px;
}

.toggle[aria-checked='false'] .toggle-icon::after {
    content: '\f62a';
}

.toggle[aria-checked='true'] .toggle-icon::before {
	content: '\f26e';
}

.toggle + .label{
    padding-left: 15px;
    position: relative;
    top: -9px;
	font-size: 16px;
}

.toggle-container + .label{
	padding-top: 7px;
}

.progressBar-row{
	display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.progressBar-row .progress{
	width: 300px;
	height: 30px;
}

.progressBar-row .progressBar-label{
	display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.unsetP{
	margin: unset;
}