@charset "UTF-8";
/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Roboto&subset=latin-ext");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-variant-caps: inherit;
  font-variant-numeric: inherit;
  font-variant-east-asian: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* import color scheme */
/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
/* common colors */
/* Palette */
/* import CNAV Variables */
/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
/* import Mixins */
/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
/******************************************* CLEARFIX */
/******************************************* GRADIENTS */
/******************************************* BREAKPOINTS */
/******************************************* FONT FACE */
/******************************************* BTN THEME GENERATOR */
/* import Helpers*/
/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
.ps-bloc-info {
  background: rgba(0, 113, 185, 0.1);
  border: 1px solid #0071B9;
  box-sizing: border-box;
  border-radius: 8px;
  color: #0071B9;
  padding: 20px;
  text-align: center;
}
.ps-bloc-info p + p {
  margin-top: 10px;
}
.ps-bloc-info a {
  color: #0071B9;
}

.ps-bloc-success {
  padding: 20px;
  border: 1px solid #25781E;
  background: rgba(37, 120, 30, 0.1);
  border-radius: 8px;
  color: #25781E;
  text-align: center;
}
.ps-bloc-success svg {
  margin-bottom: 20px;
}
.ps-bloc-success a {
  color: #25781E;
}

.ps-bloc-error {
  padding: 20px;
  border: 1px solid #D70000;
  background: rgba(215, 0, 0, 0.1);
  border-radius: 8px;
  color: #D70000;
  text-align: center;
}
.ps-bloc-error .ps-icon-error {
  font-size: 47px;
  margin-bottom: 20px;
}
.ps-bloc-error a {
  color: #D70000;
}

.ps-bloc-error a, .ps-bloc-success a, .ps-bloc-info a {
  text-decoration: underline;
}
.ps-bloc-error a:hover, .ps-bloc-success a:hover, .ps-bloc-info a:hover {
  color: #575757;
}

.ps-mat-error {
  color: #D70000;
}

mat-error {
  color: #D70000;
}

.ps-hidden-all {
  display: none;
}

.ps-visible-all {
  display: block;
}

.ps-hidden-smartphone {
  display: none !important;
}

.ps-visible-smartphone {
  display: block !important;
}

.ps-fl-right {
  float: right;
}
.ps-fl-right:after {
  clear: both;
}

.ps-mt-0 {
  margin-top: 0px;
}

.ps-mt-30 {
  margin-top: 30px;
}

.ps-mb-20 {
  margin-bottom: 20px;
}

/***********************************************************
                        MEDIAQUERIES
***********************************************************/
/* max-width : 767px */
/* min-width : 768px */
@media (min-width: 768px) {
  .ps-hidden-phablet {
    display: none !important;
  }
  .ps-visible-phablet {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .ps-hidden-desktop {
    display: none !important;
  }
  .ps-visible-desktop {
    display: block !important;
  }
}
@media (min-width: 1280px) {
  .ps-hidden-desktop-lg {
    display: none !important;
  }
  .ps-visible-desktop-lg {
    display: block !important;
  }
}
/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
.ps-cnav-container > .ps-h1 {
  display: none;
}

.ps-field-container,
.ps-error-msg-container {
  margin: 0 auto;
  display: block !important;
}

.ps-field-container {
  width: 100%;
}

.ps-error-msg-container {
  width: 80%;
  color: #D70000;
  margin-bottom: 30px;
}

.ps-field-container-flex {
  display: flex;
  width: 100%;
  margin: 0 auto;
}

.ps-field-container-xxs {
  width: 15%;
  margin-right: 2%;
}

.ps-field-container-xs {
  width: 35%;
  margin-right: 2%;
}

.ps-field-container-sm {
  width: 63%;
}

.ps-field-container-lg {
  width: 83%;
}

.ps-cnav-container {
  padding: 30px;
  background-color: white;
}

.ps-fullwidth .ps-cnav-container {
  padding: 0;
  min-height: 95vh;
}

.ps-link-container {
  text-align: center;
}

/***********************************************************
                        MEDIAQUERIES
***********************************************************/
@media (min-width: 768px) {
  .ps-not-connected .ps-cnav-container {
    border-radius: 8px;
    width: 620px;
    margin: 50px auto;
    background-color: white;
  }
  .ps-connected {
    background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("assets/img/bg-esp-perso.png");
    background-size: cover;
    overflow: auto;
  }
  .ps-connected.ps-service-page {
    background: none;
    background-color: #f4f4f4;
  }
  .ps-connected .ps-cnav-container {
    width: 73.5vw; /* ratio container 940px sur un 1280px */
    max-width: 940px;
    padding: 0;
    margin: 75px auto 50px auto;
    background-color: transparent;
  }
  .ps-connected.ps-success {
    background: url("assets/img/bg-success.png");
    background-size: cover;
    overflow: auto;
  }
  .ps-connected.ps-success .ps-cnav-container {
    background-color: white;
    border-radius: 8px;
  }
  .ps-connected.ps-fullwidth .ps-cnav-container {
    width: 100%;
    max-width: 100vw;
    margin: 0;
    background-color: white;
  }
  .ps-field-container,
  .ps-error-msg-container, .ps-field-container-flex {
    max-width: 345px;
  }
}
@media (min-width: 1024px) {
  .ps-connected .ps-cnav-container {
    width: 93.5vw;
  }
}
/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
cnav-header {
  position: fixed;
  top: 0;
  z-index: 1001; /* FAB Z is 1000 */
  left: 0;
  right: 0;
}

* {
  box-sizing: border-box;
}

html, body {
  min-height: 100vh;
}

body {
  background: white;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 130%;
  margin: 0;
}

.ps-success-msg {
  text-align: center;
}

mat-checkbox span {
  font-size: 14px;
  color: #666;
}
mat-checkbox .mat-checkbox-layout {
  white-space: normal;
}
mat-checkbox .mat-checkbox-inner-container {
  width: 30px;
  height: 30px;
}

.ps-card {
  display: table;
  margin: 0 auto 15px;
  width: 570px;
}

mat-slider {
  width: 400px;
}

.ps-msg-container {
  padding: 12px 18px;
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
  border-radius: 8px;
}
.ps-msg-container.ps-error-msg {
  color: #D70000;
  background: rgba(215, 0, 0, 0.1);
}
.ps-msg-container.ps-success-msg {
  color: #44942d;
  background: rgba(68, 148, 45, 0.1);
}

.ps-spinner-container {
  z-index: 1090;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
}
.ps-spinner-container .mat-progress-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
}
.ps-spinner-container .mat-progress-spinner.mat-primary circle {
  stroke: #0071B9;
}
.ps-spinner-container.ps-act .mat-progress-spinner.mat-primary circle {
  stroke: #0093A5;
}
.ps-spinner-container.ps-ret .mat-progress-spinner.mat-primary circle {
  stroke: #A92765;
}

.ps-firstAuth {
  text-align: center;
}
.ps-firstAuth h1 {
  padding: 0 12.5%;
}

.ps-cont-icon {
  height: 46px;
  width: 46px;
  margin: 0 auto 30px auto;
  text-align: center;
}
.ps-info-container {
  text-align: center;
  margin-top: 20px;
}
.ps-info-container span {
  display: inline-block;
}

.ps-wordings-container {
  background: #0071B9;
  padding: 30px;
  text-align: center;
}
.ps-wordings-container .ps-h1,
.ps-wordings-container .ps-h4 {
  color: white;
}
.ps-wordings-container .ps-h4 {
  line-height: 31px;
  padding: 0 20px;
}
.ps-wordings-container + p {
  text-align: center;
  width: 80%;
  margin: 30px auto;
}

.ps-ret .ps-wordings-container {
  background: #A92765;
}
.ps-ret .ps-wordings-container + p {
  color: #A92765;
}

.ps-act .ps-wordings-container {
  background: #0093A5;
}
.ps-act .ps-wordings-container + p {
  color: #0093A5;
}

.ps-disabled {
  color: #666;
}

mat-card.mat-card {
  transition: all 0.3s ease-out;
  border-radius: 8px;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1) !important;
  cursor: pointer;
  border: 1px solid #dbdbdb;
}
mat-card.mat-card:hover, mat-card.mat-card:focus {
  transition: all 0.15s ease-in;
  outline: none;
  border: 1px solid #0071B9;
}
mat-card.ps-error-list-container:hover, mat-card.ps-error-list-container:focus {
  border: 1px solid #dbdbdb;
}

.ps-act mat-card.mat-card:not(.ps-errors-list-container):hover, .ps-act mat-card.mat-card:not(.ps-errors-list-container):focus {
  border: 1px solid #0093A5;
}

.ps-ret mat-card.mat-card:not(.ps-errors-list-container):hover, .ps-ret mat-card.mat-card:not(.ps-errors-list-container):focus {
  border: 1px solid #A92765;
}

.ps-notif-banner .ps-close-btn {
  color: #0071B9;
}
.ps-notif-banner .ps-prev-btn, .ps-notif-banner .ps-next-btn {
  background-color: #0071B9;
}

.ps-act .ps-notif-banner .ps-close-btn {
  color: #0093A5;
}
.ps-act .ps-notif-banner .ps-prev-btn, .ps-act .ps-notif-banner .ps-next-btn {
  background-color: #0093A5;
}

.ps-ret .ps-notif-banner .ps-close-btn {
  color: #A92765;
}
.ps-ret .ps-notif-banner .ps-prev-btn, .ps-ret .ps-notif-banner .ps-next-btn {
  background-color: #A92765;
}

.ps-h1 .ps-help-icon {
  vertical-align: middle;
  color: #0071B9;
  cursor: pointer;
}

.ps-act .ps-h1 .ps-help-icon {
  vertical-align: middle;
  color: #0093A5;
}

.ps-ret .ps-h1 .ps-help-icon {
  vertical-align: middle;
  color: #A92765;
}

cnav-progress-bar-steps > div {
  text-align: center;
}

#status-container .status-label:before {
  background: #dbdbdb;
}
#status-container .status-label.past:before {
  background: #0071B9;
}
#status-container .status-label.selected:before {
  border-radius: 6px;
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -6px;
  width: 12px;
  height: 12px;
}

.mat-slider-disabled.mat-slider-horizontal {
  width: 78%;
}
.mat-slider-disabled.mat-slider-horizontal .mat-slider-track-wrapper,
.mat-slider-disabled.mat-slider-horizontal .mat-slider-wrapper,
.mat-slider-disabled.mat-slider-horizontal .mat-slider-track-background,
.mat-slider-disabled.mat-slider-horizontal .mat-slider-track-fill,
.mat-slider-disabled.mat-slider-horizontal .mat-slider-ticks-container,
.mat-slider-disabled.mat-slider-horizontal .mat-slider-ticks {
  height: 4px;
}
.mat-slider-disabled.mat-slider-horizontal .mat-slider-track-wrapper {
  border-radius: 2px;
}
.mat-slider-disabled.mat-slider-horizontal .mat-slider-wrapper {
  top: 22px;
}
.mat-slider-disabled.mat-slider-horizontal .mat-slider-wrapper:before {
  border-radius: 0 2px 2px 0;
  content: "";
  width: 30px;
  height: 4px;
  position: absolute;
  right: -30px;
  background: #dbdbdb;
}
.mat-slider-disabled.mat-slider-horizontal:before, .mat-slider-disabled.mat-slider-horizontal:after {
  border-radius: 2px;
  content: "";
  width: 13px;
  height: 4px;
  right: -27px;
  position: absolute;
  background: #dbdbdb;
}
.mat-slider-disabled.mat-slider-horizontal:before {
  top: 19px;
  transform: rotate(45deg);
}
.mat-slider-disabled.mat-slider-horizontal:after {
  bottom: 19px;
  transform: rotate(-45deg);
}
.mat-slider-disabled .mat-slider-track-background {
  background-color: #dbdbdb !important;
}
.mat-slider-disabled .mat-slider-thumb {
  transform: scale(1) !important;
  box-shadow: inset 0 0 0 4px white;
  background: #0071B9;
  border: 1px solid #0071B9 !important;
  width: 22px;
  height: 22px;
  right: -11px;
  bottom: -11px;
}
.mat-slider-disabled .mat-slider-track-fill {
  background: linear-gradient(90deg, #0071B9 0%, #0489DE 100%);
}

.mat-slider-disabled.mat-slider-horizontal[aria-valuenow="100"]:before, .mat-slider-disabled.mat-slider-horizontal[aria-valuenow="100"]:after {
  display: none;
}
.mat-slider-disabled.mat-slider-horizontal[aria-valuenow="100"] .mat-slider-wrapper:before {
  display: none;
}

.ps-act .mat-slider-disabled .mat-slider-thumb {
  background: #0093A5;
  border: 1px solid #0093A5 !important;
}
.ps-act .mat-slider-disabled .mat-slider-track-fill {
  background: linear-gradient(90deg, #0093A5 0%, #20B2A2 100%);
}
.ps-act #status-container .status-label.past:before {
  background: #0093A5;
}

.ps-ret .mat-slider-disabled .mat-slider-thumb {
  background: #A92765;
  border: 1px solid #A92765 !important;
}
.ps-ret .mat-slider-disabled .mat-slider-track-fill {
  background: linear-gradient(90deg, #A92765 0%, #C94061 100%);
}
.ps-ret #status-container .status-label.past:before {
  background: #A92765;
}

.ps-indicators-container .ps-retirement-info-container > div span:last-child {
  color: #025F9B !important;
}

.ps-act .ps-indicators-container .ps-retirement-info-container > div span:last-child {
  color: #01707E !important;
}

.ps-ret .ps-indicators-container .ps-retirement-info-container > div span:last-child {
  color: #6A123C !important;
}

.ps-messages-container.mat-card .ps-messages-recap-container .ps-badgecounter span {
  background: #0071B9;
  box-shadow: 0 5px 10px rgba(0, 113, 185, 0.25);
}

.ps-act .ps-messages-container.mat-card .ps-messages-recap-container .ps-badgecounter span {
  background: #0093A5;
  box-shadow: 0 5px 10px rgba(0, 147, 165, 0.25);
}
.ps-act .ps-messages-container.mat-card .ps-messages-recap-container .ps-badgecounter svg {
  fill: #0093A5 !important;
}

.ps-ret .ps-messages-container.mat-card .ps-messages-recap-container .ps-badgecounter span {
  background: #A92765;
  box-shadow: 0 5px 10px rgba(169, 39, 101, 0.25);
}
.ps-ret .ps-messages-container.mat-card .ps-messages-recap-container .ps-badgecounter svg {
  fill: #A92765 !important;
}

.ps-dash-wrapper:after {
  background: rgba(0, 113, 185, 0.7);
}

.ps-act .ps-dash-wrapper:after {
  background: rgba(0, 147, 165, 0.7);
}
.ps-act .ps-dashcard svg path {
  fill: #0093A5 !important;
}
.ps-act .ps-dashcard-surb {
  box-shadow: 7px 7px 0 -2px #0093A5, 7px 7px 0 0 white;
}

.ps-ret .ps-dash-wrapper:after {
  background: rgba(169, 39, 101, 0.7);
}
.ps-ret .ps-dashcard svg path {
  fill: #A92765 !important;
}
.ps-ret .ps-dashcard-surb {
  box-shadow: 7px 7px 0 -2px #A92765, 7px 7px 0 0 white;
}

.ps-banner-wrapper:after {
  background: #EFF8FD;
}

.ps-act .ps-banner-wrapper:after {
  background: #ECFBFD;
}

.ps-ret .ps-banner-wrapper:after {
  background: #FAEAF2;
}

.ps-esp-perso-container {
  margin: 0 -30px;
  overflow: hidden;
  position: relative;
}
.ps-esp-perso-container .mat-nav-list {
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(0);
  width: 100vw;
  padding-top: 0;
}
.ps-esp-perso-container .mat-nav-list .mat-list-item {
  height: 58px;
  line-height: 58px;
  border-top: 1px solid #dbdbdb;
}
.ps-esp-perso-container .mat-nav-list .mat-list-item:last-child {
  border-bottom: 1px solid #dbdbdb;
}
.ps-esp-perso-container .mat-nav-list .mat-list-item .mat-list-item-content {
  padding: 0;
}
.ps-esp-perso-container .mat-nav-list .mat-list-item .mat-list-item-content a {
  padding: 0 24px;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: 15px;
  position: relative;
}
.ps-esp-perso-container .mat-nav-list .mat-list-item .mat-list-item-content a .material-icons {
  transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s linear;
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -12px;
  color: #666;
}
.ps-esp-perso-container .mat-nav-list .mat-list-item .mat-list-item-content a:hover .material-icons, .ps-esp-perso-container .mat-nav-list .mat-list-item .mat-list-item-content a:focus .material-icons {
  transition: right 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s linear;
  right: 12px;
  color: #000000;
}
.ps-esp-perso-container .mat-nav-list .mat-list-item .mat-list-item-content a.ps-active-element {
  background: #0071B9;
  color: white;
}
.ps-esp-perso-container .mat-nav-list .mat-list-item .mat-list-item-content a.ps-active-element .material-icons {
  color: white;
}
.ps-esp-perso-container .ps-esp-perso-content {
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(100vw) translateY(-290px);
  width: 100vw;
  padding: 0 34px;
  height: 0;
}
.ps-esp-perso-container .ps-esp-perso-content > * {
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s linear;
  transform: translateY(6px);
  opacity: 0;
}
.ps-esp-perso-container.ps-content-visible {
  overflow-y: auto;
}
.ps-esp-perso-container.ps-content-visible .mat-nav-list {
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-100%);
}
.ps-esp-perso-container.ps-content-visible .ps-esp-perso-content {
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  transform: translateX(0) translateY(-290px);
  height: auto;
}
.ps-esp-perso-container.ps-content-visible .ps-esp-perso-content > * {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0.15s, opacity 0.25s linear 0.15s;
  transform: translateY(0);
  opacity: 1;
}
.ps-esp-perso-container .ps-back-to-menu {
  height: 58px;
  line-height: 58px;
  background-color: #0071B9;
  margin: 0 -34px 30px -34px;
  padding: 0 15px;
  cursor: pointer;
}
.ps-esp-perso-container .ps-back-to-menu .material-icons, .ps-esp-perso-container .ps-back-to-menu span {
  color: white;
}
.ps-esp-perso-container .ps-back-to-menu .material-icons {
  vertical-align: middle;
  margin-right: 5px;
}
.ps-esp-perso-container .ps-back-to-menu span {
  font-weight: 500;
  font-size: 15px;
  position: relative;
  top: 1px;
}

.ps-act .ps-esp-perso-container .ps-back-to-menu {
  background-color: #0093A5;
}
.ps-act .ps-esp-perso-container .mat-nav-list .mat-list-item .mat-list-item-content a.ps-active-element {
  background: #0093A5;
}

.ps-ret .ps-esp-perso-container .ps-back-to-menu {
  background-color: #A92765;
}
.ps-ret .ps-esp-perso-container .mat-nav-list .mat-list-item .mat-list-item-content a.ps-active-element {
  background: #A92765;
}

.ps-list-msg .mat-list-item:hover, .ps-list-msg .mat-list-item:focus {
  border-bottom: 2px solid #0071B9;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1);
}

.ps-act .ps-list-msg .mat-list-item:hover, .ps-act .ps-list-msg .mat-list-item:focus {
  border-bottom: 2px solid #0093A5 !important;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1);
}
.ps-act .ps-list-msg .mat-list-item .ps-mail-close {
  fill: #0093A5;
}

.ps-ret .ps-list-msg .mat-list-item:hover, .ps-ret .ps-list-msg .mat-list-item:focus {
  border-bottom: 2px solid #A92765 !important;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1);
}
.ps-ret .ps-list-msg .mat-list-item .ps-mail-close {
  fill: #A92765;
}

/***********************************************************
                        MEDIAQUERIES
***********************************************************/
/* max-width : 767px */
/* min-width : 768px */
@media (min-width: 768px) {
  .ps-not-connected {
    background: linear-gradient(to bottom, #EFF8FD, #9BD7F8);
    min-height: 100vh;
  }
  /*  .ps-cnav-container {
      margin: 50px auto;
    }*/
  .ps-wordings-container .ps-h1,
  .ps-wordings-container .ps-h4, .ps-wordings-container + p {
    margin: 30px auto;
    width: 80%;
    max-width: 640px;
  }
}
@media (min-width: 1024px) {
  .ps-firstAuth h1 {
    padding: 0 0;
  }
  .ps-esp-perso-container {
    padding-bottom: 70px;
    margin: 0;
    overflow: auto;
  }
  .ps-esp-perso-container .mat-nav-list .mat-list-item:first-child {
    border-top: none;
  }
  .ps-esp-perso-container .mat-nav-list .mat-list-item:last-child {
    border-bottom: none;
  }
  .ps-esp-perso-container .ps-esp-perso-content {
    transform: translateX(0) translateY(0);
    height: auto;
    padding: 34px;
  }
  .ps-esp-perso-container .ps-esp-perso-content > * {
    transform: translateY(0px);
    opacity: 1;
  }
  .ps-esp-perso-container.ps-content-visible .mat-nav-list {
    transition: transform 0s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(0);
  }
  .ps-esp-perso-container.ps-content-visible .ps-esp-perso-content {
    transition: transform 0s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(0) translateY(0);
    height: auto;
  }
  .ps-esp-perso-container.ps-content-visible .ps-esp-perso-content > * {
    transition: transform 0s cubic-bezier(0.4, 0, 0.2, 1), opacity 0s linear;
    transform: translateY(0);
    opacity: 1;
  }
}
/***************************************************************************
            THIS PARTIAL IS USED IN THE GLUE STYLE.SCSS
***************************************************************************/
@font-face {
  font-family: "OpenDyslexic";
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/OpenDyslexicMono-Regular.otf") format("opentype");
}
@font-face {
  font-family: "OpenDyslexic";
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/OpenDyslexic-Regular.otf") format("opentype");
}
@font-face {
  font-family: "OpenDyslexic";
  font-style: italic;
  font-weight: 400;
  src: url("./assets/fonts/OpenDyslexic-Italic.otf") format("opentype");
}
@font-face {
  font-family: "OpenDyslexic";
  font-style: normal;
  font-weight: 700;
  src: url("./assets/fonts/OpenDyslexic-Bold.otf") format("opentype");
}
@font-face {
  font-family: "OpenDyslexic";
  font-style: italic;
  font-weight: 700;
  src: url("./assets/fonts/OpenDyslexic-BoldItalic.otf") format("opentype");
}
@font-face {
  font-family: "OpenDyslexic";
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/OpenDyslexicAlta-Regular.otf") format("opentype");
}
@font-face {
  font-family: "OpenDyslexic";
  font-style: italic;
  font-weight: 400;
  src: url("./assets/fonts/OpenDyslexicAlta-Italic.otf") format("opentype");
}
@font-face {
  font-family: "OpenDyslexic";
  font-style: normal;
  font-weight: 700;
  src: url("./assets/fonts/OpenDyslexicAlta-Bold.otf") format("opentype");
}
@font-face {
  font-family: "OpenDyslexic";
  font-style: italic;
  font-weight: 700;
  src: url("./assets/fonts/OpenDyslexicAlta-BoldItalic.otf") format("opentype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2") format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.ps-dyslexic {
  font-family: "OpenDyslexic", Arial, Helvetica, sans-serif;
}

.ps-h1, .ps-h2, .ps-h3, .ps-h4, .ps-h5, .ps-h6 {
  font-family: "Raleway", Arial, Helvetica, sans-serif;
}

.ps-dyslexic .ps-h1, .ps-dyslexic .ps-h2, .ps-dyslexic .ps-h3, .ps-dyslexic .ps-h4, .ps-dyslexic .ps-h5, .ps-dyslexic .ps-h6 {
  font-family: "OpenDyslexic", Arial, Helvetica, sans-serif;
}

.ps-h1 {
  font-weight: 400;
  font-size: 34px;
  line-height: 40px;
  text-align: Center;
  width: 100%;
  margin-bottom: 30px;
}

.ps-h2 {
  font-weight: 700;
  font-size: 24px;
}

.ps-dyslexic .ps-h2 {
  font-weight: 400;
}

.ps-h3 {
  font-weight: 300;
  font-size: 22px;
}

.ps-dyslexic .ps-h3 {
  font-weight: 700;
  font-size: 26px;
}

.ps-h4 {
  font-weight: 600;
  font-size: 20px !important;
}

fieldset legend.ps-h4, fieldset legend.ps-h3 {
  line-height: 31px;
  padding: 0;
  margin-bottom: 20px;
}

.ps-dyslexic .ps-h4 {
  font-weight: 700;
  font-size: 20px;
}

.ps-h5 {
  font-weight: 700;
  font-size: 18px;
}

.ps-h6 {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
}

p {
  line-height: 130%;
}
p.limit {
  font-size: 80%;
  margin-left: 220px;
}

b, strong, .strong {
  font-weight: 700;
}

a {
  color: #0071B9;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

.ps-esp-perso-content input[disabled] {
  font-size: 15px;
  color: black;
}

.ps-act a, .ps-act .ps-txt-context {
  color: #0093A5;
}
.ps-act .ps-footer-container a {
  color: white;
}
.ps-act .ps-nav-list a.ps-active-element {
  color: #A92765;
  font-weight: 500;
}
.ps-act .ps-nav-list a.ps-active-element + svg {
  fill: #A92765;
}

.ps-ret a, .ps-ret .ps-txt-context {
  color: #A92765;
}
.ps-ret .ps-footer-container a {
  color: white;
}
.ps-ret .ps-nav-list a.ps-active-element {
  color: #A92765;
  font-weight: 500;
}

/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
fieldset.flex div:not(.ps-form-action) {
  display: flex;
  align-items: center;
}
fieldset.flex div:not(.ps-form-action) label {
  text-align: right;
  margin-right: 20px;
}
fieldset.flex div:not(.ps-form-action) input, fieldset.flex div:not(.ps-form-action) select, fieldset.flex div:not(.ps-form-action) textarea {
  width: 60%;
}
fieldset.flex div:not(.ps-form-action) input[disabled] {
  border: 0;
  background-color: transparent;
  font-size: 15px;
}

.ps-form-action {
  text-align: center;
  margin-top: 30px;
}
.ps-form-action::after {
  display: block;
  content: "";
  clear: both;
}
.ps-form-action .ps-chpOblig {
  margin-bottom: 20px;
}
.ps-form-action.ps-two-actions {
  margin: 30px auto 0 auto;
}
.ps-form-action.ps-two-actions .ps-btn:not(:last-child) {
  margin-bottom: 20px;
}

/* Vire fond jaune pré-rempli Chrome : */
form input:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px white;
}

/* Vire l'icone d'erreur de base material devant les inputs */
.mat-form-field.mat-form-field-invalid:before {
  content: "";
}

/* Aspect des checkboxes */
.zoneRep {
  padding-top: 20px;
  margin-right: 15px;
  display: inline-block;
}

.db {
  display: block;
}

.dinlb {
  display: inline-block;
}

.ml-100 {
  margin-left: 100px;
}

/* Cachons la case à cocher */
input[type=radio]:not(:checked),
input[type=radio]:checked,
input[type=checkbox]:not(:checked),
input[type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}

/* on prépare le label */
input[type=radio]:not(:checked) + label,
input[type=radio]:checked + label,
input[type=checkbox]:not(:checked) + label,
input[type=checkbox]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 40px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer; /* affiche un curseur adapté */
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
input[type=radio]:not(:checked) + label:before,
input[type=radio]:checked + label:before,
input[type=checkbox]:not(:checked) + label:before,
input[type=checkbox]:checked + label:before {
  content: "";
  left: 0;
  top: -8px;
  border: 1px solid #757575;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 4px;
}

/* Aspect général de la coche */
input[type=radio]:not(:checked) + label:after,
input[type=radio]:checked + label:after,
input[type=checkbox]:not(:checked) + label:after,
input[type=checkbox]:checked + label:after {
  content: "✔";
  position: absolute;
  top: -8px;
  left: 0px;
  font-size: 24px;
  padding-top: 5px;
  width: 30px;
  height: 25px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 50%;
  color: white;
  transition: all 0.2s; /* on prévoit une animation */
  background-color: #0071B9;
}

/* Aspect si "pas cochée" */
input[type=radio]:not(:checked) + label:after,
input[type=checkbox]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}

/* Aspect si "cochée" */
input[type=radio]:checked + label:after,
input[type=checkbox]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}

.ps-act [type=checkbox]:checked + label {
  color: #0093A5;
}

.ps-ret [type=checkbox]:checked + label {
  color: #A92765;
}

cnav-date-input .ps-field-container-sm {
  white-space: nowrap;
  height: 55px;
  padding-top: 5px;
  line-height: 50px;
  margin-right: 10px;
}
cnav-date-input .ps-field-container-xs {
  margin-right: 0;
  width: 24%;
}

.ps-form-action.ps-two-actions .ps-btn-primary, .ps-form-action.ps-two-actions .ps-btn-tertiary {
  width: 95%;
  margin: 10px auto;
}

/***********************************************************
                        MEDIAQUERIES
***********************************************************/
@media (min-width: 768px) {
  fieldset.flex div:not(.ps-form-action) label {
    width: 195px;
  }
  .ps-form-action.ps-two-actions .ps-btn-primary {
    float: right;
    margin-right: 0;
    margin-bottom: 0;
  }
  .ps-form-action.ps-two-actions .ps-btn-tertiary {
    float: left;
    margin-bottom: 0;
    margin-right: 32px;
  }
}
.mat-accordion {
  width: 95%;
  margin: 0 auto;
}

.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
  box-sizing: content-box;
  display: flex;
  padding: 0 24px;
  margin: 0;
  border-radius: 4px;
  overflow: hidden;
  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-accordion .mat-expansion-panel:not(.mat-expanded), .mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  border-radius: 0;
}
.mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mat-expansion-panel.ng-animate-disabled, .ng-animate-disabled .mat-expansion-panel, .mat-expansion-panel._mat-animation-noopable {
  transition: none;
}

.mat-expansion-panel-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}

.mat-expansion-panel-body {
  padding: 16px 24px;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
  border-top: 0;
}
.mat-expansion-panel-body p {
  font-size: 16px !important;
}

.mat-expansion-panel-spacing {
  margin: 16px 0;
}
.mat-accordion > .mat-expansion-panel-spacing:first-child, .mat-accordion > *:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
  margin-top: 0;
}
.mat-accordion > .mat-expansion-panel-spacing:last-child, .mat-accordion > *:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
  margin-bottom: 0;
}

.mat-action-row {
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px 8px 16px 24px;
}
.mat-action-row button.mat-button {
  margin-left: 8px;
}
[dir=rtl] .mat-action-row button.mat-button {
  margin-left: 0;
  margin-right: 8px;
}

.mat-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 24px;
  border-radius: inherit;
  min-height: 38px;
}
.mat-expansion-panel-header:focus, .mat-expansion-panel-header:hover {
  outline: none;
}
.mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel-header.mat-expanded:hover {
  background: inherit;
}
.mat-expansion-panel-header:not([aria-disabled=true]) {
  cursor: pointer;
}

.mat-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: hidden;
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  display: flex;
  flex-grow: 1;
  margin-right: 16px;
}
[dir=rtl] .mat-expansion-panel-header-title,
[dir=rtl] .mat-expansion-panel-header-description {
  margin-right: 0;
  margin-left: 16px;
}

.mat-expansion-panel-header-description {
  flex-grow: 2;
}

/**
 * Creates the expansion indicator arrow. Done using ::after rather than having
 * additional nodes in the template.
 */
.mat-expansion-indicator::after {
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  vertical-align: middle;
}

/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
.ps-eye-icon + .mat-form-field-label-wrapper {
  max-width: 86%;
}

.inputOldschool input[type=text], .inputOldschool select, .inputOldschool textarea {
  min-height: 44px;
  border-radius: 5px;
  background: white;
  border: 1px solid #757575;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  min-width: 200px;
  font-size: 14px;
  padding: 10px;
}
.inputOldschool textarea {
  min-height: 150px;
}

.ps-act .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  box-shadow: 0 5px 10px rgba(0, 147, 165, 0.1);
}
.ps-act .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-start,
.ps-act .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-gap,
.ps-act .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-end {
  border-color: #0093A5;
}

.ps-ret .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  box-shadow: 0 5px 10px rgba(169, 39, 101, 0.1);
}
.ps-ret .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-start,
.ps-ret .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-gap,
.ps-ret .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-end {
  border-color: #A92765;
}

/***********************************************************
                        MEDIAQUERIES
***********************************************************/
/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
/* Conteneur boutons forms */
.ps-link-container .ps-btns {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.ps-link-container .ps-btns button {
  margin: 0;
}

.ps-txt-btn {
  color: #0071B9;
  border: 0;
  background: transparent;
}
.ps-txt-btn span {
  margin-left: 10px;
}
.ps-txt-btn:disabled {
  color: #adadad;
}
.ps-txt-btn:hover, .ps-txt-btn:focus, .ps-txt-btn:active {
  color: #0489DE;
}
.ps-txt-btn:hover:disabled, .ps-txt-btn:focus:disabled, .ps-txt-btn:active:disabled {
  color: #adadad;
}
.ps-txt-btn:focus {
  border-radius: 4px;
  border: 1px solid #0489DE;
}
.ps-txt-btn.ps-txt-secondary {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

.ps-ret .ps-txt-btn {
  color: #A92765;
}
.ps-ret .ps-txt-btn svg path {
  fill: #A92765;
}

.ps-act .ps-txt-btn {
  color: #0093A5;
}
.ps-act .ps-txt-btn svg path {
  fill: #0093A5;
}

.ps-btn {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  font-size: 15px;
  text-align: center;
  min-width: 180px;
  outline: none;
  cursor: pointer;
  padding: 13px 20px;
  border: none;
  display: inline-block;
}
.ps-btn:hover, .ps-btn:focus {
  text-decoration: none;
}
.ps-btn.ps-icon-before span, .ps-btn.ps-icon-after span {
  position: relative;
}
.ps-btn.ps-icon-before svg, .ps-btn.ps-icon-after svg {
  position: absolute;
  top: 0;
}
.ps-btn.ps-icon-before span {
  padding-left: 30px;
}
.ps-btn.ps-icon-before svg {
  left: 0;
}
.ps-btn.ps-icon-after span {
  padding-right: 30px;
}
.ps-btn.ps-icon-after svg {
  right: 0;
}

.ps-act .ps-btn-primary:disabled, .ps-ret .ps-btn-primary:disabled {
  background: #adadad !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}
.ps-act .ps-btn-primary:disabled:link, .ps-act .ps-btn-primary:disabled:focus, .ps-act .ps-btn-primary:disabled:hover, .ps-act .ps-btn-primary:disabled:active, .ps-ret .ps-btn-primary:disabled:link, .ps-ret .ps-btn-primary:disabled:focus, .ps-ret .ps-btn-primary:disabled:hover, .ps-ret .ps-btn-primary:disabled:active {
  background: #adadad !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

.ps-btn-secondary:disabled {
  box-shadow: inset 0 0 0 1px #dbdbdb, 0 5px 10px rgba(0, 0, 0, 0.05) !important;
  background: #f2f2f2 !important;
  color: #adadad !important;
}
.ps-btn-secondary:disabled:link, .ps-btn-secondary:disabled:focus, .ps-btn-secondary:disabled:hover, .ps-btn-secondary:disabled:active {
  box-shadow: inset 0 0 0 1px #dbdbdb, 0 5px 10px rgba(0, 0, 0, 0.05) !important;
  background: #f2f2f2 !important;
  color: #adadad !important;
}

.ps-btn-tertiary:disabled {
  border-color: #adadad;
  color: #adadad;
}
.ps-btn-tertiary:disabled:link, .ps-btn-tertiary:disabled:focus, .ps-btn-tertiary:disabled:hover, .ps-btn-tertiary:disabled:active {
  border-color: #adadad;
  color: #adadad;
}

.ps-btn-primary:disabled,
.ps-btn-secondary:disabled,
.ps-btn-tertiary:disabled {
  cursor: not-allowed;
}

.ps-btn-help {
  box-shadow: 0 5px 10px rgba(0, 113, 185, 0.25);
  background: white;
  color: #0071B9;
}

.ps-btn-primary {
  transition: background 0.3s linear, box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), bottom 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 5px 10px rgba(0, 113, 185, 0.25);
  border-radius: 23px;
  background: linear-gradient(90deg, #0071B9 0%, #0489DE 100%);
  color: #FFFFFF;
  position: relative;
  bottom: 0;
}
.ps-btn-primary:hover, .ps-btn-primary:focus {
  transition: background 0.2s linear, box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 10px 18px rgba(0, 113, 185, 0.25);
  background: linear-gradient(90deg, #007ECE 0%, #0194F2 100%);
}
.ps-btn-primary:focus:after {
  box-shadow: 0 0 4px rgba(0, 113, 185, 0.5), inset 0 0 4px rgba(0, 113, 185, 0.5);
  border-radius: 26px;
  content: "";
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  border: 1px solid #0071B9;
  background: transparent;
}
.ps-btn-primary:active, .ps-btn-primary:target {
  transition: background 0.15s linear, box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), bottom 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 3px 6px rgba(0, 113, 185, 0.25);
  background: linear-gradient(90deg, #0064A4 0%, #0073BD 100%);
  bottom: -3px;
}
.ps-btn-primary:active:after, .ps-btn-primary:target:after {
  display: none;
}

.ps-btn-secondary {
  transition: color 0.15s linear, background 0.3s linear, box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0 0 0 1px #dbdbdb, 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 23px;
  background: #ffffff;
  color: #000000;
}
.ps-btn-secondary:hover, .ps-btn-secondary:focus {
  transition: color 0.15s linear, box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0 0 0 1px #10a6a7, 0 10px 18px rgba(0, 0, 0, 0.1);
  color: #10a6a7;
}
.ps-btn-secondary:focus {
  box-shadow: inset 0 0 0 1px #ffffff, 0 10px 18px rgba(0, 0, 0, 0.1);
}
.ps-btn-secondary:active, .ps-btn-secondary:target {
  transition: color 0.15s linear, border 0.2s linear, box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0 0 0 1px #008595, 0 10px 18px rgba(0, 0, 0, 0.1);
  color: #008595;
}

.ps-btn-tertiary {
  transition: all 0.3s linear;
  border-radius: 23px;
  box-shadow: inset 0 0 0 2px #0071B9;
  background-color: white;
  color: #0071B9;
}
.ps-btn-tertiary:hover, .ps-btn-tertiary:focus {
  transition: all 0.15s linear;
  box-shadow: inset 0 0 0 2px #EFF8FD;
  background: #EFF8FD;
}
.ps-btn-tertiary:active {
  transition: all 0.15s linear;
  box-shadow: inset 0 0 0 2px #DAEEFB;
  background: #DAEEFB;
}

.contrast .ps-btn-help {
  color: #025F9B;
}
.contrast .ps-btn-primary {
  background: #025F9B;
}
.contrast .ps-btn-tertiary {
  box-shadow: inset 0 0 0 2px #025F9B;
  color: #025F9B;
}

.ps-act .ps-btn-help {
  box-shadow: 0 5px 10px rgba(0, 147, 165, 0.25);
  color: #0093A5;
}
.ps-act .ps-btn-primary {
  box-shadow: 0 5px 10px rgba(0, 147, 165, 0.25);
  background: linear-gradient(90deg, #0093A5 0%, #20B2A2 100%);
}
.ps-act .ps-btn-primary:hover, .ps-act .ps-btn-primary:focus {
  box-shadow: 0 10px 18px rgba(0, 147, 165, 0.25);
  background: linear-gradient(90deg, #00A3B7 0%, #07C6B1 100%);
}
.ps-act .ps-btn-primary:active {
  box-shadow: 0 3px 6px rgba(0, 147, 165, 0.25);
  background: linear-gradient(90deg, #047987 0%, #1D9D8F 100%);
}
.ps-act .ps-btn-tertiary {
  box-shadow: inset 0 0 0 2px #0093A5;
  color: #0093A5 !important;
}
.ps-act .ps-btn-tertiary:hover, .ps-act .ps-btn-tertiary:focus {
  box-shadow: inset 0 0 0 2px #ECFBFD;
  background: #ECFBFD;
}
.ps-act .ps-btn-tertiary:active {
  box-shadow: inset 0 0 0 2px #D0F6FB;
  background: #D0F6FB;
}
.ps-act.ps-rgaa .ps-btn-help {
  color: #01707E;
}
.ps-act.ps-rgaa .ps-btn-primary {
  background: #01707E;
}
.ps-act.ps-rgaa .ps-btn-tertiary {
  box-shadow: inset 0 0 0 2px #01707E;
  color: #01707E !important;
}
.ps-act .ps-dashcard {
  color: black;
}
.ps-act .ps-dashcard img {
  fill: #0093A5;
}
.ps-act .ps-dashcard:hover, .ps-act .ps-dashcard:active {
  color: #0093A5;
}

.ps-ret .ps-btn-help {
  box-shadow: 0 5px 10px rgba(169, 39, 101, 0.25);
  color: #A92765;
}
.ps-ret .ps-btn-primary {
  box-shadow: 0 5px 10px rgba(169, 39, 101, 0.25);
  background: linear-gradient(90deg, #A92765 0%, #C94061 100%);
}
.ps-ret .ps-btn-primary:hover, .ps-ret .ps-btn-primary:focus {
  box-shadow: 0 10px 18px rgba(169, 39, 101, 0.25);
  background: linear-gradient(90deg, #CA196D 0%, #E9436B 100%);
}
.ps-ret .ps-btn-primary:active {
  box-shadow: 0 3px 6px rgba(169, 39, 101, 0.25);
  background: linear-gradient(90deg, #8C2355 0%, #B53A58 100%);
}
.ps-ret .ps-btn-tertiary {
  box-shadow: inset 0 0 0 2px #A92765;
  color: #A92765 !important;
}
.ps-ret .ps-btn-tertiary:hover, .ps-ret .ps-btn-tertiary:focus {
  box-shadow: inset 0 0 0 2px #FAEAF2;
  background: #FAEAF2;
}
.ps-ret .ps-btn-tertiary:active {
  box-shadow: inset 0 0 0 2px #F9DDEB;
  background: #F9DDEB;
}
.ps-ret.ps-rgaa .ps-btn-help {
  color: #6A123C;
}
.ps-ret.ps-rgaa .ps-btn-primary {
  background: #6A123C;
}
.ps-ret.ps-rgaa .ps-btn-tertiary {
  box-shadow: inset 0 0 0 2px #6A123C;
  color: #6A123C !important;
}
.ps-ret .ps-dashcard {
  color: black;
}
.ps-ret .ps-dashcard img {
  fill: #A92765;
}
.ps-ret .ps-dashcard:hover, .ps-ret .ps-dashcard:active {
  color: #A92765;
}

/***********************************************************
                        MEDIAQUERIES
***********************************************************/
/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
.ps-breadcrumb {
  display: none;
}

/***********************************************************
                        MEDIAQUERIES
***********************************************************/
/* max-width : 767px */
/* min-width : 768px */
@media (min-width: 1024px) {
  .ps-breadcrumb {
    display: block;
    list-style-type: none;
  }
  .ps-breadcrumb li {
    display: inline;
    font-size: 14px;
  }
  .ps-breadcrumb li a {
    text-decoration: underline;
    margin-right: 5px;
  }
  .ps-breadcrumb li span {
    font-weight: bold;
  }
  .ps-connected .ps-breadcrumb li a, .ps-connected .ps-breadcrumb li span {
    color: white;
  }
  .ps-not-connected .ps-breadcrumb li a, .ps-not-connected .ps-breadcrumb li span, .ps-success .ps-breadcrumb li a, .ps-success .ps-breadcrumb li span, .ps-fullwidth .ps-breadcrumb li a, .ps-fullwidth .ps-breadcrumb li span {
    color: #666;
  }
  .ps-act.ps-fullwidth .ps-breadcrumb li:last-child span {
    color: #0093A5;
  }
  .ps-ret.ps-fullwidth .ps-breadcrumb li:last-child span {
    color: #A92765;
  }
}
/***************************************************************************
            THIS PARTIAL IS ONLY USED IN THE GLUE STYLE.SCSS
***************************************************************************/
.ps-bloc-info {
  background: rgba(0, 113, 185, 0.1);
  border: 1px solid #0071B9;
  box-sizing: border-box;
  border-radius: 8px;
  color: #0071B9;
  padding: 20px;
  text-align: center;
}
.ps-bloc-info p + p {
  margin-top: 10px;
}
.ps-bloc-info a {
  color: #0071B9;
}

.ps-bloc-success {
  padding: 20px;
  border: 1px solid #25781E;
  background: rgba(37, 120, 30, 0.1);
  border-radius: 8px;
  color: #25781E;
  text-align: center;
}
.ps-bloc-success svg {
  margin-bottom: 20px;
}
.ps-bloc-success a {
  color: #25781E;
}

.ps-bloc-error {
  padding: 20px;
  border: 1px solid #D70000;
  background: rgba(215, 0, 0, 0.1);
  border-radius: 8px;
  color: #D70000;
  text-align: center;
}
.ps-bloc-error .ps-icon-error {
  font-size: 47px;
  margin-bottom: 20px;
}
.ps-bloc-error a {
  color: #D70000;
}

.ps-bloc-error a, .ps-bloc-success a, .ps-bloc-info a {
  text-decoration: underline;
}
.ps-bloc-error a:hover, .ps-bloc-success a:hover, .ps-bloc-info a:hover {
  color: #575757;
}

.ps-mat-error {
  color: #D70000;
}

mat-error {
  color: #D70000;
}

.ps-hidden-all {
  display: none;
}

.ps-visible-all {
  display: block;
}

.ps-hidden-smartphone {
  display: none !important;
}

.ps-visible-smartphone {
  display: block !important;
}

.ps-fl-right {
  float: right;
}
.ps-fl-right:after {
  clear: both;
}

.ps-mt-0 {
  margin-top: 0px;
}

.ps-mt-30 {
  margin-top: 30px;
}

.ps-mb-20 {
  margin-bottom: 20px;
}

/***********************************************************
                        MEDIAQUERIES
***********************************************************/
/* max-width : 767px */
/* min-width : 768px */
@media (min-width: 768px) {
  .ps-hidden-phablet {
    display: none !important;
  }
  .ps-visible-phablet {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .ps-hidden-desktop {
    display: none !important;
  }
  .ps-visible-desktop {
    display: block !important;
  }
}
@media (min-width: 1280px) {
  .ps-hidden-desktop-lg {
    display: none !important;
  }
  .ps-visible-desktop-lg {
    display: block !important;
  }
}/*# sourceMappingURL=styles_oss.css.map */