#screenWrapper {
    min-height: calc(100vh - 136px);
    background-color: #f5f5f5;
}

.thead-light-custom {
    background-color: #f5f5f5;
}

.btn-icon {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.2rem;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    padding: auto 0.25rem;
    color: #7b60fb;
}

#qrCodeContainer {
    border: 1px solid #f5f5f5;
    padding: 10px 10px;
}

#qrCodeContainer img {
    margin: 0 auto;
    /* max-width: 180px; */
}

.btn-social-whatsapp {
    background-color: #128c7e;
    border: 1px solid transparent;
}
.btn-social-whatsapp:hover {
    background-color: #25d366;
    border: 1px solid transparent;
}

.btn-social-facebook {
    background-color: #3360ff;
    border: 1px solid transparent;
}
.btn-social-facebook:hover {
    background-color: #5c79ff;
    border: 1px solid transparent;
}

.btn-social-twitter {
    background-color: #00aced;
    border: 1px solid transparent;
}
.btn-social-twitter:hover {
    background-color: #1dcaff;
    border: 1px solid transparent;
}

/* ################################################## */
.bg-base-0 {
    background-color: #fff !important;
}

.bg-base-1 {
    background-color: #f5f5f5 !important;
}

.bg-base-2 {
    background-color: #fafafa !important;
}

.shadow-sm {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.03) !important;
}

.shadow {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1) !important;
}

.shadow-lg {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15) !important;
}

.card {
    border: 1px solid #f0f0f0;
}

.card-header {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}

.card-header:first-child {
    border-radius: 0.25rem 0.25rem 0 0;
}

.list-group-item {
    border: 1px solid #f0f0f0;
}

.table td {
    border-top: 1px solid #ededed;
}

.header {
    position: sticky;
    top: 0;
}

.logo {
    height: 2.5rem;
    opacity: 1;
    width: auto;
}

.logo:hover {
    opacity: 0.85;
}

.logo img {
    border: 0;
    height: 100%;
    max-height: 2.5rem;
    max-width: 12.625rem;
    -o-object-fit: contain;
    object-fit: contain;
}

/* ################################################## */