@font-face {
    font-family: Avenir;
    src: url(font/Avenir-LT-35-Light.ttf);
  }
  
  body {
    font-family: Avenir;
  }

  h5 {
    font-weight: bold;
  }
  label {
    font-weight: bold;
  }
  ::root{
    --mdb-primary : #089ce4;
  }

  .nav-pills .nav-link{
    border-radius: 8px;
  }

  .nav-pills .nav-link.active{
    --mdb-nav-pills-link-active-bg: #089ce4;
    --mdb-nav-pills-link-active-color: #ffffff;
  }

  a{
    color: #089ce4;
  }

  a:hover{
    color: #0894da;
  }

  .btn{
    --mdb-btn-line-height: 1.3;
  }

  .btn-primary {
    --mdb-btn-bg: #bfd300;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #b0c403;
    --mdb-btn-hover-bg: #faffbd;
    --mdb-btn-hover-color: #0b3954;
    --mdb-btn-focus-bg: #b0c403;
    --mdb-btn-focus-color: #0b3954;
    --mdb-btn-active-bg: #b0c403;
    --mdb-btn-active-color: #0b3954;

    --mdb-btn-hover-border-color: #b0c403;
    --mdb-btn-focus-shadow-rgb: 11,57,84;
    --mdb-btn-active-border-color: #9cad02;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0,0,0,0.15),0 4px 18px 0 rgba(0,0,0,0.1);
    --mdb-btn-disabled-color: #fff;
    --mdb-btn-disabled-bg: #bdc577d0;
    --mdb-btn-disabled-border-color: #08080083;


    --bs-btn-color: #fff;
    --bs-btn-bg: #bfd300;
    --bs-btn-border-color: #0b3954;
    --bs-btn-hover-color: #0b3954;
    --bs-btn-hover-bg: #faffbd;
    --bs-btn-hover-border-color: #bfd300;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #bfd300;
    --bs-btn-active-border-color: #bfd300;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #bdc577d0;
    --bs-btn-disabled-border-color: #08080083;

    border-radius: 8px;
}


.sweet-alert{
    font-family: Avenir;
}

.sweet-alert h2{
    font-size: 25px;
}
.sweet-alert p{
    font-size: 18px;
}

.form-control.is-invalid{
    margin-bottom: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc4c64'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc4c64' stroke='none'/%3E%3C/svg%3E");
}

.confirm{
    background-color: #089ce4;
}

/* Por alguna razon en mac esta propiedad se interpreta de forma diferente */
.swal2-html-container {
  line-height: inherit !important;
}