html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}




.add-icon {
    background-image: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><!-- Outer Circle (Change color via "fill" attribute) --><path fill="%230d6efd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0z" /><!-- Inner Plus (Change color via "fill" attribute) --><path fill="%23ffffff" d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" /></svg>');
}

.add-icon {
    display: inline-block;
    aspect-ratio: 1;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.accept-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2300ff00" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1;
    cursor: pointer;
    width: 2rem;
}

.cancel-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ff0000" class="bi bi-x-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z"/></svg>');
    background-repeat: no-repeat;
    aspect-ratio:1;
    cursor: pointer;
}


/*.modal-footer .accept-icon {
    margin-left: auto;
    margin-right: 1rem;
    display: block;
    width: 2rem;
    height: 2rem;
}*/


.autocomplete-suggestions {
    background: rgb(33, 37, 41);
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: auto;
}

.autocomplete-selected {
    background: rgb(33,37,41);
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
}

    .autocomplete-group strong {
        display: block;
        border-bottom: 1px solid #000;
    }

.autocomplete-suggestion:hover {
    background: rgb(0,0,0);
}


.usd-color {
    color: #ff0000
}

.aud-color {
    color: #00ff00
}

.custom-spin {
    /* The Utility Class */
    animation: spin 1s infinite linear;
    display: inline-block; /* Essential for CSS transforms to function properly */
}

/* The Keyframe Animation Rule */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}