@charset "UTF-8";
/*@import url('../../css/open-iconic/font/css/open-iconic-bootstrap.min.css');*/
@import url("../../../css/fontawesome-pro-6.1.1-web/css/all.css");
/**************************** PALETTE ****************************/
/* UI */
/* Primary */
/* Secondary */
/* SEMANTICS */
/* SUCCESS */
/* WARNING */
/* ERROR */
/* GRAY */
/* COMPLIMENTARY */
/* BUTTONS*/
/**************************** SPECIFIC SECONDARY BUTTON ****************************/
/* Pressed */
/* Hover */
/* BG */
/* Disabled */
/* Color / Border */
/* Dropdown-btn */
/*#C5CBD3;*/
/* GENERAL*/
/* Opacité réglée à 40% de la couleur principale (primary-2) pour disabled */
/* focus à 4px */
/* pas de wrap sur les boutons*/
/* TYPOGRAPHY */
/***************************** FORMS *****************************/
/* CHECKBOX */
/* RADIO */
/* INPUT */
/* DROPDOWN */
/* Formulaires */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
.input-group > input.auto-width {
  flex: 0 1 100px;
}

@keyframes slideRightIn {
  0% {
    visibility: visible;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideRightOut {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
/*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/Montserrat/Montserrat-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/Montserrat/Montserrat-VariableFont_wght.ttf');
}*/
@font-face {
  font-family: "OpenSans";
  src: url("../../fonts/OpenSans/OpenSans-VariableFont_wdth,wght.ttf");
}
:root {
  --toto: #fff;
  --oslo-color: #CDA077;
  --neutral-gray: #AEB5C1;
  --neutral-gray95: #F0F3F4;
  --neutral-gray98: #FAFBFC;
  --disabled-gray: #273B7F;
  /* UI Menu var */
  --menu-disabled-icon: #AEB5C1;
  --menu-selected-icon: #CDA077;
  --menu-selected-text: #1A2D6B;
  --menu-selected-marker: #2E4594;
  --menu-selected-bg: #F0F3F4;
  --submenu-description-text: #393F42;
  /* Content page */
  --content-page-bg: #F0F3F4;
  /* */
  --neutral-gray-24: #393F42;
  --neutral-gray-42: #667285;
  --neutral-gray-52: #667285;
  --neutral-gray-72: #AEB5C1;
  --neutral-gray-80: #C5CBD3;
  --neutral-gray-88: #DDE0E5;
  --neutral-gray-07: #121212;
  --neutral-gray-95: #F1F3F4;
  --neutral-gray-98: #FAFBFC;
  /* PRIMARY */
  --primary-darker: #1A2D6B;
  --primary-2: #2E4594;
  --primary-lighter: #566BAC;
  --primary-lightest: #D9E0F2;
  /* SECONDARY */
  --secondary-beige-35: #7D5936;
  --secondary-beige-88: #E4CBB4;
  /* Badges */
  --red-90: #FADBD1;
  --green-20: #0F5714;
  --green-90: #E4FAD3;
}

button > i.icon-left {
  padding-right: 0.75rem;
}

html, body {
  font-family: "OpenSans", sans-serif !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

/* Typo */
.font-family-opensans {
  font-family: "OpenSans" !important;
  font-weight: 400;
}

.font-family-montserrat {
  font-family: "MontSerrat" !important;
  font-weight: 600;
}

/* Blazor error */
#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

.blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}

.blazor-error-boundary::after {
  content: "An error has occurred.";
}

.blazored-toast-container {
  z-index: 1500 !important;
}

/* Overlay pour spinner */
.overlay {
  position: absolute;
  top: 50%;
  opacity: 0.5;
  transform: translate(-20%, 0%);
  visibility: visible;
}

.overlay.hidden {
  visibility: hidden;
}

/* top page background pour fix*/
.bg-fixed-page {
  background-color: var(--menu-selected-bg) !important;
  z-index: 1;
}

.section-title {
  /* Montserrat/Semibold/20px */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  /* identical to box height, or 140% */
  /* Primary/darker */
  color: var(--primary-darker);
}

/* Pour liste card */
.primary-darker-title {
  color: var(--primary-darker);
  font-family: "OpenSans";
  font-style: normal;
  font-weight: bold;
}

/* Pour badge rouge */
.badge.rounded-pill.bg-danger {
  background: var(--red-90) !important;
  color: red !important;
  font-family: "OpenSans";
  font-style: normal;
  font-size: 14px;
}

.badge.rounded-pill.bg-success {
  background: var(--green-90) !important;
  color: var(--green-20) !important;
  font-family: "OpenSans";
  font-style: normal;
  font-size: 14px;
}

.badge.rounded-pill.bg-light {
  background: var(--primary-lightest) !important;
  color: var(--primary-darker) !important;
  font-family: "OpenSans";
  font-style: normal;
  font-size: 12px;
}

.rounded-pill-danger-icon {
  color: red !important;
}

/* panels */
.panel-subheader {
  color: var(--neutral-gray-42);
}

.panel-liste {
  color: var(--neutral-gray-07);
  font-family: "OpenSans";
  font-style: normal;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between !important;
}

.panel-liste-icone {
  color: var(--neutral-gray-88);
  line-height: unset !important;
  /* suppression du décalage fa */
  flex-basis: 8%;
}

.panel-liste-texte {
  flex-basis: 92%;
  color: var(--neutral-gray-07);
}

.no-border {
  border: none !important;
}

/* Select */
.select-edit {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  padding: 0;
  gap: 2px;
  /*margin-bottom: 30px;*/
  margin-top: 0.3rem;
}

.select-edit select {
  height: 48px;
  align-self: stretch;
  flex: none;
  padding: 12px;
  flex-grow: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  background: #FAFBFC;
  border: 1px solid #C5CBD3;
  border-radius: 4px;
}

/* Date */
.date-edit {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  padding: 0;
  gap: 2px;
  /*margin-bottom: 30px;*/
  margin-top: 0.3rem;
}

.date-edit input {
  height: 48px;
  align-self: stretch;
  flex: none;
  padding: 12px;
  flex-grow: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  background: #FAFBFC;
  border: 1px solid #C5CBD3;
  border-radius: 4px;
}