@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Componentes/SMSChat.Razor.rz.scp.css */
.sms-chat-container[b-80nvum6xtx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 600px;
    margin: 0 auto;
}

.sms-message[b-80nvum6xtx] {
    display: flex;
    margin-bottom: 0.25rem;
}

    .sms-message.incoming[b-80nvum6xtx] {
        justify-content: flex-start;
    }

    .sms-message.outgoing[b-80nvum6xtx] {
        justify-content: flex-end;
    }

.sms-bubble[b-80nvum6xtx] {
    max-width: 70%;
    padding: 0.75rem 1rem;
    border-radius: 1.2rem;
    background: #f1f0f0;
    color: #222;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.sms-message.outgoing .sms-bubble[b-80nvum6xtx] {
    background: #0078d4;
    color: #fff;
}

.sms-date[b-80nvum6xtx] {
    display: block;
    font-size: 0.75rem;
    color: #888;
    margin-top: 0.25rem;
    text-align: right;
}

.sms-chat-footer[b-80nvum6xtx] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-kwg6h59xul] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-kwg6h59xul] {
    flex: 1;
}


.top-row[b-kwg6h59xul] {
    background-color: #08626F;
    color: #d7d7d7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-start;
    height: 2rem;
    display: flex;
    align-items: center;
}

    .top-row[b-kwg6h59xul]  a.active {
        color: white;
        font-weight: bold;
    }

    .top-row[b-kwg6h59xul]  a, .top-row[b-kwg6h59xul]  .btn-link {
        white-space: nowrap;
        margin-left: 1rem;
        text-decoration: none;
    }

        .top-row[b-kwg6h59xul]  a:hover, .top-row[b-kwg6h59xul]  .btn-link:hover {
            text-decoration: none;
            color: white;
            font-weight: bold;
        }

        .top-row[b-kwg6h59xul]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-kwg6h59xul] {
        justify-content: space-between;
    }

        .top-row[b-kwg6h59xul]  a, .top-row[b-kwg6h59xul]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-kwg6h59xul] {
        flex-direction: row;
    }


    .sidebar[b-kwg6h59xul] {
        top: 0;
        background-color: #0EA4B9;
        width: 75px;
        height: 100vh;
        position: sticky;
    }

    .top-row[b-kwg6h59xul] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-kwg6h59xul]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-kwg6h59xul], article[b-kwg6h59xul] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */



.offcanvas[b-t60c885lyc] {
    width: 75px !important;
    --bs-offcanvas-width: 75px !important;
}

.nav-item[b-t60c885lyc] {
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-t60c885lyc] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-t60c885lyc] {
        padding-bottom: 0.5rem;
    }

    .nav-item[b-t60c885lyc]  a {
        color: #d7d7d7;
        height: 4rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        text-align: center;
    }

    .nav-item span[b-t60c885lyc] {
        font-size: 0.6rem;
        color: white;
        font-family: sans-serif;
    }



.nav-item[b-t60c885lyc]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
    border-inline-start: solid;
}

.nav-item[b-t60c885lyc]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-t60c885lyc] {
        display: none;
    }

    .nav-scrollable[b-t60c885lyc] {
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}


/* /Pages/CS/Case/CaseView_Notes.razor.rz.scp.css */
.note[b-ysl2f3g6xk] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 500ms ease-in-out;
}

    .note > .full-content[b-ysl2f3g6xk] {
        overflow: hidden;
    }

    .note.show-full[b-ysl2f3g6xk] {
        grid-template-rows: 1fr;
    }

.summary[b-ysl2f3g6xk] {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 500ms ease-in-out;
}

    .summary > p[b-ysl2f3g6xk] {
        overflow: hidden;
        transition: margin-bottom 500ms ease-in-out;
    }

    .summary.show-none[b-ysl2f3g6xk] {
        grid-template-rows: 0fr;
    }

.show-none > p[b-ysl2f3g6xk] {
    margin-bottom: 0;
}
/* /Pages/CS/Contact/ContactEdit.razor.rz.scp.css */

.mailDetails[b-mz1if8ozwp] {
    margin-bottom: 0;
    margin-left: 1rem;
    font-size: 0.8rem !important;
}

/* /Pages/CS/Contact/ContactList.razor.rz.scp.css */
.leadFlag[b-zu2o3gn1v5]::after {
    content: "Lead";
    color: var(--pomegranate-orange);
    font-weight: bold;
    border: 2px solid;
    border-radius: 5px;
    margin: 0 10px;
    padding: 0 5px;
    font-size: 12px;
}
/* /Pages/People/Settings/Empleado/ContractTab.razor.rz.scp.css */
.infoValidationMessage[b-hufppaf5wr] {
    color: red !important;
}

    .infoValidationMessage[b-hufppaf5wr]::before {
        content: "Information Tab: ";
        color: red !important;
    }
/* /Pages/People/Settings/Empleado/EmpleadoList.razor.rz.scp.css */
.teambutton[b-myprv0hm0p] {
    position: relative;
}

.teamcontent[b-myprv0hm0p] {
    position: absolute;
    top: 0;
    left: -360px;
    width: 400px;
}
/* /Pages/People/Settings/Empleado/EmpleadoTimeOff.razor.rz.scp.css */
.requestContainer[b-wykag632bw] {
    margin-top: 8px;
    /*height: 227px;*/
}

.requestList[b-wykag632bw] {
    /*height: 163px;*/
    overflow-x: hidden;
    overflow-y: auto;
}

.listElements[b-wykag632bw] {
    align-self: center;
    margin: 0 0 0 8px;
}
/* /Pages/People/Settings/Empleado/InfoTab.razor.rz.scp.css */
.contractValidationMessage[b-882u9scd8q] {
    color: red !important;
}

    .contractValidationMessage[b-882u9scd8q]::before {
        content: "Contract Tab: ";
        color: red !important;
    }
/* /Pages/People/Settings/EmployeeByGender.razor.rz.scp.css */
.male-color[b-6b4m7o6c8m] {
    color: #6495ED;
}

.female-color[b-6b4m7o6c8m] {
    color: #DE3163;
}

.neutral-color[b-6b4m7o6c8m]{
    color: grey;
}
/* /Pages/Settings/Teams/TeamEdit.razor.rz.scp.css */
.hide[b-z23csol4f8] {
    display: none;
}

.list-group-item-action:hover .hide[b-z23csol4f8] {
    display: block;
}