/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatActivity.razor.rz.scp.css */
ul.timeline[b-tgn063yj2n] {
    list-style-type: none;
    position: relative;
    padding-left: 3rem;
}

    ul.timeline[b-tgn063yj2n]:before {
        content: ' ';
        background: #f2f2f2;
        display: inline-block;
        position: absolute;
        left: 16px;
        width: 4px;
        height: calc(100% - 3.2rem);
        margin-top: 1rem;
        z-index: 400;
        border-radius: 1rem;
    }

li.timeline-item[b-tgn063yj2n] {
    margin-bottom: 1rem;
    position: relative;
    box-shadow: 0 .1rem 0.3rem rgba(0,0,0,0.15) !important;
}

    .activity[b-tgn063yj2n] {
        background: black;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        border-radius: 50%;
        left: -2.7rem;
        top: 0.7rem;
        width: 28px;
        height: 28px;
        z-index: 400;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    }

.timeline-arrow[b-tgn063yj2n] {
    border-top: 0.5rem solid transparent;
    border-right: 0.5rem solid #d2d2d2;
    border-bottom: 0.5rem solid transparent;
    display: block;
    position: absolute;
    left: -0.5rem;
    top: 1rem;
}

.containerTimeline[b-tgn063yj2n] {
    /*height: calc(100vh - 8rem);*/
    height: calc(100vh - 10.3rem);
    overflow-y: auto;
}

li.note-background[b-tgn063yj2n] {
    border-right: 4px solid grey;
}
    li.note-background .activity[b-tgn063yj2n] {
        background-color: grey;
    }

li.task-background[b-tgn063yj2n] {
    border-right: 4px solid #0088cc;
}
    li.task-background .activity[b-tgn063yj2n] {
        background-color: #0088cc;
    }

li.chat-background[b-tgn063yj2n] {
    border-right: 4px solid #00cc66;
}

    li.chat-background .activity[b-tgn063yj2n] {
        background-color: #00cc66;
    }

li.email-background[b-tgn063yj2n] {
    border-right: 4px solid #cc3300;
}
    li.email-background .activity[b-tgn063yj2n] {
        background-color: #cc3300;
    }

li.deal-background[b-tgn063yj2n] {
    border-right: 4px solid #ff6600;
}

    li.deal-background .activity[b-tgn063yj2n] {
        background-color: #ff6600;
    }

li.ticket-background[b-tgn063yj2n] {
    border-right: 4px solid #9933cc;
}
    li.ticket-background .activity[b-tgn063yj2n] {
        background-color: #9933cc;
    }

.activity[b-tgn063yj2n] {
    background-color: inherit;
}

.iconCollapse[b-tgn063yj2n] {
    background-color: rgba(0,0,0,0.1);
    padding: 0.3rem;
    border-radius: 1rem;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.iconCollapse:hover[b-tgn063yj2n]{
    background-color: rgba(0,0,0,0.2);
    color: white;
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatComponent.razor.rz.scp.css */
#chatCRM.row[b-uj9x7eed2a] {
    --bs-gutter-x: 2rem;
}

.chatContainer[b-uj9x7eed2a] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 3.1rem);
}

.chatPanel[b-uj9x7eed2a] {
    flex: 1;
}

.containerSidebar[b-uj9x7eed2a] {
    /*display: flex;*/
    height: calc(100vh - 3.1rem);
}

.sidebarRight[b-uj9x7eed2a] {
    flex: 1;
    text-align: center;
    /*background-color: rgba(var(--bs-primary-rgb),0.1);*/
    /*padding-top: 20px;*/
    /*display: flex;*/
    /*flex-direction: column;*/
}

.menu-item[b-uj9x7eed2a] {
    flex: 1;
    padding: 10px;
    transition: background-color 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
    /*margin-bottom: 10px;*/
}

    .menu-item:hover[b-uj9x7eed2a] {
        background-color: rgba(0,0,0,0.05);
        cursor: pointer;
    }

    .menu-item i[b-uj9x7eed2a] {
        align-items: center;
        justify-content: center;
        height: 3rem;
        width: 3rem;
        border-radius: 0.75rem;
        display: flex;
        color: white;
    }

        .menu-item i:hover[b-uj9x7eed2a] {
            opacity: 0.8;
        }

    .menu-item p[b-uj9x7eed2a] {
        font-size: 0.7rem;
        font-weight: normal;
    }

.content[b-uj9x7eed2a] {
    flex: 1;
    padding: 20px;
}

.chatToolbar[b-uj9x7eed2a] {
    background-color: var(--bs-body-bg);
    border-radius: 0 0 1rem 1rem;
}

.mobileAbsolute[b-uj9x7eed2a] {
    background-color: white;
    right: 0;
    top: 0;
    box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.8);
    height: 100%;
    z-index: 9991;
}

.overlayMenu[b-uj9x7eed2a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9990;
}

.containerMenu[b-uj9x7eed2a] {
    height: calc(100vh - 5rem);
    overflow-y: auto;
}

@media screen and (min-width: 727px) {
    .containerMenu[b-uj9x7eed2a] {
        height: calc(100vh - 3.1rem);
    }
}

.activeTab[b-uj9x7eed2a] {
    border-top: 5px solid var(--bs-primary) !important;
}

.tab[b-uj9x7eed2a] {
    border-top: 5px solid rgba(0,0,0,0.03) !important;
}

.chatToolbar .tab[b-uj9x7eed2a] {
    border-top: 0px !important;
}

.tab:hover[b-uj9x7eed2a] {
    opacity: 0.8;
}

@media (min-width: 1366px) {
    .colMenu[b-uj9x7eed2a] {
        max-width: 100px;
    }

    .colChat[b-uj9x7eed2a] {
        width: calc(100vw - 740px);
    }

    .colRoomlist[b-uj9x7eed2a] {
        max-width: 370px;
    }
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatContact.razor.rz.scp.css */
.imgBigProfile[b-s8p23jr99v] {
    height: 150px;
    width: 140px;
    border-radius: 20px;
    -webkit-box-shadow: -1px 10px 16px -10px #666;
    box-shadow: -1px 10px 16px -10px #666;
    margin: 0 auto;
}

.menu-item[b-s8p23jr99v] {
    flex: 1;
    padding: 10px 10px 0 10px;
    /*margin-bottom: 10px;*/
    transition: background-color 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
}

    .menu-item:hover[b-s8p23jr99v] {
        opacity: 0.8;
        cursor: pointer;
    }

    .menu-item i[b-s8p23jr99v] {
        align-items: center;
        justify-content: center;
        height: 3rem;
        width: 3rem;
        border-radius: 3rem;
        display: flex;
        color: white;
    }

.containerMenu[b-s8p23jr99v] {
    width: 100%;
    overflow-y: auto;
}

.contentContact[b-s8p23jr99v] {
    height: calc(100vh - 8rem);
    overflow-y: auto;
}

.activeTab[b-s8p23jr99v] {
    border-top: 5px solid var(--bs-primary) !important;
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatDeal.razor.rz.scp.css */
.productsDeal[b-e1wm96mxud] {
    border-left: 2px solid var(--bs-primary);
    padding-left: 0.2rem;
    opacity: .75;
}

.containerDeal[b-e1wm96mxud] {
    height: calc(100vh - 11rem);
    overflow-y: auto;
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatDocuments.razor.rz.scp.css */
.documentWTK:hover[b-jyublkbn9j] {
    opacity: 0.8;
}

.documentWTK[b-jyublkbn9j] {
    cursor: pointer;
}

    .documentWTK a[b-jyublkbn9j] {
        text-decoration: none !important;
        color: black !important;
    }

.containerDocs[b-jyublkbn9j] {
    /*height: calc(100vh - 8rem);*/
    max-height: 600px; /*altura para o modal*/
    overflow-y: auto;
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatFiles.razor.rz.scp.css */
.cardFiles .row[b-cjt5qdfur3] {
    --bs-gutter-x: 0.3rem;
    --bs-gutter-y: 0.3rem;
    /*justify-content: center;*/
}

containerFiles[b-cjt5qdfur3]{
    border-bottom: 1px solid black;
}

.containerFiles:last-child[b-cjt5qdfur3]{
    border-bottom: 0px;
}

.imgFile[b-cjt5qdfur3] {
    height: 80px;
    width: 80px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 15px;
}

    .imgFile:hover[b-cjt5qdfur3] {
        opacity: 0.8;
    }

#imagePopup[b-cjt5qdfur3] {
    background-color: rgba(0,0,0,0.7);
}

#navButtonsRight[b-cjt5qdfur3], #navButtonsLeft[b-cjt5qdfur3] {
    background-color: rgba(0,0,0,0.15);
    border-radius: 5rem;
}

.contentFiles[b-cjt5qdfur3] {
    height: calc(100vh - 8rem);
    overflow-y: auto;
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatModelFacebook.razor.rz.scp.css */
.modelFacebook[b-4dimnfut3z] {
    position: absolute;
    z-index: 5;
    bottom: -1rem;
    background: white;
    width: 100%;
    box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.25);
    border-radius: 1rem 1rem 0 0;
    padding: 1rem;
    margin-bottom: 0;
}

.contentModelFacebook[b-4dimnfut3z] {
    width: fit-content;
    overflow: hidden;
    margin-right: 1rem;
}

.containerModelFacebook[b-4dimnfut3z] {
    max-height: 55vh;
    min-height: fit-content;
    overflow-y: auto;
}

.containerMessageTemplate[b-4dimnfut3z] {
    overflow-y: auto;
    max-height: 50vh;
}

.cardButton:hover[b-4dimnfut3z] {
    opacity: 0.75;
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatNote.razor.rz.scp.css */
.imgNote[b-ds3n1mgmve] {
    max-width: 28px;
    max-height: 28px;
    border-radius: 8px;
}

.containerNotes[b-ds3n1mgmve] {
    height: calc(100vh - 180px) !important;
    overflow-y: auto;
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatPanel.razor.rz.scp.css */
.containerMessages[b-7408fh183v] {
    max-height: calc(100vh - 190px);
    height: auto;
    overflow-y: auto;
    padding-top: 7.5rem;
}

.internal[b-7408fh183v] {
    border: 1px;
    border-style: dashed;
    border-color: red;
    background-color: rgba(255,0,0,0.1);
    width: 100% !important;
}

.iconInternal[b-7408fh183v] {
    /*margin-bottom: 2rem;*/
    margin-right: 0.5rem;
    color: white;
    background: red;
    padding: 0.5rem;
    border-radius: 3rem;
}

.template[b-7408fh183v] {
    border: 1px;
    border-style: dashed;
    border-color: limegreen;
    background-color: rgba(0,100,0,0.1);
    width: 100% !important;
}

.iconTemplate[b-7408fh183v] {
    /*margin-bottom: 2rem;*/
    margin-right: 0.5rem;
    color: white;
    background: limegreen;
    padding: 0.5rem;
    border-radius: 3rem;
}

.cardMenu[b-7408fh183v] {
    background-color: rgba(0,0,0,0.03) !important;
    color: rgba(0,0,0,0.5) !important;
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
}

    .cardMenu:hover[b-7408fh183v] {
        background-color: rgba(0,0,0,0.1) !important;
    }
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatRoomList.razor.rz.scp.css */
.chatActive[b-yqdmcfyji5] {
    border-left: 5px solid var(--bs-primary);
    border-radius: 1rem;
    border: 1px solid var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb),0.2);
}

.chatList[b-yqdmcfyji5] {
    /*border-left: 5px solid transparent;*/
}

.chatList[b-yqdmcfyji5] {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 1rem;
}

.iconsUser i[b-yqdmcfyji5] {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    font-size: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconProfile[b-yqdmcfyji5] {
    font-size: 0.8rem;
    color: white;
    position: absolute;
    bottom: 0.3rem;
    left: -0.5rem;
}

.badgeMessage[b-yqdmcfyji5] {
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
}

.cardButtons .card[b-yqdmcfyji5]{
    min-width: 33%;
}

/* Menu - MeusChats, ChatsAbertos ... */
.chatOptions i[b-yqdmcfyji5] {
    width: 18px;
    height: 18px;
    text-align: center
}

.chatOptions .card[b-yqdmcfyji5] {
    font-size: 0.8rem;
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatSnippet.razor.rz.scp.css */

/*.snippet {
    position: absolute;
    z-index: 5;
    bottom: 0;
    background: white;
    width: 100%;
    box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.25);
    border-radius: 1rem 1rem 0 0;
    padding: 1rem;
    margin-bottom: 0;
}*/

.contentSnippet[b-qnnu5kf8pd] {
    width: fit-content;
    overflow: hidden;
    margin-right: 1rem;
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatTask.razor.rz.scp.css */
.containerTasks[b-4hhkyki14s] {
    height: calc(100vh - 180px) !important;
    overflow-y: auto;
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatTicket.razor.rz.scp.css */
.letterAvatar[b-d6eho4cxsk] {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.3rem;
    color: white;
}

.containerTicket[b-d6eho4cxsk] {
    height: calc(100vh - 11.2rem);
    overflow-y: auto;
}

.containerTicket .card:last-child[b-d6eho4cxsk]{
    margin-bottom: 0;
}
/* _content/WhatsCrm.Blazor.Server/Editors/Chat/ChatToolbar.razor.rz.scp.css */
.chatToolbar[b-zs1cp62ldg]{
    min-height: 140px;
}