.bl-alert {
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
    border-left-color: #842029;
}

.bl-success {
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
    border-left-color: #0f5132;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-gradient {
    background-image: linear-gradient(45deg, #4b311e 0%, #492f1d 100%) !important;
    background-size: contain;
}

.bg-nav {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: #442b19;
    z-index: 1;
}

.bg-box {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: #e79e21;
    z-index: 1;
}

.btn-yellow-theme-outline {
    border: 1px solid #442b19;
    color: #442b19 !important;
    background-color: #e79e21 !important;
}

.btn-yellow-theme-outline:hover {
    border: 1px solid #e79e21;
    color: #e79e21 !important;
    background-color: #442b19 !important;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: none !important
}

.ml-auto {
    margin-left: auto !important;
}

.token-info {
    min-width: 500px;
    max-width: 500px;
    margin: 0 auto;
    box-shadow: 0px 5px 10px rgb(25 64 176 / 8%);
}

.token-wrapper {
    /* display: block; */
    box-shadow: 0px 5px 40px rgb(25 64 176 / 8%);
}

.table>:not(caption)>*>* {
    border-bottom-width: 0 !important;
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: calc(2.75rem + 3px) !important;
    line-height: 1.25;
}

.form-floating>label {
    padding: .75rem .75rem !important;
    font-size: .85rem !important;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 1 !important;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    color: #e79e21 !important;
    font-weight: 500;
}

.form-control:focus {
    box-shadow: none !important;
    border-color: #e79e21 !important;
    color: #000 !important;
    font-weight: 500;
    /* border-left: 5px solid #6e19c2; */
}

.my-card {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.text-sm {
    font-size: .75rem !important;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.alert-danger {
    background-color: #fff !important;
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
    color: #fff;
}

.transform-rotate-90deg {
    transform: rotate( 90deg) !important;
}

.svg-inline--fa.fa-w-16 {
    width: 1em;
}

.card {
    padding: 30px;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-light .navbar-toggler {
    border-color: #00000005 !important;
}

.navbar-toggler:focus {
    box-shadow: none!important;
}

.pl-alert {
    padding-left: .75rem !important;
}

.btn-outline-light {
    color: #e79e21 !important;
    border-color: #e79e21 !important;
}

.highlight-text {
    color: #e79e21 !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.border-transparent {
    border: 1px solid transparent !important;
}

@media (min-width: 576px) {
    .token-content {
        padding-right: 15px;
        text-align: left;
        padding-top: 0;
        width: 450px;
        max-width: 450px;
        margin: auto;
    }
}

@media (min-width:768px) {
    .dropdown-menu[data-bs-popper] {
        right: 0 !important;
        left: unset !important;
    }
}