/************/
/** Labels **/
/************/

.label.text-ellipsis {
    max-width: 100%;
    overflow: hidden;
    display: inline-block!important;
    text-overflow: ellipsis;
}

.label:not(.label-builder) {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: min-content;
    height: var(--app-label-height);
    color: var(--app-color-dark);
    font-size: var(--app-font-size);
    line-height: var(--app-font-size);
    font-weight: var(--app-font-weight);
    padding: var(--app-label-padding);
    font-style: normal;
    border-radius: var(--app-label-radius);
    border: none;
    margin-bottom: 0;
}
.label.label-multilines:not(.label-builder) {
    height: auto;
}

.label .nc-icon {
    vertical-align: middle;
}

.label-lb {
    background-color: var(--app-color-primary);
    border: 1px solid var(--app-color-primary);
}

.label-default:not(.label-builder) {
    background: var(--common-primary-brand-emerald-20);
    /*box-shadow: 0px 2px 4px 0px var(--common-primary-brand-emerald-20, #E4F3F0);*/
    box-shadow: none;
}
.label-primary:not(.label-builder) {
    background: var(--Background-Secondary, #FFF);
    box-shadow: 0px 2px 4px 0px var(--common-primary-brand-emerald-20, #E4F3F0);
}

.label-secondary:not(.label-builder) {
    border: 0.6px solid var(--app-color-dark);
    box-shadow: 0px 4px 5px 0px rgba(0, 134, 109, 0.06);
    background: transparent;
}

.label-info:not(.label-builder) {
    background-color: var(--color-info);
    color: #FFF;
}
.label-info:not(.label-builder) a,
.label-info:not(.label-builder) a:hover,
.label-info:not(.label-builder) a:focus {
    color: #FFF;
}

.label-success:not(.label-builder) {
    background-color: var(--color-success);
    color: #FFF;
}
.label-success:not(.label-builder) a,
.label-success:not(.label-builder) a:hover,
.label-success:not(.label-builder) a:focus {
    color: #FFF;
}

.label-warning:not(.label-builder) {
    background-color: var(--color-warning);
    color: #FFF;
}
.label-warning:not(.label-builder) a,
.label-warning:not(.label-builder) a:hover,
.label-warning:not(.label-builder) a:focus {
    color: #FFF;
}

.label-danger:not(.label-builder) {
    background-color: var(--color-danger);
    color: #FFF;
}
.label-danger:not(.label-builder) a,
.label-danger:not(.label-builder) a:hover,
.label-danger:not(.label-builder) a:focus {
    color: #FFF;
}

.label.label-pointer {
    cursor: pointer;
}
.label.label-tooltip {
    margin-bottom: 10px;
    display: inline-block;
}

/******************/
/** Labels small **/
/******************/

.label.label-small,
table.table .label {
    height: var(--app-label-small-height);
    font-size: var(--app-label-small-size);
    line-height: var(--app-label-small-size);
    padding: var(--app-label-small-padding);
}

/******************/
/** Labels light **/
/******************/

.label.label-light:not(.label-builder) {
    box-shadow: none;
}
.label-light.label,
.label-light.label-default,
.label-light.label-primary {
    background-color: var(--common-primary-brand-emerald-20);
}
.label-light.label.label-small,
.label-light.label-default.label-small,
.label-light.label-primary.label-small {
    background-color: var(--common-primary-brand-emerald-10, #F1FCFA);
}

.label.label-light.label-info {
    background-color: var(--common-primary-brand-cobalt-blue-20);
    color: var(--common-primary-brand-cobalt-blue-100);
}
.label.label-light.label-info.label-small {
    background-color: var(--common-primary-brand-cobalt-blue-10);
}

.label.label-light.label-success {
    background-color: var(--common-primary-brand-emerald-20);
    color: var(--common-primary-brand-emerald-100);
}
.label.label-light.label-success.label-small {
    background-color: var(--common-primary-brand-emerald-10);
}

.label.label-light.label-warning {
    background-color: var(--common-secondary-brand-orange-20);
    color: var(--common-secondary-brand-orange-100);
}
.label.label-light.label-warning.label-small {
    background-color: var(--common-secondary-brand-orange-10);
}

.label.label-light.label-danger {
    background-color: var(--common-secondary-brand-red-20);
    color: var(--common-secondary-brand-red-100);
}
.label.label-light.label-danger.label-small {
    background-color: var(--common-secondary-brand-red-10);
}


/********************/
/** Labels actions **/
/********************/

.label-action:not(.label-builder) {
    cursor: pointer;
}
.label-action i {
    color: var(--app-color-dark);
    margin-left: 0;
    vertical-align: middle;
    transition: transform 0.2s ease;
}
.label-dropdown.open .label-action i {
    transform: rotate(180deg);
}
.dropdown.label-dropdown {
    width: fit-content;
}
.label-action.label-success i,
.label-action.label-info i,
.label-action.label-warning i,
.label-action.label-danger i {
    color: #FFF;
}
.label-action.label-light.label-success i,
.label-action.label-light.label-info i,
.label-action.label-light.label-warning i,
.label-action.label-light.label-danger i {
    color: var(--app-color-dark);
}

/*******************/
/** Labels status **/
/*******************/

.label-status:before {
    content: "\f111";
    font: normal normal normal 8px/1 FontAwesome;
    margin-right: 0;
    vertical-align: middle;
    color: var(--common-primary-brand-emerald-80);
}
.label-status.label-default:before {
    color: var(--common-primary-brand-emerald-80);
}
.label-status.label-primary:before {
    color: var(--common-primary-brand-emerald-80);
}
.label-status.label-success:before,
.label-status.label-warning:before,
.label-status.label-info:before,
.label-status.label-danger:before {
    color: #FFF;
}
.label-status.label-light.label-success:before {
    color: var(--color-success);
}
.label-status.label-light.label-warning:before {
    color: var(--color-warning);
}
.label-status.label-light.label-info:before {
    color: var(--color-info);
}
.label-status.label-light.label-danger:before {
    color: var(--color-danger);
}
.label-status.label-dropdown i {
    margin-left: 8px;
}

/******************/
/** Labels hover **/
/******************/

.label-action:hover {
    box-shadow: 0px 4px 5px 0px rgba(0, 134, 109, 0.06);
}
.label-action:hover,
.label-action:hover i,
.label-action.label-status:hover:before {
    color: var(--common-primary-brand-navy-blue-10);
}
.label-action.label-success:hover {
    background: var(--common-primary-brand-emerald-80);
}
.label-action.label-success:hover,
.label-action.label-success:hover i,
.label-action.label-success.label-status:hover:before {
    color: #FFF;
}
.label-action.label-info:hover {
    background: var(--common-primary-brand-cobalt-blue-80);
}
.label-action.label-info:hover,
.label-action.label-info:hover i,
.label-action.label-info.label-status:hover:before {
    color: #FFF;
}
.label-action.label-warning:hover {
    background: var(--common-secondary-brand-orange-80);
}
.label-action.label-warning:hover,
.label-action.label-warning:hover i,
.label-action.label-warning.label-status:hover:before {
    color: #FFF;
}
.label-action.label-danger:hover {
    background: var(--common-secondary-brand-red-80);
}
.label-action.label-danger:hover,
.label-action.label-danger:hover i,
.label-action.label-danger.label-status:hover:before {
    color: #FFF;
}

/******************/
/** Labels square **/
/******************/

.label-square:not(.label-builder) {
    border-radius: var(--app-label-square-radius);
}

.label-variable.label:after {
    content: "\f24d";
    font: normal 400 normal 14px/1 "Font Awesome 6 Pro";
    margin-left: 7px;
    vertical-align: middle;
    color: var(--app-color-grey-medium);
}
.label-variable.label:hover:after {
    content: "\f0c5";
}
.label-variable.label:hover,
.label-variable.label:hover:after {
    color: var(--app-color-dark);
}
.label-variable.label {
    cursor: pointer;
}

.label.label-with-icon.label-light {
    background: #edeff4;
}
.label.label-with-icon {
    float: left;
    cursor: pointer;
    color: #4D555E;
    font-size: 13px;
    height: 24px;
    padding: 5px;
    font-weight: 400;
    line-height: 11px;
}
.label.label-with-icon i {
    font-size: 12px;
    float: left;
}
.label.label-with-icon span {
    float: left;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 3px;
}

.label.label-with-icon.label-light:hover {
    color: #34364B;
}

.top-page-title .label {
    font-size: 11px;
    padding: 4px 9px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    margin-left: 10px;
    color:#90959A;
}

/*******************/
/*** Labels dot ****/
/*******************/
.label-dot:not(.label-builder) {
    font-size: 8px;
}

.label-dot-primary,
.label-dot-primary:hover {
    color: var(--app-color-primary);
}

.label-dot-info {
    color: var(--app-color-info);
}

.label-dot-danger {
    color: var(--app-color-danger);
}

.label-dot-success,
.label-dot-success:hover {
    color: var(--app-color-success);
}

.label-dot-default,
.label-dot-default:hover {
    color: var(--app-color-grey-light);
}

/*******************/
/*** Labels tag ****/
/*******************/
.label-tag {
    padding: 6px 8px;
    border-radius: 4px;
}

/****************************/
/*** Labels multi-lignes ****/
/****************************/
.label-multilines {
    height: auto;
    border-radius: 16px;
}

/*****************************/
/*** Labels action status ****/
/*****************************/
.label-action-status:not(.label-builder) {
    background-color: var(--app-color-default);
    color: var(--app-color-grey-medium);
    border: 1px solid var(--app-color-default-light);
}

.label-dark {
    display: block;
    padding: 4px 8px;
    gap: 8px;
    max-width: 165px;
    border-radius: 8px;
    background: var(--app-color-dark);
    overflow: hidden;
    color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 4px;
}
body.dark .label-dark {
    background: var(--common-primary-brand-navy-blue-30, #2C2D36);
}
.label-dark i {
    margin-right: 8px;
}

.label-stat-number {
    display: flex;
    height: 48px;
    width: 78px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 14px;
    background: var(--Background-Primary, #F9F5F1);
    color: var(--app-color-dark);
    font-size: 14px;
    font-weight: 700;
}
.label-stat-number i {
    font-size: 16px;
}

.label-stat-bg-light {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    border-radius: 14px;
    background: var(--Background-Primary, #F9F5F1);
    gap: 8px;
    flex-wrap: nowrap;
    font-weight: 700;
    white-space: nowrap;
}
.label-stat-bg-light:hover {
    text-decoration: none !important;
}
.label-stat-bordered {
    display: flex;
    height: 56px;
    padding: 4px 10px;
    align-items: center;
    gap: 12px;
    border-radius: 14px;
    border: 0.6px solid var(--Border-Secondary, #F3EEE8);
}
.label-stat-bordered .label-stat-divider {
    background: var(--Common-Neutral-Low, #DED9D5);
    width: 0.6px;
    height: 20px;
}
.label-stat-bordered a {
    text-decoration: none !important;
}
.label-stat-groups {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
}
.label-stat-groups i {
    font-size: 16px;
}

.label-white {
    background: #FFF;
}
.label-shadow {
    box-shadow: 0px 2px 4px 0px var(--common-primary-brand-emerald-20, #E4F3F0);
}

.symbol-group {
    display: flex;
    align-items: center;
}
.symbol-group .symbol {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    z-index: 0;
    margin-left: -15px;
    border: 2px solid #ffffff;
    border-radius: 50%;
}
.symbol-group .symbol:first-child {
    margin-left: 0;
}
body.dark .symbol-group .symbol {
    border: 2px solid var(--Background-Secondary);
}
.symbol > img {
    width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}
.symbol .symbol-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    line-height: 0;
    color: var(--app-color-dark);
    background-color: #F1F2FF;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.symbol.symbol-light-blue .symbol-label {
    background: var(--common-primary-brand-cobalt-blue-10, #F3F6FF);
    color: var(--common-primary-brand-cobalt-blue-100, #385FEB);
    font-weight: 700;
}
.symbol.symbol-light-muted .symbol-label {
    background: var(--common-primary-brand-beige-40, #F9F5F1);
    color: var(--common-primary-brand-navy-blue-5, #CDCED8);
    font-weight: 700;
}
body.dark .symbol.symbol-light-muted .symbol-label {
    background: transparent;
}


.users-list.users-list-30 .symbol > img {
    width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
}