body, h1, h2, h3, h4, h5, h6, p, li, a, span, td, th, div, label {
    font-family: Montserrat, Arial, monospace, sans-serif !important;
}

#dashboard_affiliate .card-custom,
#current-commission .card-custom,
.table-order-affiliate thead tr th {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #2C2C2C !important;
}

.table-order-affiliate tbody tr td {
    font-size: 1rem !important;
}

.menu-navigation-policy .arrow-hover,
.menu-navigation-policy .arrow-hover a {
    color: #FFFFFF !important;
}

.title-portal {
    color: var(--primary) !important;
}

.btn-copy-custom {
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    height: 30px !important;
    width: 40px !important;
}

.link-url-saved {
    display: inline-block;
    white-space: nowrap;
    max-width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card-custom {
    border-radius: 10px !important;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1) !important;
}

.main-menu .shadow-bottom {
    display: none !important;
}

#sign_up_user {
    position: relative;
    cursor: pointer;
}

#sign_up_user::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: var(--primary);
    transition: width 0.3s ease;
}

#sign_up_user:hover::after {
    width: 100%;
}

#dashboard_affiliate .card-custom {
    margin-bottom: 0 !important;
}

.card-border-bottom {
    border-bottom: 1px dashed #0080c8 !important;
}

#view-more:hover {
    color: #0080c8 !important;
}

#link {
    background-color: #f5f5f7 !important;
    height: 45px;
}

.card-campaign {
    background-color: #fff;
    border: 1px solid #ddd;
    /*padding: 10px;*/
    border-radius: 8px !important;
    /*padding: 10px 40px !important;*/
    transition: background-color 0.3s ease;
}

.card-campaign > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.card-campaign:hover {
    cursor: pointer;
    background-color: #ffffff;
    color: var(--primary);
    border: var(--primary) solid 1px;
}

.card-campaign:hover > * {
    animation: slide 10s linear infinite;
}

@keyframes slide {
    0% { text-indent: 0; }
    100% { text-indent: -100%; }
}

.card-campaign.active,
.card-campaign:focus {
    background-color: var(--primary) !important;
}

.card-campaign.active > *,
.card-campaign:focus > * {
    color: #ffffff;
}