@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@font-face {
  font-family: "Dagny Pro";
  src: url('DagnyPro-Black.WOFF') format("woff");
  font-style: normal;
  font-weight: bolder; }
@font-face {
  font-family: "Dagny Pro";
  src: url('DagnyPro-BlackIta.WOFF') format("woff");
  font-style: italic;
  font-weight: bolder; }
@font-face {
  font-family: "Dagny Pro";
  src: url('DagnyPro-Bold.WOFF') format("woff");
  font-style: italic;
  font-weight: bold; }
@font-face {
  font-family: "Dagny Pro";
  src: url('DagnyPro-BoldIta.WOFF') format("woff");
  font-style: italic;
  font-weight: bold; }
@font-face {
  font-family: "Dagny Pro";
  src: url('DagnyPro-Exlig.WOFF') format("woff");
  font-style: normal;
  font-weight: lighter; }
@font-face {
  font-family: "Dagny Pro";
  src: url('DagnyPro-ExligIta.WOFF') format("woff");
  font-style: italic;
  font-weight: lighter; }
@font-face {
  font-family: "Dagny Pro";
  src: url('DagnyPro-Ita.WOFF') format("woff");
  font-style: italic;
  font-weight: normal; }
@font-face {
  font-family: "Dagny Pro";
  src: url('DagnyPro.WOFF') format("woff");
  font-style: normal;
  font-weight: normal; }
/*Modal Pop UP*/
/*Modal Pop UP*/
.form-group .primary-info-form-text {
  color: red;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 19px;
  display: block; }
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-left: 10px;
  padding-right: 10px; }
ngb-datepicker.dropdown-menu button.btn {
  margin: 3px 3px 0px 0px;
  padding: 0 9px 0 7px; }
.btn {
  font-family: "Dagny Pro";
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
  padding: 15px 50px;
  margin-bottom: 1rem;
  border-width: 2px; }
.btn:hover {
  opacity: .7; }
.btn-primary:hover {
  opacity: .7; }
.form-group label {
  color: #525252;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 23px; }
.form-group input {
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  background-color: #ffffff;
  padding: 15px; }
.form-group select,
.form-group select.form-control:not([size]):not([multiple]) {
  height: 56px;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  background-color: #ffffff; }
.form-group input::-webkit-input-placeholder {
  color: #a1a1a1;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 23px; }
.form-group input::-moz-placeholder {
  color: #a1a1a1;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 23px; }
.form-group input::-ms-input-placeholder {
  color: #a1a1a1;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 23px; }
.form-group input::placeholder {
  color: #a1a1a1;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 23px; }
.form-group .form-text {
  color: #a1a1a1;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 19px; }
.form-check {
  padding-left: 2rem;
  margin-bottom: 15px; }
.form-check .form-check-input {
    height: 22px;
    width: 22px;
    margin-left: -2rem; }
.form-check .form-check-label {
    color: #525252;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: unset;
    padding-left: 0.5rem; }
.card .card-header {
  color: #fff;
  background-color: #879199; }
.card .card-body {
  padding: 2rem; }
.invalid-feedback {
  color: red !important;
  font-size: 15px !important; }
.is-invalid {
  border-color: red !important; }
.is-invalid:focus {
    box-shadow: 0 0 2.4px 2.4px #b6d8f9 !important; }
.form-check .form-check-label {
  color: #525252 !important; }
.global-footer {
  background-color: #37444c; }
.sign-up-sheet-info-2 {
  color: #2b5d82;
  font-family: "Dagny Pro";
  font-size: 24px;
  line-height: 30px; }
.sign-up-sheet-info-3 {
  color: #7a7a7a;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px; }
.line-break {
  box-sizing: border-box;
  height: 2px;
  border: 1px solid #c8d0d4;
  opacity: 0.3;
  margin: 40px 0 25px; }
.line-break-mini {
  box-sizing: border-box;
  height: 2px;
  max-width: 45px;
  border: 1px solid #dbdbdb;
  margin: 40px 0 40px; }
.help-block {
  color: red; }
label.required {
  color: #f44236; }
.success-block {
  color: #28a745; }
.error-block {
  color: #f44236; }
input.ng-touched.ng-invalid {
  border-color: red; }
.ng-valid.ng-touched {
  border-color: #28a745 !important; }
.bad {
  color: red !important;
  display: block; }
#accept-cookies-banner {
  background-color: #455560;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 15;
  color: #ffffff; }
div#accept-cookies-banner a.close {
  /* position: absolute;
  right: 25px;
  top: 50%; */
  background: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2220px%22 height%3D%2220px%22 viewBox%3D%220 0 75 75%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E    %3C!-- Generator%3A Sketch 49.3 (51167) - http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch --%3E    %3Ctitle%3Eicon%2Fclose%3C%2Ftitle%3E    %3Cdesc%3ECreated with Sketch.%3C%2Fdesc%3E    %3Cdefs%3E        %3Cpolygon id%3D%22path-1%22 points%3D%2244.375 5.046875 39.953125 0.625 22.5 18.078125 5.046875 0.625 0.625 5.046875 18.078125 22.5 0.625 39.953125 5.046875 44.375 22.5 26.921875 39.953125 44.375 44.375 39.953125 26.921875 22.5%22%3E%3C%2Fpolygon%3E    %3C%2Fdefs%3E    %3Cg id%3D%22icon%2Fclose%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cg id%3D%22ic-close-48px%22%3E            %3Cpolygon id%3D%22Shape%22 points%3D%220 0 75 0 75 75 0 75%22%3E%3C%2Fpolygon%3E            %3Cg id%3D%22Color%2FWhite%22 transform%3D%22translate(15.000000%2C 15.000000)%22%3E                %3Cmask id%3D%22mask-2%22 fill%3D%22white%22%3E                    %3Cuse xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E                %3C%2Fmask%3E                %3Cuse id%3D%22Mask%22 fill%3D%22%23000000%22 fill-rule%3D%22nonzero%22 xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E                %3Cg id%3D%22Color%2FFill%2FWhite%22 mask%3D%22url(%23mask-2)%22 fill%3D%22%23ffffff%22%3E                    %3Cg transform%3D%22translate(-15.000000%2C -15.000000)%22 id%3D%22Base%22%3E                        %3Crect x%3D%220%22 y%3D%220%22 width%3D%2275%22 height%3D%2275%22%3E%3C%2Frect%3E                    %3C%2Fg%3E                %3C%2Fg%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E");
  height: 20px;
  width: 20px;
  text-indent: -90px;
  overflow: hidden;
  margin-top: 12px; }
div#accept-cookies-banner a.btn.orange {
  background-color: #14487F;
  color: #ffffff;
  margin-left: 5%;
  float: right;
  font-size: 12px;
  padding: 10px;
  font-family: "ff-dagny-web-pro",Helvetica,Arial,sans-serif;
  font-weight: normal;
  letter-spacing: 0.06em;
  text-transform: uppercase; }
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%; }
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }
.toast-top-left {
  top: 12px;
  left: 12px; }
.toast-top-right {
  top: 12px;
  right: 12px; }
.toast-bottom-right {
  right: 12px;
  bottom: 12px; }
.toast-bottom-left {
  bottom: 12px;
  left: 12px; }
/* toast styles */
.toast-title {
  font-weight: bold; }
.toast-message {
  word-wrap: break-word;
  line-height: 1.5rem; }
.toast-message a,
.toast-message label {
  color: #7A7A7A; }
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none; }
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff; }
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4; }
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; }
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999; }
.toast-container * {
  box-sizing: border-box; }
.toast-container .toast {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 53px;
  width: 350px;
  border-radius: 6px 6px 6px 6px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 35px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  color: #7A7A7A; }
.toast-container .toast:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer; }
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); }
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(139,0,0)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E"); }
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 75' width='75' height='75'%3E%3Cpath fill='rgb(76, 175, 80)' d='M31,0 C13.888,0 0,13.888 0,31 C0,48.112 13.888,62 31,62 C48.112,62 62,48.112 62,31 C62,13.888 48.112,0 31,0 Z M24.8,46.5 L9.3,31 L13.671,26.629 L24.8,37.727 L48.329,14.198 L52.7,18.6 L24.8,46.5 Z'/%3E%3C/svg%3E"); }
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); }
.toast-container.toast-top-center .toast,
.toast-container.toast-bottom-center .toast {
  width: 300px;
  margin-left: auto;
  margin-right: auto; }
.toast-container.toast-top-full-width .toast,
.toast-container.toast-bottom-full-width .toast {
  width: 96%;
  margin-left: auto;
  margin-right: auto; }
.toast {
  background-color: #030303;
  pointer-events: auto; }
.toast-success {
  background-color: #FFFFFF; }
.toast-error {
  background-color: #FFFFFF; }
.toast-info {
  background-color: #2F96B4; }
.toast-warning {
  background-color: #F89406; }
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4; }
.password-mask-show {
  float: right !important;
  padding-left: 1%  !important; }
.password-mandatory-label {
  margin-left: 1%; }
.total-width {
  width: 100%; }
.pointer:hover label, .pointer:hover i {
  color: #14487F;
  cursor: pointer; }
.cookies-privacy-policy-div a {
  color: #1AB8A4; }
.mfa-setup {
  display: flex;
  flex-direction: column;
  gap: 40px; }
.mfa-setup p {
    margin-bottom: 0px; }
.mfa-setup .heading-title {
    font-size: 27px;
    color: #14487f; }
.mfa-setup .item-heading-title {
    font-size: 20px;
    color: #14487f; }
.mfa-setup .mfa-step-container {
    display: flex;
    flex-direction: column;
    background-color: #f3f3f3;
    padding: 20px;
    border-top: 3px solid #14487f;
    border-bottom: 1px solid #acabab; }
.mfa-setup .form-group {
    margin-bottom: 0px; }
.mfa-setup .check-box-label {
    font-weight: 500;
    font-size: 17px;
    color: #14487f; }
.mfa-setup .qr-code-container {
    display: flex;
    flex-direction: row;
    justify-content: center; }
.mfa-setup input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 5px; }
.mfa-setup .description {
    font-size: 16px;
    text-align: justify; }
.mfa-setup .description strong {
      font-weight: 500; }
.mfa-setup label {
    width: 100%; }
.mfa-setup label h1 {
      color: #525252;
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 5px; }
.mfa-setup label input {
      padding: 15px; }
.mfa-setup .btn {
    margin-bottom: 0px;
    width: 50%;
    text-transform: uppercase; }
.mfa-setup .success-text {
    color: #28a745;
    font-weight: 500; }
.mfa-setup .error-text {
    color: red;
    font-weight: 500; }
.mfa-setup .bold-text {
    font-weight: 500; }
.mfa-setup .underline-text {
    text-decoration: underline; }
.mfa-setup .column-content {
    display: flex;
    flex-direction: column; }
.mfa-setup .row-content {
    display: flex;
    flex-direction: row; }
.mfa-setup .gap-10px {
    gap: 10px; }
.mfa-setup .gap-20px {
    gap: 20px; }
.mfa-setup .gap-40px {
    gap: 40px; }
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .toast.div {
    padding: 15px 15px 15px 50px;
    width: 25em; } }


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