@import url('https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css');
@import url('https://cdn-uicons.flaticon.com/uicons-thin-rounded/css/uicons-thin-rounded.css');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');

* {
    font-family: 'Poppins', sans-serif;
}

.btn-gold {
    padding: 0.5rem 1.4rem;
    background-color: #CEA77B;
    border: 0px;
    color: #fff;
    transition: all .2s ease-in-out;
}

.btn-gold:hover {
    background-color: #CEA77B;
    transform: scale(.95);
    color: #fff;
}

.navbar-brand img {
    height: 40px;
}

.fs-small {
    font-size: .75rem!important;
}

.fs-5 {
    font-size: .85rem!important;
}

.fs-6 {
    font-size: .8rem!important;
}

.form-control {
    padding: .5rem .75rem;
}

.btn-hover-gold:hover {
    border: 1px solid #CEA77B;
    background-color: #CEA77B;
    color: #fff!important;
}

.btn-hover-gold:hover .text-secondary {
    color: #fff!important;
}

.border-grey {
    border: 1px solid rgb(245, 245, 245)!important;
}

.text-gold {
    color: #CEA77B;
}

.btn-hover-gold:hover i, .btn-hover-gold:hover span {
    color: #fff!important;
}

.badge-number {
    width: 2em;
    height: 2em;
    border-radius: 2em;
    display: inline-block;
    line-height: 2em;
    text-align: center;
    color: #fff;
}

.bg-gold {
    background-color: #CEA77B;
}

.fs-3 {
    font-size: 1.1rem!important;
}

.fw-bold {
    font-weight: 700!important;
}

.text-dark {
    color: #313131!important;
}

.form-select {
    border: 1px solid #dddddd;
    border-radius: 2px;
    outline: none;
    color: #313131;
}

.form-select:focus {
    box-shadow: none;
    border: 1px solid #dddddd;
}

.btn-pin {
    background-color: transparent;
    border: 1px solid #ddd;
    margin: 0px;
    padding: 0px 10px;
    font-size: .75rem!important;
    border-radius: 2px;
    color: #bfbfbf;
}

.btn-gold.btn-sm {
    padding: 0.3rem 1.2rem;
    font-size: .65rem!important;
}

.form-control:focus {
    border: var(--bs-border-width) solid var(--bs-border-color)!important;
    box-shadow: none!important;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.badge-gold {
    background-color: #CEA77B;
    font-weight: normal;
    padding: .3rem .5rem;
}

.btn-sm {
    padding: 0.3rem 1.2rem;
    font-size: .65rem!important;
}