@charset "UTF-8";
/*
    Import of all themes
*/
/*
  WARNING : MATERIAL

  The import from file has been removed due to missing updates
  In order to migrate legacy project (monCompte, Admin, VivaContact...), you should make this change into angular.json :

   add "styles": [ ..., "./node_modules/@cgifinance/portail/assets/fonts/material-icons/portail.material-icons.css" ]
   before "styles": [ ..., "./node_modules/@cgifinance/portail/assets/fonts/fonts.css" ]

   Or you can directly target the latest material icons in index.html (be aware that some icons changed since)
 */
/*
  ROBOTO
 */
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
/*
  CGI FINANCE
 */
@font-face {
  font-family: "nexablack";
  src: url("fonts/brands/cgifinance/NexaBlack.otf") format("truetype"), url("fonts/brands/cgifinance/NexaBlack.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nowlight";
  src: url("fonts/brands/cgifinance/Now-Light.otf") format("truetype"), url("fonts/brands/cgifinance/Now-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  KIA
 */
@font-face {
  font-family: "kiabold";
  src: url("fonts/brands/kia/KIA_Bold_0.ttf") format("truetype"), url("fonts/brands/kia/KIA_Bold_0.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "kialight";
  src: url("fonts/brands/kia/KIA_Light_0.ttf") format("truetype"), url("fonts/brands/kia/KIA_Light_0.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Porsche
 */
@font-face {
  font-family: "porschenexttt";
  src: url("fonts/brands/porsche/PorscheNextTT-Regular.ttf") format("truetype"), url("fonts/brands/porsche/PorscheNextTT-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "porschenextttBold";
  src: url("fonts/brands/porsche/PorscheNextTT-Bold.ttf") format("truetype"), url("fonts/brands/porsche/PorscheNextTT-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Hyundai
 */
@font-face {
  font-family: "helveticaneueHyundai";
  src: url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.otf") format("truetype"), url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Mitsubishi
 */
@font-face {
  font-family: "helveticaneue";
  src: url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.otf") format("truetype"), url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Autosphere
 */
@font-face {
  font-family: "syncopate";
  src: url("fonts/brands/autosphere/Syncopate-Regular.ttf") format("truetype"), url("fonts/brands/autosphere/Syncopate-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "syncopateBold";
  src: url("fonts/brands/autosphere/Syncopate-Bold.ttf") format("truetype"), url("fonts/brands/autosphere/Syncopate-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Hyundai — GothamBook
 */
@font-face {
  font-family: "gothambook";
  src: url("fonts/brands/hyundai/GothamBook.otf") format("truetype"), url("fonts/brands/hyundai/GothamBook.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Genesis
 */
@font-face {
  font-family: "GenesisSansTextGlobal";
  src: url("fonts/brands/genesis/GenesisSansTextGlobal-Regular.ttf") format("truetype"), url("fonts/brands/genesis/GenesisSansTextGlobal-Regular.woff2") format("woff2"), url("fonts/brands/genesis/GenesisSansTextGlobal-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GenesisSansHeadGlobal";
  src: url("fonts/brands/genesis/GenesisSansHeadGlobal-Regular.ttf") format("truetype"), url("fonts/brands/genesis/GenesisSansHeadGlobal-Regular.woff") format("woff2"), url("fonts/brands/genesis/GenesisSansHeadGlobal-Regular.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Sefia
 */
@font-face {
  font-family: "helveticaneueSefia";
  src: url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.otf") format("truetype"), url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Omoda/Jaecoo
 */
@font-face {
  font-family: "Manrope";
  src: url("fonts/brands/omoda/Manrope-Bold.woff2") format("woff2"), url("fonts/brands/omoda/Manrope-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("fonts/brands/omoda/Manrope-Light.woff2") format("woff2"), url("fonts/brands/omoda/Manrope-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("fonts/brands/omoda/Manrope-Regular.woff2") format("woff2"), url("fonts/brands/omoda/Manrope-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("fonts/brands/omoda/Manrope-Medium.woff2") format("woff2"), url("fonts/brands/omoda/Manrope-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/*
  Montserrat
  */
@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat/Montserrat-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat/Montserrat-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat/Montserrat-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
}
body {
  --font-family-default: Roboto;
}

/********** Variables CSS marque CGI Finance **********/
body.brand-cgifinance {
  --legacy-color: var(--brand-primary);
  --font-family-title: 'nowlight';
  --font-size-base: 1.0;
  color: #3E3D40;
  --logo-path: url('../logo/brands/logo-cgifinance-500x200.png');
}

/********** Variables CSS marque Autosphere **********/
body.brand-autosphere {
  --brand-primary-active: #033080;
  --brand-primary: #1167FF;
  --brand-primary-transparent70: #5995FF;
  --brand-primary-transparent40: #A0c2ff;
  --brand-primary-transparent20: #CFE1FF;
  --brand-primary-transparent10: #E8F0FF;
  --brand-primary-transparent5: #F3F7FF;
  --legacy-color: var(--brand-primary-active);
  --font-family-title: 'Montserrat';
  --font-size-base: 0.75;
  --logo-path: url('../logo/brands/logo-autosphere-500x200.png');
}

/********** Variables CSS marque Kia **********/
body.brand-kia {
  --brand-primary-active: #000000;
  --brand-primary: #05141F;
  --brand-primary-transparent70: #505B63;
  --brand-primary-transparent40: #9BA1A5;
  --brand-primary-transparent20: #CDD0D2;
  --brand-primary-transparent10: #E6E8E9;
  --brand-primary-transparent5: #F2F3F3;
  --legacy-color: #706F6F;
  --font-family-title: 'kialight';
  --font-size-base: 1.08;
  --logo-path: url('../logo/brands/logo-kiafinance-500x200.png');
}

/********** Variables CSS marque Porsche **********/
body.brand-porsche {
  --brand-primary-active: #000000;
  --brand-primary: #010205;
  --brand-primary-transparent70: #4E4E50;
  --brand-primary-transparent40: #999A9B;
  --brand-primary-transparent20: #CCCCCD;
  --brand-primary-transparent10: #E6E6E6;
  --brand-primary-transparent5: #F2F2F2;
  --legacy-color: #010205;
  --font-family-title: 'porschenexttt';
  --font-size-base: 1.15;
  --logo-path: url('../logo/brands/logo-porsche-500x200.png');
}

/********** Variables CSS marque Genesis **********/
body.brand-genesis {
  --brand-primary-active: #000000;
  --brand-primary: #010205;
  --brand-primary-transparent70: #4A4A4A;
  --brand-primary-transparent40: #939393;
  --brand-primary-transparent20: #C4C4C4;
  --brand-primary-transparent10: #DDDDDD;
  --brand-primary-transparent5: #E9E9E9;
  --legacy-color: #010205;
  --font-family-title: 'GenesisSansHeadGlobal';
  --font-size-base: 0.75;
  --logo-path: url('../logo/brands/logo-genesis-500x200.png');
}

/********** Variables CSS marque Hyundai **********/
body.brand-hyundai {
  --brand-primary-active: #042653;
  --brand-primary: #002C5F;
  --brand-primary-transparent70: #4D75A9;
  --brand-primary-transparent40: #99B0CE;
  --brand-primary-transparent20: #CCD7E6;
  --brand-primary-transparent10: #E6ECF3;
  --brand-primary-transparent5: #F3F7FF;
  --legacy-color: #053266;
  --font-family-title: helveticaneueHyundai;
  --font-size-base: 1.08;
  --logo-path: url('../logo/brands/logo-hyundai-500x200.png');
}

/********** Variables CSS marque Mitsubishi **********/
body.brand-mitsubishi {
  --legacy-color: #e30513;
  --font-family-title: 'helveticaneue';
  --font-size-base: 1.08;
  --logo-path: url('../logo/brands/logo-mitsubishi-500x200.png');
}

/********** Variables CSS marque Tesla **********/
body.brand-tesla {
  --legacy-color: #FF0000;
  --font-family-title: var(--font-family-default);
  --font-size-base: 1.0;
  --logo-path: url('../logo/brands/logo-tesla-finance-500x200.png');
}

/********** Variables CSS marque Sefia **********/
body.brand-sefia {
  --legacy-color: #00508f;
  --font-family-title: helveticaneueSefia;
  --font-size-base: 1.08;
  --logo-path: url('../logo/brands/logo-sefia-500x200.png');
}

/********** Variables CSS marque Smart **********/
body.brand-smart {
  --legacy-color: #b70d30;
  color: #3E3D40;
  --font-family-title: 'nowlight';
  --font-size-base: 1.0;
  --logo-path: url('../logo/brands/logo-smart-500x200.png');
}

/********** Variables CSS marque Omoda & Jaeco **********/
body.brand-omodajaecoo {
  --brand-primary-active: #040A15;
  --brand-primary: #181E29;
  --brand-primary-transparent70: #5D6669;
  --brand-primary-transparent40: #A3A5A9;
  --brand-primary-transparent20: #D1D2D4;
  --brand-primary-transparent10: #E8E8EA;
  --brand-primary-transparent5: #F3F4F4;
  --legacy-color: #181E29;
  --font-family-title: 'Manrope';
  --font-size-base: 1.15;
  --logo-path: url('../logo/brands/logo-omoda-500x200.png');
}

body[class*=brand-] h1,
body[class*=brand-] h2,
body[class*=brand-] h3,
body[class*=brand-] .texte,
body[class*=brand-] legend {
  font-family: var(--font-family-title), sans-serif;
}
body[class*=brand-] h1 {
  font-size: calc(30px * var(--font-size-base));
}
body[class*=brand-] h2 {
  font-size: calc(24px * var(--font-size-base));
}
body[class*=brand-] header .logo {
  background-image: var(--logo-path);
}

/********** LEGACY CSS **********/
body {
  font-size: 14px;
  background-color: #FFFFFF;
  font-family: var(--font-family-default);
}
/*headings */
h1,
h2,
h3,
.texte,
legend {
  color: var(--legacy-color);
}

.brand-color {
  color: var(--legacy-color);
}

.badge,
.brand-background,
.brand-background:focus {
  background-color: var(--legacy-color);
}

/* Misc */
.hide, .hidden {
  display: none !important;
}

a {
  text-decoration: none;
}

/*fil ariane*/
.breadcrumb .active {
  color: var(--legacy-color);
}

/*tabs*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--legacy-color);
  border-bottom-color: var(--legacy-color);
}

/*primary*/
.btn-primary,
.dropdown-menu > li > a.btn-primary {
  background-color: var(--legacy-color);
  border-color: var(--legacy-color);
  color: white;
  text-transform: none;
}

.btn-primary:hover,
.dropdown-menu > li > a.btn-primary:hover {
  background-color: #3E3E40;
  border-color: #3E3E40;
}

svg.brand-svg *,
.brand-svg-fill {
  fill: var(--legacy-color);
}

svg.brand-svg:hover *,
.brand-svg-fill:hover {
  fill: #000000;
}

/* OLD LEGACY BOOTSTRAP COLORS */
/*primary*/
.cgifinance .btn-primary,
.cgifinance .dropdown-menu > li > a.btn-primary {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: white;
  text-transform: none;
}

.cgifinance .btn-primary:hover,
.cgifinance .dropdown-menu > li > a.btn-primary:hover {
  background-color: #3e3d40;
  border-color: #3e3d40;
}

/*danger*/
.cgifinance .btn-danger {
  background-color: #d93023;
  border-color: #d93023;
  color: white;
}

.cgifinance .btn-danger:hover {
  background-color: #d93023;
  border-color: #d93023;
}

.cgifinance .text-danger {
  color: #d93023;
}

/*btn warning*/
.cgifinance .btn-warning {
  background-color: #ff9933;
  border-color: #ff9933;
}

.cgifinance .btn-warning:hover {
  background-color: #ff9933;
  border-color: #ff9933;
}

.cgifinance .text-warning {
  color: #ff9933;
}

/*btn info*/
.cgifinance .btn-info {
  background-color: #a6d4ef;
  border-color: #a6d4ef;
}

.cgifinance .btn-info:hover {
  background-color: #a6d4ef;
  border-color: #a6d4ef;
}

.cgifinance .text-info {
  color: #a6d4ef;
}

/*success*/
.cgifinance .btn-success {
  background-color: #7ec43a;
  border-color: #7ec43a;
}

.cgifinance .btn-success:hover {
  background-color: #7ec43a;
  border-color: #7ec43a;
}

.cgifinance .text-success {
  color: #7ec43a;
}

/* OLD Portail global CSS */
.navbar-default {
  background-color: #F4F4F4;
  border-color: #F4F4F4;
  color: #828282;
  border-bottom: 1px #dddddd solid;
}

.navbar-fixed-top {
  height: 100px;
}

.navbar-brand {
  width: 250px;
  height: 100px;
  margin-top: -1px;
  background-size: contain;
}

body .navbar-fixed-top .material-icons {
  line-height: 1;
}

.navbar .badge {
  position: absolute;
  top: 1em;
  right: 0;
}

.navbar-nav > li > a.lienMenuMonCompte {
  margin-right: 15px;
  padding-top: 17px;
  padding-bottom: 17px;
}

.formulaireConcessionMarque {
  margin-top: 45px;
}

.popover {
  max-width: initial;
}

cgitk-popover {
  max-width: 50rem !important;
}
cgitk-popover .cgi-popover-body {
  margin-bottom: 0 !important;
}

.open > .dropdown-menu {
  max-height: 300px;
  overflow-y: auto;
}

body.pending * {
  cursor: progress !important;
}

.panel-heading {
  border: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

body .material-icons {
  position: relative;
  bottom: -0.25em;
  font-size: 24px;
  line-height: 0;
}

*[data-err]::after {
  content: attr(data-err);
  min-width: 200px;
  border: 1px #aaaaaa solid;
  border-radius: 3px;
  background-color: #ffffcc;
  padding: 5px;
  color: #000000;
  font-size: 14px;
  z-index: 1;
  display: block;
}

h1 {
  font-size: 30px;
  font-weight: 300;
}

h2 {
  font-size: 24px;
  font-weight: 300;
}

h3 {
  font-size: 18px;
  font-weight: 300;
}

body h4 {
  font-size: 16px;
  margin-bottom: 1em;
}

h1, h2, h3, h4, h5 {
  margin-top: 0;
}

h2 {
  margin-top: 15px;
  margin-bottom: 15px;
}

label {
  text-align: right;
}

/*radio et checkbox*/
.custom-radio input[type=radio] ~ label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px;
}

.custom-radio input[type=radio] {
  display: none;
}

.custom-radio input[type=radio] ~ label:before {
  content: "";
  display: inline-block;
  border-radius: 100%;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: white;
  /* box-shadow: inset0 2px 3px0 rgba(0, 0, 0, .3),0 1px00 rgba(255, 255, 255, .8); */
  border: 1px #828282 solid;
}

.custom-radio .radio label:before {
  border-radius: 8px;
}

.custom-radio input[type=radio]:checked + label:before {
  content: "•";
  color: #828282;
  font-size: 24px;
  text-align: center;
  line-height: 12px;
}

/*navs*/
.nav-pills.nav-gauche > li + li {
  margin-top: 0;
}

.nav-pills.nav-gauche > li + li a, .nav-gauche li a {
  border-top: 0;
  border-radius: 0;
  text-transform: uppercase;
}

.nav-pills.nav-gauche > li + li a .material-icons, .nav-gauche li a .material-icons {
  margin-right: 1em;
}

.nav > li > a:hover, .nav > li > a:focus {
  background-color: #f4f4f4;
}

.nav-gauche li hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
  border-top: 1px solid #D8D8DA;
  margin-left: 15px;
  margin-right: 15px;
}

.content-view {
  border-left: 1px #9E9E9E solid;
}

body .breadcrumb {
  padding: 8px 15px;
  list-style: none;
  border-bottom: 1px #9E9E9E solid;
  margin-top: 0;
  margin-bottom: 0;
  background: white;
  font-size: 12px;
  border-radius: 0;
}
body .breadcrumb > li {
  display: inline-block;
}
body .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "/ ";
}
body .breadcrumb > .active {
  color: #777777;
}
body .breadcrumb .active {
  font-weight: bold;
}
body .breadcrumb a {
  color: #333333;
}
body .breadcrumb li:last-child {
  font-weight: bold;
}
body *.p-l-0 {
  padding-left: 0;
}
body *.p-r-0 {
  padding-right: 0;
}
body .container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1200px) {
  body .container {
    width: inherit;
  }
}
@media (min-width: 992px) {
  body .container {
    width: inherit;
  }
}
@media (min-width: 768px) {
  body .container {
    width: inherit;
  }
}

.p-t-15 {
  padding-top: 15px;
}

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

.nav-tabs {
  border-color: transparent;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-color: transparent;
  border: 0;
  border-bottom: 3px gray solid;
}

.highlight {
  background-color: #F4F4F4;
}

.blanc {
  background-color: white;
}

.alert {
  margin-bottom: 0;
  border-radius: 0;
}

.alerte-absolute {
  width: 100%;
  z-index: 999999;
}

.table.borderless > thead > tr > th,
.table.borderless > tbody > tr > th,
.table.borderless > tfoot > tr > th,
.table.borderless > thead > tr > td,
.table.borderless > tbody > tr > td,
.table.borderless > tfoot > tr > td {
  border: 0;
}

ul.nav-tabs {
  border-bottom: 1px #D8D8D8 solid;
}

.m-b-15 {
  margin-bottom: 15px;
}

.white {
  background-color: white;
}

.r-15 {
  border-radius: 15px;
}

/*inputs*/
input.ng-valid:focus {
  /*background: linear-gradient(to right, #7ec43a 3px,#ffffff 3px);*/
  border: 1px #7ec43a solid;
}

input.ng-invalid:focus {
  /*background: linear-gradient(to right, red 3px,#ffffff 3px);*/
  border: 1px #d93023 solid;
}

/*style global maquettes depuis mon compte*/
hr {
  border-top: 8px solid #eeeeee;
}

h4 {
  text-transform: uppercase;
  border-bottom: 1px #CECECE solid;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 3px;
  margin-bottom: 25px;
}

.form-group > label {
  font-weight: normal;
  text-align: left;
  padding-top: 6px;
}

.navbar-gauche.navbar {
  border-radius: 0;
  min-height: 600px;
}

.navbar-gauche ul {
  float: none;
}

.navbar-gauche .navbar-nav > li {
  float: none;
}

.navbar-default.navbar-gauche .navbar-nav > li > a {
  color: #333333;
}

footer {
  background-color: #3E3E40;
  color: white;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
footer a, footer a:hover, footer a:visited, footer a:active {
  color: white;
}

/*forcage mediaquery portail en mini 1024*/
@media (min-width: 0px) {
  .navbar-fixed-top .navbar-left, .navbar-fixed-top .navbar-nav > li, .navbar-fixed-top .navbar-header {
    float: left !important;
  }
  /*
      .navbar-fixed-top, .reservationHauteurHeader, body {
          min-width: 1000px;
      }*/
  .navbar-fixed-top {
    position: absolute;
  }
  .navbar-fixed-top .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }
}
@media (min-width: 0px) {
  .navbar-fixed-top .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    /*width: auto;*/
    /*margin-top: 0;*/
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
}
@media (min-width: 1000px) {
  .navbar-fixed-top {
    position: fixed;
  }
}
.grouper {
  white-space: nowrap;
}

/***************************************************************************************
                            Notifications
    -********************************************************************************
*/
.notifications .notification a {
  border: 0;
  padding-left: 0;
  padding-right: 0;
  text-transform: none;
}
.notifications .notification a:hover {
  text-decoration: none;
}
.notifications .notification table {
  width: 100%;
}
.notifications .notification table tr td:first-child {
  vertical-align: middle;
  width: 55px;
}
.notifications .notification .titre, .notifications .notification .message, .notifications .notification .date {
  margin: 0;
  text-transform: none;
}
.notifications .notification .message {
  white-space: pre-line;
  padding-top: 1px;
  cursor: pointer;
  color: #337ab7;
}
.notifications .notification span.icon {
  display: flex;
  font-size: 2em;
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
}
.notifications .notification span.icon .material-icons {
  bottom: 0.35em;
  font-size: 26px;
  line-height: 1;
  left: 0.27em;
}
.notifications .notification span.icon .glyphicon {
  margin-left: 0.5em;
}

div .alert-success {
  background-color: #4cae4c;
  border-color: #4cae4c;
  color: white;
}

div .alert-danger {
  background-color: #d43f3a;
  border-color: #d43f3a;
  color: white;
}

div .alert-danger .close,
div .alert-success .close {
  color: white;
  opacity: 1;
}

/* Gestion des erreurs */
*[data-err]::after {
  content: attr(data-err);
  min-width: 200px;
  border: none;
  background-color: #ffffff;
  padding: 5px;
  color: #f30000;
  font-size: 16px;
  text-decoration: underline;
  font-weight: bold;
  display: block;
}

legend.nda-field-control.ng-invalid {
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

.nda-field-control.ng-invalid {
  border: 1px solid #d93023;
  position: relative;
}

input.nda-field-control.ng-invalid {
  width: 80%;
  display: inline-block;
}

.nda-field-control-error-explanation {
  height: 34px;
  display: inline-block;
}

.nda-field-control-error {
  position: absolute;
  top: 44px;
  display: inline-block;
  left: 15px;
  background-color: white;
  border: 1px solid red;
  border-radius: 5px;
  z-index: 10;
  padding-bottom: 10px;
  font-size: 14px;
}

.nda-field-control-error p {
  margin: 0;
  padding: 10px 10px 0 10px;
  font-weight: bold;
  color: limegreen;
}

.nda-field-control-error p.style-list {
  display: list-item;
  list-style: inside;
}

.nda-field-control-error p.not-ok {
  color: red;
}

.nda-field-control-error:after,
.nda-field-control-error:before {
  z-index: 2;
  bottom: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}

.nda-field-control-error:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 11px;
  margin-left: -11px;
}

.nda-field-control-error:before {
  border-color: rgba(255, 0, 0, 0);
  border-bottom-color: #ff0000;
  border-width: 12px;
  margin-left: -12px;
}

/*# sourceMappingURL=styles.css.map */