.golden-text{
    color: #a48928!important;
    text-decoration: underline;
    font-weight: 600;
}

.fs-16px{
    font-size: 16px!important;
}

.row > *{
    padding-left: 18px!important;
    padding-right: 18px!important;
}


.book-card-active{
    /*background-color: #F6C000!important;*/
    /*color: #a18000 !important;*/
    /*font-weight: 700;*/
    /*border: #a18000 solid 2px!important;*/
}

.badge.badge-booking{
    font-weight: 500;
    justify-content: center;
    width: 100%;
    max-width: 90px;
}

.badge.badge-booking-online{
    color: #21B1CB;
    background-color: #DFFAFF;
}

.badge.badge-booking-offline{
    color: #DFFAFF;
    background-color: #21B1CB;
}


.badge.badge-booking-paid{
    color: #17C653;
    background-color: #DFFFEA;
}

.badge.badge-booking-pending{
    color: #FFAD0E;
    background-color: #FFF4DE;
}
.badge.badge-booking-canceled{
    background-color: #ff0e0e;
    color: #fdeaea;
}

.badge.badge-payment-card{
    background-color: #FF9800;
    color: #faf2e5;
}
.badge.badge-payment-cash{
    background-color: #4CAF50;
    color: #d8fdd8;
}
.badge.badge-payment-web{
    background-color: #8783D1;
    color: #e3e0ff;
}

/* BOOKINGS DASHBOARD STYLES*/
.icon-off{
    color: #eee;
}

.color-off{
    color: #A5A6A9;
}

.online{
    color: #7DCADE;
}

.observations{
    color: #A5A6A9;
}

.paid{
    color: #17C653;
}

.checkin{
    color: #0B92E5 !important;
}
.bg-checkin{
    background-color: #0B92E533 !important;
}
.extras{
    color: #FFD88C;
}

.invitation{
    color: var(--bs-primary) ;
}

.truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blocked{
    color: #c0c1c2!important;
    background-color: #eeeeee!important;
}


.card-width{
    width: 100%!important;
}

@media only screen and (min-width: 600px) {
    .card-width {
        width: 50% !important;
    }
}

@media only screen and (min-width: 800px) {
    .card-width {
        width: 25% !important;
    }
}

@media only screen and (min-width: 1200px) {
    .card-width {
        width: 16.6%!important;
    }
}
@media only screen and (min-width: 1550px) {
    .card-width {
        width: 12.5%!important;
    }
}