/* ----------- STARTING: /app/profile/management/accounts/accounts.css */
.accounts-container{

}

/* ----------- ENDING: /app/profile/management/accounts/accounts.css */


/* ----------- STARTING: /app/profile/management/teams/teams.css */
.teams-container {

}

    .teams-container .left-card {
        height: calc(100vh - 200px);
        overflow-y: auto;
    }
    .teams-container .right-card {
        height: calc(100vh - 200px);
        overflow-y: auto;
    }

/* ----------- ENDING: /app/profile/management/teams/teams.css */


/* ----------- STARTING: /app/profile/scheduled/scheduled-reports-loading/scheduled-reports-loading.css */
.scheduled-reports-loading-container{
    padding:30px;
}


    .scheduled-reports-loading-container .fake-text {
        margin-top:30px;
        height:21px;
        width:20%;
    }

    .scheduled-reports-loading-container .skeleton-item {
        height: 140px;
        margin-top: 20px;
    }
/* ----------- ENDING: /app/profile/scheduled/scheduled-reports-loading/scheduled-reports-loading.css */


/* ----------- STARTING: /app/profile/scheduled/scheduled-reports-list/scheduled-reports-list.css */
.scheduled-reports-list-container{

}

    .scheduled-reports-list-container .scheduled-item {
       
        margin-top:20px;
    }
        .scheduled-reports-list-container .scheduled-item.disabled .scheduled-item-heading {
            opacity: .6;
        }
        .scheduled-reports-list-container .scheduled-item.disabled .scheduled-item-sub-heading {
            opacity: .6;
        }
        .scheduled-reports-list-container .scheduled-item.disabled .scheduled-item-sub-heading strong {
            opacity: 1;
        }
        .scheduled-reports-list-container .scheduled-item.disabled .disabled-badge {
            opacity:1
        }

        .scheduled-reports-list-container .scheduled-item.disabled .schedule-item-time {
            opacity: .6;
        }
        .scheduled-reports-list-container .scheduled-item.disabled .run-label {
            display:none;
        }

        .scheduled-reports-list-container .item-icon-shadow {
            padding: 10px;
        }

    .scheduled-reports-list-container .scheduled-item .schedule-item-time {
        margin-top:12px;
    }
    .scheduled-reports-list-container .disabled-badge {
        opacity:0;
        font-size: 12px;
        font-weight: 500;
        background-color: #FF76767D;
        border-radius: 23px;
        padding: 2px 10px;
    }

    .scheduled-reports-list-container .headings-container {
        margin-left: 20px;
        width: 90%;
    }

    .scheduled-reports-list-container .scheduled-item-sub-heading {
        margin-top:5px;        
    }

    .scheduled-reports-list-container .dots {
        margin-top:10px;
        margin-right: 30px;
    }

    .scheduled-reports-list-container .scheduled-items-container {
        overflow-y: auto;
        height: calc(100vh - 230px);
        padding-right: 20px;
    }


    .scheduled-reports-list-container .app-menu-item .user-email {
        max-width: 150px;
    }

    .scheduled-reports-list-container .recipients-popover .users-container {
        max-height: 200px;
        overflow-y: auto;
    }

        .scheduled-reports-list-container .recipients-popover .users-container .app-menu-item {
            padding-top:8px;
            padding-bottom: 8px;
        }


    .scheduled-reports-list-container .scheduled-item-users {
        height: 100%;
        transition: 250ms ease-in-out;
        margin-bottom: 30px;
        position: relative;
    }

    .scheduled-reports-list-container .clickable-header {
        padding: 20px 30px;
        cursor:pointer;
    }


    .scheduled-reports-list-container .scheduled-item-users .member {
        padding: 15px 20px;
        margin-bottom: 30px;
    }
        .scheduled-reports-list-container .scheduled-item-users .member .member-name {
            margin-left: 20px;
            max-width:200px;
        }

    .scheduled-reports-list-container .user-add-input {
        margin: 20px;
    }

    .scheduled-reports-list-container .scheduled-item-users boxed-input {
        margin-left:10px;
        margin-bottom: 20px;
        width: 20%;
    }

    .scheduled-reports-list-container .autocomplete-container {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
    }

    .scheduled-reports-list-container .empty-recipients {
        position: relative;
        min-height:200px;
    }
        .scheduled-reports-list-container .empty-recipients .app-sub-heading {
            margin-top:10px;
        }
/* ----------- ENDING: /app/profile/scheduled/scheduled-reports-list/scheduled-reports-list.css */


/* ----------- STARTING: /app/profile/scheduled/scheduled-reports-empty/scheduled-reports-empty.css */
.scheduled-reports-empty-container{
    position:relative;
    height:80vh;
}

    .scheduled-reports-empty-container .heading {
        
    }

    .scheduled-reports-empty-container img {
        height:200px;
    }

/* ----------- ENDING: /app/profile/scheduled/scheduled-reports-empty/scheduled-reports-empty.css */


/* ----------- STARTING: /app/profile/management/accounts/manage-users-list/manage-users-list.media.css */


@media screen and (max-width: 1440px) {
    .manage-users-list-container .users-list {
        height: calc(100vh - 320px);
    }
}
/* ----------- ENDING: /app/profile/management/accounts/manage-users-list/manage-users-list.media.css */


/* ----------- STARTING: /app/profile/management/accounts/manage-users-list/manage-users-list.css */
.manage-users-list-container {
    
}

    .manage-users-list-container .boxed-input {
        margin: 20px 20px 20px 20px;
        width:90%;
    }
    .manage-users-list-container .users-list {
        height: calc(100vh - 324px);
        
    }


/* ----------- ENDING: /app/profile/management/accounts/manage-users-list/manage-users-list.css */


/* ----------- STARTING: /app/profile/management/accounts/users-list/users-list.css */
.users-list-container{
    
}

.users-list {
    overflow-y:auto;
}
.users-list .item {
    
    cursor:pointer;
    
}

    .users-list .item .fine-line {
        padding: 18px 10px 18px 40px;
        margin: 0px 8px 0px 8px;
        border-bottom: 1px solid var(--dark-border-color);
    }

    .users-list .item.selected .fine-line {
        padding-left: 58px;
    }

    .users-list .item.selected {
        background-color: var(--dark-background-darker);
    }

    .users-list .admin {
        opacity:.3;
        margin-left:30px;
    }

    .users-list .item .tag {
        padding: 3px 10px;
        
        
        font-size: 12px;
        border-radius:6px;
        margin-right: 40px;
    }
        .users-list .item .tag.enabled {
            background-color: #00ffb229;
            color: #27c968;
        }
        .users-list .item .tag.disabled {
            color:#ebebeb4d;
            background-color: #97979710;            
        }

            .users-list-container .user-list-heading {
                margin-left: 50px;
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 20px;
            }

.users-list-container .user-list-heading .heading-email {
    margin-left: 60px;
}


@media screen and (max-width: 1440px) {

    .users-list .item {
        font-size:13px;        
    }
    .users-list .item .fine-line {
        padding: 16px 10px 16px 20px;
    }

    .users-list .item .tag {
        margin-right:20px;
        font-size:11px;
    }
    .users-list .item .user-label {
        max-width:180px;

    }
    .users-list .item.selected .fine-line {
        padding-left: 28px;
    }
    .users-list .admin {     
        margin-left: 10px;
    }
    .users-list-container .user-list-heading {        
        font-size: 13px;        
    }
}
/* ----------- ENDING: /app/profile/management/accounts/users-list/users-list.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details/user-details.css */
.user-details-container{

}

    .user-details-container .details-card {
        margin-top: 23px;
        height: calc(100vh - 250px);
        overflow-y: auto;
    }

    .user-details-container .card-content {
        padding: 20px;
    }

/* ----------- ENDING: /app/profile/management/accounts/user-details/user-details.css */


/* ----------- STARTING: /app/profile/management/accounts/manage-users-list-empty/manage-users-list-empty.css */
.manage-users-list-empty-container{
    height:80vh;
    position:relative;
}

/* ----------- ENDING: /app/profile/management/accounts/manage-users-list-empty/manage-users-list-empty.css */


/* ----------- STARTING: /app/profile/management/accounts/manage-users-list-loading/manage-users-list-loading.css */
.manage-users-list-loading-container{
    height:80vh;
    position: relative;
    padding: 30px;
}

.manage-users-list-loading-container .skeleton-container{
    margin-top:20%;
}

.manage-users-list-loading-container .fake-input{
    height: 40px;
}

.manage-users-list-loading-container .skeleton-left{
    height: 12px;
    width: 10%;
}

.manage-users-list-loading-container .skeleton-right{
    height: 12px;
    margin-left:40px;
    width: 70%;
}

.manage-users-list-loading-container .skeleton-item{
    margin: 60px 40px
}
/* ----------- ENDING: /app/profile/management/accounts/manage-users-list-loading/manage-users-list-loading.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details-empty/user-details-empty.css */
.user-details-empty-container {
    text-align: center;
    height: calc(100vh - 190px);
}


    .user-details-empty-container img {
        width: 354px;        
    }

    .user-details-empty-container .none-selected-text {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
    }

/* ----------- ENDING: /app/profile/management/accounts/user-details-empty/user-details-empty.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details-empty/user-details-empty.media.css */

@media screen and (max-width: 1440px) {

    .user-details-empty-container {
        height: calc(100vh - 198px);
    }
}

/* ----------- ENDING: /app/profile/management/accounts/user-details-empty/user-details-empty.media.css */


/* ----------- STARTING: /app/profile/management/teams/team-members-empty/team-members-empty.css */
.team-members-empty-container{
    position: relative;
    height: 100%;
}

.team-members-empty-container .header{
    margin-top:25px;
    font-size: 17px;
    font-weight: 400;
}

.team-members-empty-container .subheader{
    font-size: 13px;
    font-weight: 300;
}
/* ----------- ENDING: /app/profile/management/teams/team-members-empty/team-members-empty.css */


/* ----------- STARTING: /app/profile/management/teams/teams-list/teams-list.css */
.teams-list-container {
    
}

    .teams-list-container .header-label {
        font-size:18px;
        font-weight:400;        
    }

    .teams-list-container .teams-header {
        margin: 25px 30px;;
    }

    .teams-list-container .add-team-btn {
        margin-top: -5px;
    }


    .teams-list-container .teams-container {
        margin-top:20px;
        
    }

    .teams-list-container .team-item {
        cursor: pointer;
        padding: 20px 0px 20px 30px;        
        border-bottom: 1px solid var(--dark-border-color);
    }

        .teams-list-container .team-item.selected {
            background-color:var(--dark-background)    
        }

        .teams-list-container .team-item .team-name {
            font-size: 16px;
            font-weight:500;
            margin-left: 10px;            
        }

        .teams-list-container .team-item .team-icon {
            margin-bottom:5px;
        }

        .teams-list-container .team-item .team-details {
            margin-left:40px;
            margin-top:5px;
        }

        .teams-list-container .team-item .team-date {
            font-size: 12px;
            font-weight: 400;
            border-bottom: 1px solid var(--dark-tree-line);
            padding-bottom: 7px;
        }

        .teams-list-container .team-item .team-icons {
            margin-top:8px;
            height:15px;
        }

    .teams-list-container .teams-search {
        margin-top: 15px;
        margin-bottom: 35px;
    }
/* ----------- ENDING: /app/profile/management/teams/teams-list/teams-list.css */


/* ----------- STARTING: /app/profile/management/teams/team-members-list/team-members-list.media.css */
@media screen and (max-width: 1440px) {

    .team-members-list-container .member .member-name {
        max-width: 150px !important;
    }

    .team-members-list-container .member .member-action {
        font-size: 11px;
    }
}
        

/* ----------- ENDING: /app/profile/management/teams/team-members-list/team-members-list.media.css */


/* ----------- STARTING: /app/profile/management/teams/team-members-list/team-members-list.css */
.team-members-list-container{

}

    .team-members-list-container .app-heading {
        padding: 30px;
        
    }

    .team-members-list-container .add-user-container {
        margin-top:20px;
        width: 350px;
        position:relative;
    }

    .team-members-list-container .users-autocomplete {
        position: absolute;
        max-height:300px;
        overflow-y: auto;       
    }

        .team-members-list-container .users-autocomplete .chat-user-item {
            cursor: pointer;
            padding: 0px 5px;
        }

        .team-members-list-container .members-container {
            padding: 30px;
            border-top: 1px solid var(--dark-border-color);
        }

    .team-members-list-container .team-description {
        margin: 10px 0px 10px 0px; 
    }

    .team-members-list-container .member {
        padding: 17px 20px;
        margin-bottom: 10px;
        margin-top: 10px;
    }


        .team-members-list-container .member .right-container {
            margin-left: 20px
        }

        .team-members-list-container .member .member-action {
            margin-top: 5px;
            font-size:12px;
            font-weight:300;
        }
        .team-members-list-container .member .member-name {
            font-size: 14px;
            font-weight: 400;
            max-width: 200px;
        }

/* ----------- ENDING: /app/profile/management/teams/team-members-list/team-members-list.css */


/* ----------- STARTING: /app/profile/management/teams/teams-list-loading/teams-list-loading.css */
.teams-list-loading-container{

}


    .teams-list-loading-container .team-item {
        
        padding: 20px 0px 5px 30px;
        border-bottom: 1px solid var(--dark-border-color);
    }

    .teams-list-loading-container .header-label {
        font-size: 18px;
        font-weight: 400;
    }

    .teams-list-loading-container .teams-header {
        margin: 25px 30px;
    }

    .teams-list-loading-container .fake-input {
        height:35px;
        margin-top:20px
    }
    .skeleton-box {
        background-color: #373d3f4d;
        border-radius: 5px;
    }

    .teams-list-loading-container .team-name {
        height: 16px;
        width: 80%;        
        margin-left: 10px;        
    }

    .teams-list-loading-container .team-item .team-date {
        height:14px;
        width:50%;        
        padding-bottom: 7px;
        margin-top: 10px;
    }

.teams-list-loading-container .team-details {
    margin-left: 40px;
    padding-bottom:10px;
    
}

.teams-list-loading-container .team-icons {
    margin-top:10px;
    padding-top:5px;
    opacity: .5;
    border-top: 1px solid var(--dark-tree-line);
}
/* ----------- ENDING: /app/profile/management/teams/teams-list-loading/teams-list-loading.css */


/* ----------- STARTING: /app/profile/management/engagement/users/users-engagement.css */
.users-engagement{
   
}

.users-engagement .top-chart-container{
    position: relative;
    height: 170px;     
    flex:1 
}

.users-engagement .scrollable-user-list{
    height: calc(100vh - 350px);
    overflow-y: auto;    
    padding: 0em 4em;
   
}

.users-engagement .top-container{
    display: flex;
    gap: 4em;    
    align-items: center;
    margin: 0em 4em;
}

.users-engagement .top-stats-container{
    display: table-column;
    gap: 5px;
    align-items: baseline;
}

.users-engagement .total-interactions{
    font-size: 75px;
}

.users-engagement .total-interactions-text{
    font-size: 20px;
    
}
/* ----------- ENDING: /app/profile/management/engagement/users/users-engagement.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details/user-reports-access/user-reports-access.css */
.user-reports-access-container{
    margin:20px;
}

    .user-reports-access-container .top-label {
        font-weight:300;
    }
    .user-reports-access-container .text-email {
        font-weight: 500;
    }

    .user-reports-access-container .access-row {
        margin-top: 2em;
    }

    
/* ----------- ENDING: /app/profile/management/accounts/user-details/user-reports-access/user-reports-access.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details/user-claims/user-claims.css */
.user-claims-container{
    margin: 20px;
}

.user-claims-container .top-label{
    font-size: 16px;
    font-weight: 500;
}

.user-claims-container .info-row {
    margin-top: 1em;;
    border-bottom: 1px solid var(--dark-border-color);
    padding: 40px 20px 40px 20px;
}
.user-claims-container .left-content {
    font-weight: 500;
}

.user-claims-container .center-content {
    font-weight: 300;
}


/* ----------- ENDING: /app/profile/management/accounts/user-details/user-claims/user-claims.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details/user-stores-access/user-stores-access.css */
.user-stores-access-container {
    /* Configure Store Access and defaults for gabe@cognition.io */

    margin:20px 100px 20px 60px;    
}

    .user-stores-access-container .top-label {
        font-weight:300;
    }

    .user-stores-access-container .text-email {
        font-weight: 500;
    }


.store-management-tree-container {
    margin-top: 35px;
}

@media screen and (max-width: 1440px) {

    .store-management-tree-container {
        margin-top: 15px;
    }

    .user-stores-access-container {
        /* Configure Store Access and defaults for gabe@cognition.io */

        margin: 20px 100px 20px 40px;
    }
}
/* ----------- ENDING: /app/profile/management/accounts/user-details/user-stores-access/user-stores-access.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details/user-info/user-info.media.css */


@media screen and (max-width: 1440px) {

    .user-info-container .info-row {
        padding: 30px 20px 30px 20px;
    }

    .user-info-container .user-email {
        font-size: 19px;
    }

    .user-info-container .left-content {
        font-size: 16px;
    }

    .user-info-container .center-content {
        font-size: 13px;
    }
}
/* ----------- ENDING: /app/profile/management/accounts/user-details/user-info/user-info.media.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details/user-info/user-info.css */
.user-info-container{

}

    .user-info-container .info-row {
        border-bottom: 1px solid var(--dark-border-color);
        padding: 40px 20px 40px 20px;
    }

    .user-info-container .user-email {
        font-size: 25px;
    }

    .user-info-container .left-content {
        font-size:18px;
    }

/* ----------- ENDING: /app/profile/management/accounts/user-details/user-info/user-info.css */


/* ----------- STARTING: /app/profile/management/teams/teams-list/team-item/team-item.css */
.team-item-container{

}


/* ----------- ENDING: /app/profile/management/teams/teams-list/team-item/team-item.css */


/* ----------- STARTING: /app/profile/management/teams/teams-list/team-item-skeleton/team-item-skeleton.css */
.team-item-skeleton-container{

}

    .team-item-skeleton-container users-ribbon-loading {
        opacity:.2
    }

/* ----------- ENDING: /app/profile/management/teams/teams-list/team-item-skeleton/team-item-skeleton.css */


/* ----------- STARTING: /app/profile/management/engagement/users/list-users-daily-engagement/list-users-daily-engagement.css */
.list-users-daily-engagement-container{
    display: flex;
    flex-direction: column;
    gap: 1em;
    
}

.list-users-daily-engagement-container .user-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid #80808069;    
    gap: 4em;
    height: 150px;
}

.list-users-daily-engagement-container .user-item .user-bubbles-container{
    flex: 1;
    overflow-x: auto;
    padding-right: 2em;;
    width: 300px;
}

.list-users-daily-engagement-container .user-average{
    font-size: 45px;
}

.list-users-daily-engagement-container .average-text{
   
}

.list-users-daily-engagement-container .user-details{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 2px
}

.list-users-daily-engagement-container .user-email{
    font-size: 12px;;
    font-weight: 100;;
    opacity: .7;
}
/* ----------- ENDING: /app/profile/management/engagement/users/list-users-daily-engagement/list-users-daily-engagement.css */


/* ----------- STARTING: /app/profile/management/engagement/users/chart-users-daily-engagement/chart-users-daily-engagement.css */
.chart-users-daily-engagement-container{

}

/* ----------- ENDING: /app/profile/management/engagement/users/chart-users-daily-engagement/chart-users-daily-engagement.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details/user-reports-access/user-department-access/user-department-access.css */
.user-department-access-container {
   
}

    .user-department-access-container .report-options-container {
        margin-left: 40px;
        padding-top: 40px;
       
        width: 600px;
    }

        .user-department-access-container .report-options-container .list-item {
            border-bottom: 1px solid var(--dark-border-color);
            padding: 20px 10px;
            font-weight: 500;
            font-size: 16px;
        }

        .user-department-access-container .report-options-container .list-heading {
            font-weight: 500;
            font-size: 16px;
            margin: 20px 10px 0px 10px;
        }

        .user-department-access-container .report-options-container .list-item-child {
            border-bottom: 1px solid var(--dark-border-color);
            padding: 20px 10px;
            margin-left: 30px;
            font-weight: 300;
            font-size: 16px;
        }
/* ----------- ENDING: /app/profile/management/accounts/user-details/user-reports-access/user-department-access/user-department-access.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details/user-stores-access/store-management-tree/store-management-tree.css */
.store-management-tree-container {
    font-size: 18px;
    overflow-y: auto;
}

/* ----------- ENDING: /app/profile/management/accounts/user-details/user-stores-access/store-management-tree/store-management-tree.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details/user-stores-access/store-management-tree/store-management-tree-group/store-management-tree-group.css */
.store-management-tree-group-container{
    padding-top:15px;
}


    .store-management-tree-group-container .s-label {
        font-weight: 500;
    }

    .store-management-tree-group-container .childs {
      
        padding-left:30px;
        border-left:1px solid var(--dark-border-color);
    }
/* ----------- ENDING: /app/profile/management/accounts/user-details/user-stores-access/store-management-tree/store-management-tree-group/store-management-tree-group.css */


/* ----------- STARTING: /app/profile/management/accounts/user-details/user-stores-access/store-management-tree/store-management-tree-store/store-management-tree-store.css */
.store-management-tree-store-container{
   
}


    .store-management-tree-store-container .s-label {       
        border-radius: 10px;
        padding: 5px 10px;
    }
        .store-management-tree-store-container .s-label:hover {
            background-color: var(--dark-background-light-hover)
        }
        .store-management-tree-store-container .s-label.unselected {
            opacity: .3;
        }
   .store-management-tree-store-container app-switch {
            margin-left:20px;
            margin-right:20px
        }

    .store-management-tree-store-container .store-toggle img {
        height:24px;
        width:24px;
    }

.store-management-tree-store-container .btn-circle {
    border: initial;
    height:47px;
    width:47px;
}

    .store-management-tree-store-container .default-label {
        font-size:14px;
        font-weight:400;
    }

    .store-management-tree-store-container .store-label {
        font-size:18px;
        font-weight:400;
    }


    .store-management-tree-store-container .right-group {
        margin-left: 1em;
        margin-top:10px;
    }
/* ----------- ENDING: /app/profile/management/accounts/user-details/user-stores-access/store-management-tree/store-management-tree-store/store-management-tree-store.css */