.ordering-label {
    cursor: pointer;
    position: relative;
}

.desc:after {
    content: "";
    position: absolute;
    top: 35%;
    border-top: 10px solid #666;
    border-right: 7px solid white;
    border-left: 7px solid white;
}

.asc:after {
    content: "";
    position: absolute;
    top: 35%;
    border-bottom: 10px solid #666;
    border-right: 7px solid white;
    border-left: 7px solid white;
}


/*Business page*/
.subscription-status {
    padding-top: 10px;
    float: right;
    margin-right: 15%;
    font-size: 16px !important;
    width: 50%;
}

.subscription-status.active {
    color: #2CA50E;
}

.subscription-status.inactive, .subscription-status.warning {
    color: #FF2222;
}

.subscription-status.exception, .subscription-status.duplicated {
    color: #ff9800;
}

a.icon-padlock, .icon-padlock-open {
    right: 35%;
}

.primary-view {
    border-left: 6px solid var(--primary-color, var(--primary-color, #95C11F));
    transition: all 1.4s ease-in-out;
}

.secondary-view {
    border-left: 6px solid var(--business-color, #ff9800);
    transition: all 1.4s ease-in-out;
}

.base-view {
    border-left: 6px solid var(--imported-content-color, #000000);
    transition: all 1.4s ease-in-out;
}
.status-block {
    float: right;
    width: 50%;
    display: flex;
    align-content: center;
    justify-content: start;
    gap: 15px;
    margin-right: 15%;

}

.status-block .user-status {
    margin-right: 0;
    width: auto;
    font-weight: 500!important;
}

.send-invite {
    padding-top: 10px;
    color: #0d7cd0;
    cursor: pointer;
    font-size: 16px!important;
    font-weight: 500!important;
}

.log-report label, .log-report div, .log-report span {
    font-size: 14px!important;
}

.log-report .clearfix {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.complimentary-subscription-container {
    width: 50%;
    float: right;
    margin-right: 15%;
}

.complimentary-subscription-button {
    font-size: 12px;
    margin: initial;
}

@media screen and (max-width: 780px) {
    a.icon-padlock, .icon-padlock-open {
        right: 10%;
    }
}

@media screen and (max-width: 480px) {
    a.icon-padlock, .icon-padlock-open {
        right: 2%;
        padding-top: 25px;
    }
}