body {
  background-image: url(../../img/homepage.3d6633f2.svg),url(../../img/point-grid.6839f375.svg),url(../../img/pattern-1.9a120bfb.svg),url(../../img/pattern-2.af9cfe67.svg);
  background-position: right -8.875rem,left 11%,top 38% right 20%,top 47% right 25%;
  background-repeat: no-repeat;
  background-color: #f3fbfb;
  background-size: auto;
}

@media (min-width: 768px) {
  form#ask-input-form[action*="/self/journey/self-modify-password/"] .row.field-password .col-md-4,
  form#journey-form:where(
  	[action*="/self/journey/self-add-email/"],
    [action*="/self/journey/self-edit-email/"],
    [action*="/self/journey/self-delete-email/"]) .row .col-md-4
  {
    width: 8.33333333% !important;
  }
  
  form#journey-form:where(
    [action*="/self/journey/self-edit-myaccount-nominative/"],
    [action*="/self/journey/self-edit-myaccount-admin/"],
    [action*="/self/journey/self-edit-myaccount-generic/"]) .row .col-md-4 {
    width: 16.66666667% !important;
  }
  
  form#ask-input-form[action*="/self/journey/self-modify-password/"] .row.field-password .col-md-8,
  form#journey-form:where(
  	[action*="/self/journey/self-add-email/"],
    [action*="/self/journey/self-edit-email/"],
    [action*="/self/journey/self-delete-email/"],
    [action*="/self/journey/self-edit-myaccount-admin/"]) .row .col-md-8
  {
    width: 91.66666667% !important;
  }
  
  form#journey-form:where(
    [action*="/self/journey/self-edit-myaccount-nominative/"],
    [action*="/self/journey/self-edit-myaccount-admin/"],
    [action*="/self/journey/self-edit-myaccount-generic/"]) .row .col-md-8 {
    width: 83.33333333% !important;
  }
}

.logo-retour {
  display: block;
  width: 100%;
  height: 100%;
}

.sidebar {
  display: flex;
  flex-direction: column;
}

.custom-self .d-grid.gap-2.d-sm-block {
  padding-top: 20px;
}

.custom-self .page-wrapper {
  grid-template-areas: "page-header " "page-content";
}

div.main .mini-navbar-btn > button {
	height: auto !important;
}

.mini-nav-bar-content {
  margin-top: auto;
  align-self: end;
  margin-right: 5px;
  margin-bottom: 5px;
}

.journey-wrapper .title h1, .journey-wrapper .journey-stepper-title,  .custom-self h3, .custom-self h6 {
  color: #00668c !important;
  font-family: Barlow, sans-serif;
  font-size: 1.25rem;
}

.custom-self h5, .custom-self h2, .custom-self .col-form-label  {
  color: #00668c !important;
  font-family: Barlow, sans-serif;
}

.custom-self .page-title {
  font-size : 1.25rem;
  margin-top: 2rem !important;
}

.custom-self .app-description {
  font-family: Barlow, sans-serif;
}

.journey-wrapper.container {
  box-shadow: none;
  margin-bottom: 20px;
}

.journey-wrapper input[type="text"], 
.journey-wrapper input[type="password"], 
.journey-wrapper input[type="number"], 
.journey-wrapper select,
.custom-self input[type="text"], 
.custom-self input[type="password"], 
.custom-self input[type="number"], 
.custom-self select{
  border: 1px solid #7c9199 !important;
  border-radius: .25rem !important;
  color: #005270;
  font-size: 14px;
  font-weight: 400;
  font-family: Barlow, sans-serif;
}

.journey-wrapper input[type="text"]:hover, 
.journey-wrapper input[type="password"]:hover, 
.journey-wrapper input[type="number"]:hover, 
.journey-wrapper select:hover,
.custom-self input[type="text"]:hover, 
.custom-self input[type="password"]:hover, 
.custom-self input[type="number"]:hover, 
.custom-self select:hover{
  background: none;
}

#date-field-birthDate span, #showPasswordConfirm, #showPassword, #showOldPassword {
  background-color: #fff !important;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: #51717d !important;
  border: 1px solid #7c9199 !important;
  cursor: pointer;
}

#date-field-birthDate input, #pwd, #pwd-confirm, #pwdOld {
  border-right: none;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.journey-wrapper input[type="text"]:focus, 
.journey-wrapper input[type="password"]:focus, 
.journey-wrapper input[type="number"]:focus, 
.journey-wrapper select:focus, 
.journey-wrapper input[type="text"]:focus-visible,
.journey-wrapper input[type="password"]:focus-visible,
.journey-wrapper input[type="number"]:focus-visible,
.journey-wrapper select:focus-visible,
.journey-wrapper input[type="text"]:active,
.journey-wrapper input[type="password"]:active,
.journey-wrapper input[type="number"]:active,
.journey-wrapper select:active,
.custom-self input[type="text"]:focus, 
.custom-self input[type="password"]:focus, 
.custom-self input[type="number"]:focus, 
.custom-self select:focus, 
.custom-self input[type="text"]:focus-visible,
.custom-self input[type="password"]:focus-visible,
.custom-self input[type="number"]:focus-visible,
.custom-self select:focus-visible,
.custom-self input[type="text"]:active,
.custom-self input[type="password"]:active,
.custom-self input[type="number"]:active,
.custom-self select:active,
#showPassword:focus, 
#showPasswordConfirm:focus,
#showOldPassword:focus, 
#showPassword:focus-visible,
#showPasswordConfirm:focus-visible,
#showOldPassword:focus-visible,
#showPassword:active,
#showPasswordConfirm:active,
#showOldPassword:active,
.journey-wrapper .btn-secondary:focus,
.journey-wrapper .btn-secondary:focus-visible,
.journey-wrapper .btn-secondary:active,
.custom-self .btn-secondary:focus,
.custom-self .btn-secondary:focus-visible,
.custom-self .btn-secondary:active
 {
  box-shadow: 0 0 0 .25rem rgba(0,123,168,.25);
  outline: none;
  background: none;
}

#showPassword:hover,
#showPasswordConfirm:hover,
#showOldPassword:hover,
.journey-wrapper .btn-secondary:hover,
.custom-self .btn-secondary:not(.cancel):hover {
  outline: none;
  background: none;
  border: 1px solid #7c9199;
}

.journey-form .col-form-label, .password-policy, .custom-self .col-form-label {
  color: #00668c;
  font-family: Barlow, sans-serif;
}

.signup-generic-libelle {
  color: #00668c;
}

.required:not(.consent)::after, .journey-wrapper .consent.required span::after {
  color: #C50000;
}

.message-content {
  font-family: Barlow, sans-serif;
  color: #00668c;
}

.journey-wrapper .btn-primary, .custom-self .btn-primary {
  background-color: #007ba8 !important;
  color: #fff !important;
  font-size: 16px;
  font-family: Barlow, sans-serif;
  font-weight: 600;
  line-height: 24px;
  border-radius: 0.5rem;
  text-shadow: none;
  font-variation-settings: normal;
  padding: 7px;
  border: none !important;
}

.journey-wrapper .btn-primary:hover, .custom-self .btn-primary:hover {
  background-color: #003e54 !important;
  color: #fff !important;
  border: none;
  outline: none;
}

.custom-self .user-menu-img-container {
  display: none;
}

.custom-self .btn-primary, .custom-self .cancel, .custom-self .btn-secondary {
  padding-left : 20px !important;
  padding-right: 20px !important;
}

.custom-self .btn-primary:active, .custom-self .btn-primary:focus {
  outline: none !important;
}

.journey-wrapper .cancel, .custom-self .cancel, .custom-self .btn-secondary {
  background-color: #fff !important;
  color: #007ba8 !important;
  font-size: 16px;
  font-family: Barlow, sans-serif;
  font-weight: 600;
  line-height: 24px;
  border-radius: 0.5rem;
  border: solid 1px #007ba8 !important;
  font-variation-settings: normal;
  padding: 7px;
  text-shadow: none;
}

.journey-wrapper .cancel:hover, .custom-self .cancel:hover {
  background-color: #def2fa !important;
  color: #007ba8 !important;
  border: solid 1px #007ba8 !important;
  outline: none;
}

.alert-danger .cancel,
.alert-danger .cancel:hover {
  background-color: #FDEBEB !important;
  border: none !important;
  text-decoration: none;
  color: #559fcc !important;
  font-weight: 400;
}

.alert-danger .cancel:hover {
  color: #007ba8 !important;
}

.journey-wrapper .btn-secondary:not(.cancel),
.custom-self .btn-secondary:not(.cancel) {
  border: 1px solid #7c9199 !important;
  color: #51717d !important;
}

.alert-danger, .self-edit-email-alert, .self-delete-email-alert {
  color: #C50000;
  background-color: #FDEBEB;
  border: solid 1px #C50000;
  font-family: Barlow, sans-serif;
  border-radius: 0.25rem;
}

.self-edit-email-alert, .self-delete-email-alert {
  color: #C00000;
  padding: 10px 10px 5px 10px;
}

.self-edit-email-alert-text {
  padding-top: 15px;
}

.journey-wrapper a {
  color: #007BA8 !important;
  font-family: Barlow, sans-serif;
  border-bottom: none;
  text-decoration: none;
}

.journey-wrapper a:hover {
  color: #005270 !important;
  font-family: Barlow, sans-serif;
  border-bottom: none;
}

.navbar-logo a {
  background-image: url("../../img/Logo_PRC_400x100px.png");
  background-size: contain;
}

.text-truncate {
  white-space: normal;
}

[data-name^="emails"] > ul {
  padding-left: 0px;
}

a {
  color: #559fcc;
}

.signup-choice-label {
  margin-bottom: 10px;
  color: #00668c;
  font-size: 18px;
  font-weight: 600;
}

.signup-choice-text {
  font-size: 14px;
  margin-bottom: 30px;
  color: #00668c;
}

.signup-generic-libelle {
  font-size: 14px;
  font-style: italic;
}

.public-footer {
  width: 100%;
  background-color: #1e1f1f;
}

@media (min-width: 768px) {
  .mx-md-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
}

@media (min-width: 1400px) {
  .public-footer .container {
    max-width: 1000px;
  }
}

.logo-gouv {
  background-color: #1e1f1f;
  font-family: Marianne,arial,sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
  padding: .83rem 0 .33rem 1rem;
}

.fr-logo {
  --link-underline: none;
  --link-blank-font: none;
  --link-blank-content: none;
  color: #fff;
  display: inline-block;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.03175em;
  padding: 1em 1em 1em 0;
  text-indent: -.1em;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: left;
}

.fr-logo::before {
  background-image: url(../../img/marianne.9d800a90.svg),linear-gradient(90deg,#000091,#000091 50%,#e1000f 0,#e1000f);
  background-position: 0 -.0625rem,0 0,0 0;
  background-repeat: no-repeat,no-repeat,no-repeat;
  background-size: 2.75rem 1.125rem,2.75rem 1rem,0;
  content: "";
  display: block;
  height: 1rem;
  margin-bottom: .33333rem;
  width: 2.75rem;
}

@media (min-width: 48em) {
  .fr-logo::before {
    background-position: 0 -.07812rem,0 0,0 0;
    background-size: 3.4375rem 1.40625rem,3.4375rem 1.25rem,0;
    height: 1.25rem;
    margin-bottom: .41667rem;
    width: 3.4375rem;
  }
}

.rgaa-d-none {
  position: absolute;
  top: -10000px;
}

.fr-logo::after {
  background-image: url(../../img/liberte.c7bf69c6.svg);
  background-position: 0 calc(100% + 1.875rem);
  background-repeat: no-repeat;
  background-size: 5.25rem 3.75rem;
  content: "";
  display: block;
  min-width: 2.625rem;
  padding-top: 2.20833rem;
}

@media (min-width: 48em) {
  .fr-logo::after {
    background-position: 0 calc(100% + 2.34375rem);
    background-size: 6.5625rem 4.6875rem;
    min-width: 3.28125rem;
    padding-top: 2.76042rem;
  }
}

.logo-container {
  display: flex;
  max-width: 550px;
}

.public-wrapper .logo {
  width: 470px;
  height: 80px;
  background-image: url("../../img/Logo_Marianne_275x100px.png"), url("../../img/Logo_PRC_400x100px.png");
  background-position: 0px, 145px;
  background-size: 25%, 40%;
  margin-bottom: 0px;
}

.language {
  vertical-align: bottom;
  margin-top: auto;
  margin-bottom: auto;
}

.custom-self .language {
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 20px;
}

.nav-link2 {
  background: none;
  border: 0;
  color: #ffff !important;
  display: block;
  font-weight: 600;
  text-decoration: underline;
  font-size: 16px;
}

.nav-link2:hover {
  background-color: #def2fa;
  border-color: transparent;
  border-radius: .5rem;
  color: #005270 !important;
}

.language a {
  font-weight: 400;
  text-decoration: none;
  font-size: 1rem;
}

.language a[lang="fr"]:first-child::after {
  content: " | ";
  font-weight: 400;
  margin: 0 .5rem 0 .75rem;

}

.language a:hover {
	color: #007ba8;
}

.language-select {
  font-weight: 600 !important;
}

.main {
  grid-template-areas: 
    "top-bar  top-bar"
    "side-bar main   " 
    "footer footer";
}

.public-footer {
  grid-area: footer;
}

.custom-self {
  background-color: rgb(243, 251, 251);
}

.custom-self p, .custom-self small  {
  font-family: Barlow, sans-serif;
}

.custom-self .breadcrumb > .breadcrumb-item:not(:last-child) > * {
  color: #007ba8 !important;
  font-family: Barlow, sans-serif;
  text-decoration: none;
}

.custom-self .breadcrumb > .breadcrumb-item:not(:last-child) > *:hover {
  color: #005270 !important;
  background: none;
}

.custom-self .breadcrumb .breadcrumb-item:last-child {
  color: #007ba8 !important;
  font-family: Barlow, sans-serif;
}

.custom-self .breadcrumb-item + .breadcrumb-item::before {
  color: #007ba8 !important;
  font-family: Barlow, sans-serif;
}

.custom-self .nav-link {
  color: #3B545C !important;
  font-family: Barlow, sans-serif;
}

.custom-self .nav-link:hover {
  background-color: #def2fa !important;
  background: #def2fa !important;
  color: #005270 !important;
  border-left : none !important;
  font-weight: 700;
  border-bottom: none !important;
}

.custom-self .nav-item.active .nav-link  {
  background-color: #007ba8 !important;
  background: #007ba8 !important;
  border-left: none !important;
  color: #ffff !important;
}

.custom-self .nav-item..active .nav-link:hover {
  font-weight: 700
}

.custom-self .menu-sidebar .nav-item.active .nav-link,
.custom-self .menu-sidebar .nav-item .nav-link:not(.nav-link-parent):focus,
.custom-self.mini-navbar
  .menu-sidebar:not(.my-space-menu-sidebar)
  > .nav-item.mm-active
  > .nav-link {
  border-left: 2px solid #007ba8 !important;
  background: #007ba8 !important;
  color: #fff !important;
}

@media (min-width: 992px) {
  .custom-self.mini-navbar .menu-sidebar:not(.my-space-menu-sidebar) > .nav-item .sidebar-submenu {
	  border-left: 2px solid #007ba8;
  }
}

.custom-self .user-menu .dropdown-menu {
	border-top: 2px solid #007ba8;
}

.custom-self .menu-sidebar .nav-item.active .nav-link,
.custom-self .menu-sidebar .nav-item .nav-link:not(.nav-link-parent):focus,
.custom-self .mini-navbar
  .menu-sidebar:not(.my-space-menu-sidebar)
  > .nav-item.mm-active
  > .nav-link {
  background-color: #007ba8 !important;
  background: #007ba8 !important;
  border-left: none !important;
  color: #ffff !important;
}

.custom-self .page-wrapper {
  background-color: rgb(243, 251, 251);
}

.custom-self .page-wrapper-content .ibox   {
  border-radius: 1rem;
  box-shadow: 0 .125rem .5rem rgba(0,64,87,.1);
  background-color: #fff;
}

.custom-self .ibox-title, .custom-self .ibox-content {
  background-color : transparent;
}

.custom-self .page-wrapper-content .dashboard .ibox   {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}

.dashboard__content > div {
  border-radius: 1rem;
  box-shadow: 0 .125rem .5rem rgba(0,64,87,.1);
  background-color: #fff;
}

.dashboard a:not(.orcid-value), .custom-self:not(.orcid-value) .attr-value a:not(.orcid-value), .alert-info a {
  color: #007ba8 !important;
  text-decoration: none !important;
}

.dashboard a:hover, .dashboard a:active, .dashboard a:focus, .dashboard a:focus-visible,
.custom-self .attr-value a:hover, .custom-self .attr-value a:active, .custom-self .attr-value a:focus, .custom-self .attr-value a:focus-visible,
.alert-info a:hover, .alert-info a:active, .alert-info a:focus, .alert-info a:focus-visible {
  color: #005270 !important;
  background: none !important;
  font-weight: normal !important;
}

.custom-self .idp-account__info .row:first-child {
  display: none;
}

.custom-self .alert-info {
  color: #1E5C9E;
  background-color: #E7F1FA;
  border: solid 1px #1E5C9E;
}

.custom-self .alert-info a {
  color: #007ba8;
  font-weight: 600 !important;
}

.custom-self .alert-info a:hover {
  color: #005270;
  font-weight: 600;
}

.custom-self .myaccount-menu,
.custom-self .about-menu,
.custom-self .sng-menu
 {
  color: #3B545C;
}

.custom-self .myaccount-menu:hover,
.custom-self .about-menu:hover,
.custom-self .sng-menu:hover {
  background: #def2fa !important;
  color: #005270 !important;
  border-left: none !important;
  font-weight: 700;
}

.custom-self .dropdown-toggle {
  color: #00668c !important;
}

.orcid-value {
  gap: 5px;
  display: inline-flex;
  line-height: 1.5;
  text-decoration: underline !important;
  color: #007ba8 !important;
}

.orcid-unlink {
  font-style: italic;
  font-size: 11px;
}

.account__photo {
  display: none;
}

.orcid-value::before {
  background-image: url("../../img/idp/ORCID_iD_32x32.svg");
  content: "";
  background-size: contain;
  width: 20px;
  height: 20px;
  display: inline-flex;
  background-repeat: no-repeat;
  margin-left: -25px;
}

.tempus-dominus-widget.light {
  color: #00668c !important;
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active {
  background-color: #00668c !important;
}

.otp-content input {
  width: 40px;
}

.idp-account__title.dashboard__box-title.mb-4 {
  font-size: 13px;
  width: max-content;
}

.custom-self .dashboard__consents {
  display: none;
}

.custom-self .dashboard__consents {
  display: none;
}

.user-menu-img-container {
  display: none;
}

@media (max-width: 991.98px) {
  .main {
    grid-template-areas:
      "top-bar"
      "perspective-bar"
      "side-bar"
      "main"
      "footer";
  }
	
  .custom-self .mobile-perspective-items > li > a {
    font-weight: bold;
    color: #007ba8;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-family: Barlow, sans-serif;
	text-decoration: none;
  }
  .custom-self .mobile-perspective-items > li.active {
    border-bottom: 3px solid #007ba8;
  }
  .custom-self .mobile-perspective-items > li > a:hover {
    color: #005270;
	background: none !important;
  }
  .custom-self .mobile-perspective-bar {
    background-color: transparent;
  }
  
  .public-footer img {
    width: auto !important;
    display: block;
    overflow: auto;
  }
  
  .public-wrapper .logo {
	width: 270px;
	background-position: 0px, 95px;
    background-size: 30%, 50%;
  }
  
  .profile-photo {
    width: 25px;
    height: 25px;
  }
  
  .custom-self .public-footer .container {
     padding-bottom: 60px;
  }
}