/* montserrat-100 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-100italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-900italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('/static/fonts/montserrat/montserrat-v25-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/fonts/montserrat/montserrat-v25-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {

  /* BRAND COLOR TOKENS */
  --complementary-token-50: #fdf2f3;
  --complementary-token-100: #fbe9ea;
  --complementary-token-200: #f6d5d8;
  --complementary-token-300: #efb3b9;
  --complementary-token-400: #e4868f;
  --complementary-token-500: #da6776;
  --complementary-token-600: #c33c55;
  --complementary-token-700: #a42d45;
  --complementary-token-800: #8a283f;
  --complementary-token-900: #74253a;
  --complementary-token-950: #41101d;
/* END BRAND COLOR TOKENS */

  /* COMPLEMENTARY COLOR TOKENS */
/* END COMPLEMENTARY COLOR TOKENS */


  --accent_color: #D1005D;
  --accent_color_hover: #a8014b;
  --accent_color_rgb: 209, 0, 93;

  --izibizi-primary-color: var(--accent_color);
  --izibizi-accent_color_hover: var(--accent_color_hover);
  --izibizi-surface-color: #F5F6FA;
  --brand-primary-color: var(--izibizi-primary-color);
  --izibizi-light-primary-color: rgba(var(--accent_color_rgb), 0.15);

  --izibizi-primary-color-hover: #af004f;
  --primary-color-hover: var(--primary-color);

  --background-color: #F5F6FA !important;
  --mixin-button_-_border-radius: 40px;

  --banking-card-hover: hsl(212deg 53% 95%);

  /* --mixin-button_-_background-color:  var(--izibizi-primary-color) !important;
  --mixin-button_-_color: white;

  --mixin-button-hover_-_background-color: var(--izibizi-accent_color_hover) !important;
  --mixin-button-hover_-_color: white; */

  --material-font-family: 'Montserrat', sans-serif !important;

  --default-font-size: 0.9rem; /* 14.4px +/

  --base-font-size: 13px !important;
  --on-boarding-default-font-size: 16px !important;

  --default-primary-menu-level1-height: 56px;


  /* TOC-MENU */

  --default-notification-icon-background: var(--izibizi-primary-color) !important;
  --default-menu-settings-background-color: #2E3641;
  --default-menu-settings-border-bottom-left-radius: 24px;


  --no-grid--background-color: white;
  --no-grid--icon--background-color: var(--color__primary--10);
  --no-grid--icon--padding: 40px;
  --no-grid--icon--border-radius: 50%;
  --no-grid--icon--border: 1px solid var(--color__primary--40);
  --no-grid--icon--color: var(--primary-color);

  --no-grid--icon--width: 60px;
  --no-grid--icon--height: 60px;

}


/* PUBLIC PAGE OVERRRIDES */

.public-page-override {
}


.public-page-override .payed-document {
  width: 90% !important;
  height: 108px !important;
}

.public-page-override .payed-document:after {
  border-radius: 23px;
  padding: 10px;
  border: 5px solid #dcdcdc;
  position: absolute;
  content: '';
  top: -10px;
  left: -10px;
  bottom: -10px;
  right: -10px;
}

.public-page-override #receipt-container {
  color: #8694A7;
}

.public-page-override h4, .public-page-override h5 {
  color: inherit;
}

.public-page-override #right-container {
  max-width: 350px;
}

.public-page-override #info-container h1 {
  background-image: url(/static/logo_login.png);
  width: 156px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 0px;
  margin-bottom: 20px;
}


.public-page-override #info-container h2 {

  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;

  color: #2E3641;
}
.public-page-override #info-container h4 {

  font-style: normal;
  font-weight: 500;
  font-size: 12px;

  text-transform: uppercase;
  color: #80838F;

  margin-bottom: 7px;
  padding-top: 24px;
}

.public-page-override #info-container h3 {

  font-style: normal;
  font-weight: 500;
  font-size: 16px;

  color: #2E3641;
}



.public-page-override #info-container #dnlbtn {
  letter-spacing: normal;
  padding: 0;
  color: #5D92CD;
  box-shadow: none;
  background: none;
  justify-content: flex-start;




  font-weight: 600;
  font-size: 16px;

}

.public-page-override #info-container #dnlbtn:hover {
  color: #4056A2;
}


.public-page-override #info-container #payment-btn,
.public-page-override #info-container .payButton {

  font-style: normal;
  font-weight: 700;
  font-size: 16px;

  text-align: center;

  color: #FFFFFF;

  width: fit-content;
  padding: 14px 24px;
  text-transform: capitalize;


  letter-spacing: normal;


  box-shadow: none;
  justify-content: flex-start;

  margin: 24px 0;

}



.public-page-override #bottom-container #archive-container {
  background-color: #F5F6FA;
  border: none;
  align-items: flex-start;
  padding: 24px;
}

.public-page-override #bottom-container #archive-container a {
  letter-spacing: normal;
  padding: 0;
  color: var(--izibizi-primary-color);
  box-shadow: none;
  background: none;
  justify-content: flex-start;
  margin: 14px 0;


  font-weight: 600;
  font-size: 16px;

}

.public-page-override #bottom-container #archive-container a:hover {
  color: var(--accent_color_hover);
}

.public-page-override #bottom-container #archive-container #archive-text {
  text-align: left;
}

.public-page-override #bottom-container #archive-container h2 {
  display: none;
}

.public-page-override #bottom-container #archive-container h5 {

  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;

  color: #2E3641;

  justify-content: flex-start;

}