.bg-success-custom {
    background-color: #00d68f !important;
    border-color: #00d68f !important;
    color: #fff !important;
}

.bg-primary-custom {
    background-color: #0095ff !important;
    border-color: #0095ff !important;
    color: #fff !important;
}
.bg-warning-custom {
    background-color: #f5a041 !important;
    border-color: #f5a041 !important;
    color:  #fff !important;
}

.span-headers {
    font: 400 0.875rem / 1.2857142857 "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    letter-spacing: normal;
    font-weight: 500;
}

.button-on-bottom {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 10;
}

.label-span-input {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.span-device-expire {
    background: red;
    min-width: 1.5rem;
    min-height: 1.5rem;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    border-radius: 2rem;
    text-align: center;
}


.label-checkbox-input {
    font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 500;
    text-align: right !important;
    width: 10% !important;
}

.button-boder-6 {
    border-radius: 6px !important;
}

.avatar {
    cursor: pointer;
    vertical-align: middle;
    max-width: 5rem;
    max-height: 5rem;
    object-fit: cover;
}

.setup { 
    width: 95%;
    padding-top: 2.5rem;
    margin-left: auto;
    margin-right: auto;
}