body {
    margin: 0;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    /*color: #858796;*/
    text-align: left;
    background-color: aliceblue;
}

.bg-blur{
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color:rgba(255,255,255,.6);
}

.bg-blur-modal{
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color:rgba(255, 255, 255, 0.665);
}




.borde-redondo{
  border-radius: 20px;
}
.top-redondo{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}


.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: .75rem; }
.rounded-6 { border-radius: 1rem; }

.modal-sheet .modal-dialog {
  width: 380px;
  transition: bottom .75s ease-in-out;
}
.modal-sheet .modal-footer {
  padding-bottom: 2rem;
}

.modal-alert .modal-dialog {
  /*width: 380px;*/
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.border-right { border-right: 1px solid rgb(224, 224, 224); }


.btn-success {
    color: #fff;
    background-color: #1cc88a;
    border-color: #1cc88a;
}
  
.btn-success:hover {
    color: #fff;
    background-color: #17a673;
    border-color: #169b6b;
}
  
.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #17a673;
    border-color: #169b6b;
    box-shadow: 0 0 0 0.2rem rgba(62, 208, 156, 0.5);
}

.img-bg-creditcard {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(248,249,252,0.5), rgba(248,249,252,1)),  url('../img/673_finance.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y:35%;
    background-position-x:40%;
}

.bg-gradient-clearblue {
  background-image: radial-gradient(circle at 119.64% 37.72%, #c5fcff 0, #5389f2 50%, #002550 100%);
}
.bg-gradient-bluevision {
  background: #000046;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #000046, #1CB5E0);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #000046, #1CB5E0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}