/* /Components/Channel/CreateAndEditChannel.razor.rz.scp.css */
.form[b-3w5zrzqc8h] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-form[b-3w5zrzqc8h] {
    display: flex;
    flex-direction: column;
}

.label-form[b-3w5zrzqc8h] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
    margin-top: 8px;
}

.button-form-area[b-3w5zrzqc8h] {
    display: inline-flex;
    gap: 50px;
}

[b-3w5zrzqc8h] input, [b-3w5zrzqc8h] select {
    width: 600px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}

.loading-form[b-3w5zrzqc8h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-3w5zrzqc8h] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-3w5zrzqc8h] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

.input[b-3w5zrzqc8h]{
    display:flex;
    flex-direction:column;
    margin-right: 60px;
}
/* /Components/Channel/HeaderChannel.razor.rz.scp.css */
h1[b-ktw4arzu3u] {
    margin: 0;
}

.header[b-ktw4arzu3u] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary);
    color: var(--white);
    height: 10rem;
    justify-content: space-between;
}

.header-whatsapp[b-ktw4arzu3u] {
    background-color: 30d24e;
}

.header-button-return[b-ktw4arzu3u] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-6);
    font-weight: 400;
    margin: 16px 24px 0 24px;
}

.icon-return[b-ktw4arzu3u] {
    padding: 0px 10px 0 0;
    font-size: var(--font-OS-6);
}

.header-data[b-ktw4arzu3u] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.header-details-group[b-ktw4arzu3u] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 24px;
}

.header-group-type[b-ktw4arzu3u] {
    justify-content: end;
    margin: 8px 40px 0 0;
    font-size: var(--font-OS-6);
}

.header-title[b-ktw4arzu3u] {
    font-size: var(--font-OS-2);
    font-weight: 700;
}
/* /Components/Channel/ListChannel.razor.rz.scp.css */
p[b-lkm1tdv90v] {
    margin: 0;
    margin-bottom: 0;
}


.div-button-add[b-lkm1tdv90v] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: var(--primary);
    color: var(--white);
    border: none;
    cursor: pointer;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
}

.channel-div-info[b-lkm1tdv90v] {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
    margin: var(--spacing-9) 0;
}


.info-div-title[b-lkm1tdv90v] {
    font-family: 'Open Sans', sans-serif;
    font-size: var(--height-OS-4);
    font-weight: 700;
}



[b-lkm1tdv90v] .section-data-div {
    min-width: 300px;
    max-width:300px;
    height: fit-content;
}

[b-lkm1tdv90v] .wpp {
    background-color: var(--primary);
}

[b-lkm1tdv90v] .tlg {
    background-color: var(--secondary);
}

[b-lkm1tdv90v] .sms {
    background-color: var(--warning);
}

[b-lkm1tdv90v] .data-text-div {
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-5);
    font-weight: 700;
    color: var(--white);
}

/* /Components/Company/CreateAndEditCompany.razor.rz.scp.css */
.form[b-zxx8ryyf1g] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-form[b-zxx8ryyf1g] {
    display: flex;
    flex-direction: column;
}

.label-form[b-zxx8ryyf1g] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
    margin-top: 8px;
}

.button-form-area[b-zxx8ryyf1g] {
    display: inline-flex;
    gap: 50px;
}

[b-zxx8ryyf1g] input, [b-zxx8ryyf1g] select {
    width: 600px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}

.loading-form[b-zxx8ryyf1g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-zxx8ryyf1g] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-zxx8ryyf1g] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}
/* /Components/Company/EditCompanyWhatsAppSetting.razor.rz.scp.css */
.form[b-d3i2dzylch] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-form[b-d3i2dzylch] {
    display: flex;
    flex-direction: column;
}

.label-form[b-d3i2dzylch] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
    margin-top: 8px;
}

.button-form-area[b-d3i2dzylch] {
    display: inline-flex;
    gap: 50px;
}

[b-d3i2dzylch] input, [b-d3i2dzylch] select {
    width: 600px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}

.loading-form[b-d3i2dzylch] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-d3i2dzylch] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-d3i2dzylch] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}
/* /Components/Company/HeaderCompany.razor.rz.scp.css */
h1[b-qcwzvgna0a] {
    margin: 0;
}

.header[b-qcwzvgna0a] {
    display: flex;
    flex-direction: column;
    background-color: var(--primary);
    color: var(--white);
    height: 10rem;
    justify-content: space-between;
}

.header-button-return[b-qcwzvgna0a] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-6);
    font-weight: 400;
    margin: 16px 24px 0 24px;
}

.icon-return[b-qcwzvgna0a] {
    padding: 0px 10px 0 0;
    font-size: var(--font-OS-6);
}

.header-data[b-qcwzvgna0a] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.header-details-company[b-qcwzvgna0a] {

    padding: 6px 24px;
}

.header-contact-company[b-qcwzvgna0a] {
    justify-content: end;
    margin: 8px 40px 0 0;
    font-size: var(--font-OS-6);
}

.header-title[b-qcwzvgna0a] {
    font-size: var(--font-OS-2);
    font-weight: 700;
}

.header-company-id[b-qcwzvgna0a] {
    display: flex;
    flex-direction: row-reverse;    
}

sup[b-qcwzvgna0a] {
    vertical-align: super;
}

.company-title-button-edit[b-qcwzvgna0a] {
    font-size: 20px;
    background: none;
    border: none;
    color: white;
}

.icon-edit[b-qcwzvgna0a]{
    font-size:15px;
}

/* /Components/Contact/CreateAndEditContact.razor.rz.scp.css */
.input-form[b-iqknwio7mz] {
    display: flex;
    flex-direction: column;
    align-items:center;
}

.input[b-iqknwio7mz]{
    display:flex;
    flex-direction:column;
    margin-bottom:10px;
    width:60%;
}

.label-form[b-iqknwio7mz] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
    margin-top: 8px;
}

.button-form-area[b-iqknwio7mz] {
    display: flex;
    flex-direction:row;
    justify-content:center;
    gap:20px;
}

.loading-form[b-iqknwio7mz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-iqknwio7mz] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-iqknwio7mz] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

[b-iqknwio7mz] input {
    width:100%;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}
/* /Components/Contact/Enrollment.razor.rz.scp.css */
[b-afc5f7pqod] .table-data .rz-cell-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-3);
    margin: 0;
}
/* /Components/Contact/HeaderContact.razor.rz.scp.css */
h1[b-6s4581f0kw] {
    margin: 0;
}
p[b-6s4581f0kw]{
    margin: 0;
}

.header[b-6s4581f0kw] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary);
    color: var(--white);
    height: 10rem;
    justify-content: space-between;
}

.header-button-return[b-6s4581f0kw] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-6);
    font-weight: 400;
    margin: 16px 24px 0 24px;
}

.icon-return[b-6s4581f0kw] {
    padding: 0px 10px 0 0;
    font-size: var(--font-OS-6);
}

.header-data[b-6s4581f0kw] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.header-details-contact[b-6s4581f0kw] {  
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 24px;
}

.header-contact-phone[b-6s4581f0kw] {
    justify-content: end;
    margin: 8px 40px 0 0;
    font-size: var(--font-OS-6);
}

.header-title[b-6s4581f0kw] {
    font-size: var(--font-OS-2);
    font-weight: 700;
}
/* /Components/Contract/CreateAndEditContract.razor.rz.scp.css */
.form[b-ajjqrtequ4] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-form[b-ajjqrtequ4] {
    display: flex;
    flex-direction: column;
}

.label-form[b-ajjqrtequ4] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
    margin-top: 8px;
}

.button-form-area[b-ajjqrtequ4] {
    display: inline-flex;
    gap: 50px;
}

[b-ajjqrtequ4] input {
    width: 600px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}

.loading-form[b-ajjqrtequ4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-ajjqrtequ4] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-ajjqrtequ4] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}


[b-ajjqrtequ4] input:disabled {
    background: var(--gray-4);
}

[b-ajjqrtequ4] input, [b-ajjqrtequ4] select {
    width: 600px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}
/* /Components/Contract/HeaderContract.razor.rz.scp.css */
h1[b-iel1t3c4gq] {
    margin: 0;
}


.header[b-iel1t3c4gq] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary);
    color: var(--white);
    height: 10rem;
    justify-content: space-between;
}

.header-button-return[b-iel1t3c4gq] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-6);
    font-weight: 400;
    margin: 16px 24px 0 24px;
}

.icon-return[b-iel1t3c4gq] {
    padding: 0px 10px 0 0;
    font-size: var(--font-OS-6);
}

.header-data[b-iel1t3c4gq] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:center;
    font-family: 'Open Sans', sans-serif;
}

.header-details-group[b-iel1t3c4gq] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 24px;
}

.header-group-type[b-iel1t3c4gq] {
    justify-content: end;
    margin: 8px 40px 0 0;
    font-size: var(--font-OS-6);
}

.header-title[b-iel1t3c4gq] {
    font-size: var(--font-OS-2);
    font-weight: 700;
}
/* /Components/Contract/ListContract.razor.rz.scp.css */
.contracts-div-info[b-fpmk4uwltr] {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
    margin: var(--spacing-9) 0;
}

.div-info-title[b-fpmk4uwltr] {
    font-family: 'Open Sans', sans-serif;
    font-size: var(--height-OS-4);
    font-weight: 700;
}

.div-button-add[b-fpmk4uwltr] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: var(--primary);
    color: var(--white);
    border: none;
    cursor: pointer;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
}

.chart-infos[b-fpmk4uwltr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 45px
}

.chart-infos-title[b-fpmk4uwltr] {
    color: var(--secondary);
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    font-weight: 700;
}

.chart-infos-subtitle-credits[b-fpmk4uwltr] {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #828282;
}

.chart-infos-subtitle[b-fpmk4uwltr] {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--gray-2);
}

.period-balance[b-fpmk4uwltr] {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--gray-2);
}

[b-fpmk4uwltr] .rz-arc-gauge-scale-value {
    fill: var(--secondary);
}


[b-fpmk4uwltr] .button-edit {
    background-color: var(--white);
    color: var(--primary);
    width: 160px;
    height: 50px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

[b-fpmk4uwltr] .button-remove {
    background-color: var(--white);
    color: #dc3444;
    width: 160px;
    height: 50px;
    border-radius: 4px;
    border: 2px solid var(--error);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

[b-fpmk4uwltr] .suspend-status {
    border: 1px solid var(--warning);
}

[b-fpmk4uwltr] .blocked-status {
    border: 1px solid var(--error);
}
/* /Components/Course/AutomaticMessages/CreateAndEditMessageNextActivity.razor.rz.scp.css */
.loading-form[b-7glrhs98nl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-7glrhs98nl] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

.form-automatic-message[b-7glrhs98nl]{
    display:flex;
    flex-direction:column;
    align-content:center;
    gap:15px;
}

.automatic-message-row[b-7glrhs98nl]{
    display:flex;
    flex-direction:row;
    align-items:center;
}

.automatic-message-name[b-7glrhs98nl], .automatic-message-message[b-7glrhs98nl], .automatic-message-switch[b-7glrhs98nl] {
    display: flex;
    flex-direction: column;
}

.automatic-message-switch[b-7glrhs98nl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 10%;
}

[b-7glrhs98nl] .rz-switch.rz-switch-checked .rz-switch-circle:before{
    background-color: var(--primary);
}

.automatic-message-type[b-7glrhs98nl] {
    display: flex;
    flex-direction: column;
    width: 90%;
}

[b-7glrhs98nl] .switch-is-default {
    width:20px;
    height:20px;
}

[b-7glrhs98nl] .input-automatic-message {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    padding: 8px 10px;
}

.button-form-area[b-7glrhs98nl]{
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:10px;
    margin-top:10px;
}
/* /Components/Course/AutomaticMessages/HeaderMessageNextActivity.razor.rz.scp.css */
h1[b-xu0y5va3za] {
    margin: 0;
}

.header[b-xu0y5va3za] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary);
    color: var(--white);
    height: 10rem;
    justify-content: space-between;
}

.header-button-return[b-xu0y5va3za] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-6);
    font-weight: 400;
    margin: 16px 24px 0 24px;
}

.icon-return[b-xu0y5va3za] {
    padding: 0px 10px 0 0;
    font-size: var(--font-OS-6);
}

.header-details[b-xu0y5va3za] {
    padding: 6px 24px;
}

.header-data[b-xu0y5va3za] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.header-title[b-xu0y5va3za] {
    font-size: var(--font-OS-2);
    font-weight: 700;
}
/* /Components/Course/AutomaticMessages/MessageNextActivityComponent.razor.rz.scp.css */
[b-7xu0w9jmrx] .rz-switch.rz-switch-checked .rz-switch-circle:before{
    background-color: var(--primary) !important;
}

.section-automatic-message[b-7xu0w9jmrx]{
    display:flex;
    flex-direction:column;
    gap:15px;
}

select-automatic-message[b-7xu0w9jmrx]{
    display:flex;
    flex-direction:column;
}

.select-button[b-7xu0w9jmrx]{
    display:flex;
    flex-direction:row;
    gap:20px;
}

[b-7xu0w9jmrx] .label {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-1);
}

[b-7xu0w9jmrx] .select-drop-down {
    width: 90%;
    height: 50px;
    justify-content: center;
}

[b-7xu0w9jmrx] .button-add {
    width: 18%;
}

[b-7xu0w9jmrx] .rz-cell-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5) !important;
    color: var(--black-3);
    margin: 0;
}

[b-7xu0w9jmrx] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}
/* /Components/Course/ChartDefault.razor.rz.scp.css */
.chart-extra-info[b-8t7i8cw58u] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    padding: 0 20px;
}

.title[b-8t7i8cw58u] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-1);
}

.btn-fullscreen[b-8t7i8cw58u] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin: 0 20px;
}
/* /Components/Course/ChartQuizComponent.razor.rz.scp.css */
.chart-extra-info[b-40l9a0p55w] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    padding: 0 20px;
}

.title[b-40l9a0p55w] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-1);
}

.btn-fullscreen[b-40l9a0p55w] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin: 0 20px;
}
/* /Components/Course/CourseSettings.razor.rz.scp.css */
.form[b-o9atruw8o3] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-form[b-o9atruw8o3] {
    display: flex;
    flex-direction: column;
}

.label-form[b-o9atruw8o3] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
    margin-top: 8px;
}

.button-form-area[b-o9atruw8o3] {
    display: inline-flex;
    gap: 50px;
}

[b-o9atruw8o3] input, [b-o9atruw8o3] select {
    width: 600px;
    height: 50px !important;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}

[b-o9atruw8o3] .rz-inputtext{
    margin-bottom:0px;
}

.loading-form[b-o9atruw8o3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-o9atruw8o3] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-o9atruw8o3] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

.channel-selectize[b-o9atruw8o3] {
    margin-bottom: 16px;
}
[b-o9atruw8o3] .rz-dropdown {
    width: 100%;
    height: 50px;
    padding: 10px;
}

.add-template-information[b-o9atruw8o3], .add-template-wellcome[b-o9atruw8o3], [b-o9atruw8o3] .date-picker {
    margin-bottom: 10px;
}

.row-align-end[b-o9atruw8o3] {
    display: flex;
    align-items: end;
}

.row-align-start[b-o9atruw8o3] {
    display: flex;
    align-items: start;
}

.row-align-center[b-o9atruw8o3] {
    display: flex;
    align-items: center;
}

.qrcode[b-o9atruw8o3] {
    display: flex;
    flex-direction:column;
    align-items:center;
    margin-top:30px;
}

[b-o9atruw8o3] img{
    width: 100% !important;
}
/* /Components/Course/CreateAndEditCourse.razor.rz.scp.css */
.form[b-at5de86dlq] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-form[b-at5de86dlq] {
    display: flex;
    flex-direction: column;
}

.label-form[b-at5de86dlq] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
    margin-top: 8px;
}

.button-form-area[b-at5de86dlq] {
    display: inline-flex;
    gap: 50px;
    margin-top:8px;
}

[b-at5de86dlq] input, [b-at5de86dlq] select {
    width: 600px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}

[b-at5de86dlq] textarea {
    margin-bottom: 8px;
}

.loading-form[b-at5de86dlq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-at5de86dlq] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-at5de86dlq] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

.channel-selectize[b-at5de86dlq] {
    margin-bottom: 16px;
}
[b-at5de86dlq] .rz-dropdown{
    width:100%;
}
/* /Components/Course/DashboardCourse.razor.rz.scp.css */
.section-dashboard[b-kzn6pygbhw] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-dashboard-content[b-kzn6pygbhw] {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

[b-kzn6pygbhw] .subscribers {
    background-color: rgba(144,238,144,0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
}

input[b-kzn6pygbhw] {
    width: 20px;
    height: 20px;
}

.content-left[b-kzn6pygbhw] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 10px;
}

[b-kzn6pygbhw] .content-right {
    background-color: rgba(144,238,144,0.4);
    height: fit-content;
}

.qrCode[b-kzn6pygbhw]{
    display:flex;
    flex-direction:column;
    gap: 10px;
    align-items:center;
}

.qrCode-btn[b-kzn6pygbhw]{
    display:flex;
    flex-direction:row;
}

.loading-form[b-kzn6pygbhw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-kzn6pygbhw] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-kzn6pygbhw] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

[b-kzn6pygbhw] .grid-data-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
[b-kzn6pygbhw] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}

[b-kzn6pygbhw] .grid-data-message {
    font-size: 15px;
    white-space: normal;
}

[b-kzn6pygbhw] .grid-data-sent {
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:10px;
}

.qrCode-quiet-zone[b-kzn6pygbhw] {
    border: 24px solid white; /* --QuietZone: Para uma imagem de 22mm x 22mm a QuietZone deve ser de 3mm */
    border-radius: 10px;
}
/* /Components/Course/DashboardReportCourseActivity.razor.rz.scp.css */
.loading-form[b-tgvha0msyx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
}

[b-tgvha0msyx] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-tgvha0msyx] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

[b-tgvha0msyx] .drop-down-label {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: var(--gray-1);
    margin-bottom: 5px;
}

[b-tgvha0msyx] .drop-down {
    width: 100%;
    height: 45px;
    padding: 10px;
}

.choose-activity-report-msg[b-tgvha0msyx]{
    display:flex;
    flex-direction: row;
    margin: 10px 0 ;
    justify-content: center;
}

.grid-button-column[b-tgvha0msyx]{
    display:flex;
    flex-direction:column;
}

.grid-button-row[b-tgvha0msyx] {
    display: flex;
    flex-direction: row;
    align-items:center;
    gap: 10px;
}

.text-error[b-tgvha0msyx] {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: var(--gray-2);
}

[b-tgvha0msyx] .drop-down-button {
    margin-left: 10px;
    height: 45px;
    padding-right: 25px;
}
/* /Components/Course/DashboardReportDefault.razor.rz.scp.css */
[b-goe0ahatay] .chart {
    width: 100%;
}

.chart-area[b-goe0ahatay] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

[b-goe0ahatay] .rz-chart {
    width: 100%;
}

[b-goe0ahatay] .rz-series-data-label {
    fill: var(--black);
}

.data-activity-area[b-goe0ahatay]{
    margin-top:30px;
}

.btn-fullscreen[b-goe0ahatay] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin: 0 20px;
}
/* /Components/Course/DialogQRCode.razor.rz.scp.css */
.form[b-qwjbt7mnuq] {
    display: flex;
    flex-direction: column;
    align-items:center;
}

.loading-form[b-qwjbt7mnuq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-qwjbt7mnuq] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-qwjbt7mnuq] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

.input-form[b-qwjbt7mnuq] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

[b-qwjbt7mnuq] input {
    width: 450px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}

.button-form-area[b-qwjbt7mnuq] {
    display: flex;
    gap: 10px;
    justify-content: end;
    padding-top: 15px;
}

[b-qwjbt7mnuq] .input-number:focus {
    outline: none;
}

.input-text[b-qwjbt7mnuq]{
    display:flex;
    flex-direction:column;
}
[b-qwjbt7mnuq] .valid.modified:not([type="checkbox"]) {
    outline: none;
}
/* /Components/Course/EditCourseSettings/CourseAutomaticSettings.razor.rz.scp.css */
[b-tbq5u2t23n] input, [b-tbq5u2t23n] select {
    width: 600px;
    height: 50px !important;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}

[b-tbq5u2t23n] .rz-inputtext {
    margin-bottom: 0px;
}

.loading-form[b-tbq5u2t23n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-tbq5u2t23n] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-tbq5u2t23n] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

[b-tbq5u2t23n] .rz-dropdown {
    width: 100%;
    height: 50px;
    padding: 10px;
}

.add-template-information[b-tbq5u2t23n], .add-template-wellcome[b-tbq5u2t23n], {
    margin-bottom: 10px;
}

[b-tbq5u2t23n] .date-picker {
    margin-bottom: 10px;
    width:400px;
}

.row-align-end[b-tbq5u2t23n] {
    display: flex;
    align-items: end;
}

.row-align-start[b-tbq5u2t23n] {
    display: flex;
    align-items: start;
}

.row-align-center[b-tbq5u2t23n] {
    display: flex;
    align-items: center;
}

.qrcode[b-tbq5u2t23n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

[b-tbq5u2t23n] img {
    width: 100% !important;
}

.html-editor[b-tbq5u2t23n] {
    padding: 0 15px;
}
/* /Components/Course/EditCourseSettings/CourseManualSettings.razor.rz.scp.css */
[b-3tmbvi3wu1] input, [b-3tmbvi3wu1] select {
    width: 600px;
    height: 50px !important;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}

[b-3tmbvi3wu1] .rz-inputtext {
    margin-bottom: 0px;
}

.loading-form[b-3tmbvi3wu1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-3tmbvi3wu1] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-3tmbvi3wu1] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

[b-3tmbvi3wu1] .rz-dropdown {
    width: 100%;
    height: 50px;
    padding: 10px;
}

.add-template-information[b-3tmbvi3wu1], .add-template-wellcome[b-3tmbvi3wu1], [b-3tmbvi3wu1] .date-picker {
    margin-bottom: 10px;
}

.row-align-end[b-3tmbvi3wu1] {
    display: flex;
    align-items: end;
}

.row-align-start[b-3tmbvi3wu1] {
    display: flex;
    align-items: start;
}

.row-align-center[b-3tmbvi3wu1] {
    display: flex;
    align-items: center;
}

.qrcode[b-3tmbvi3wu1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

[b-3tmbvi3wu1] img {
    width: 100% !important;
}

.html-editor[b-3tmbvi3wu1] {
    padding: 0 15px;
}
/* /Components/Course/HeaderCourse.razor.rz.scp.css */
h1[b-djkowujo7c] {
    margin: 0;
}
p[b-djkowujo7c]{
    margin: 0;
}

.header[b-djkowujo7c] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary);
    color: var(--white);
    height: 10rem;
    justify-content: space-between;
}

.header-button-return[b-djkowujo7c] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-6);
    font-weight: 400;
    margin: 16px 24px 0 24px;
}

.icon-return[b-djkowujo7c] {
    padding: 0px 10px 0 0;
    font-size: var(--font-OS-6);
}

.header-data[b-djkowujo7c] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.header-details-course[b-djkowujo7c] {  
    padding: 6px 24px;
}

.header-title[b-djkowujo7c] {
    font-size: var(--font-OS-2);
    font-weight: 700;
}

.section-course-clone[b-djkowujo7c] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 5px;
    height: 30px;
    margin-top: 15px;
}

[b-djkowujo7c] #clone-icon {
    font-size: 35px;
    color: var(--white);
}

[b-djkowujo7c] #clone-btn {
    color: var(--white);
    box-shadow: inset 0 0 0 2px var(--white);
}

.header-extra[b-djkowujo7c] {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
}
/* /Components/Course/PublicTarget/PublicTargetComponent.razor.rz.scp.css */
body[b-kklu7y945s] {
}
/* /Components/Course/PublicTarget/PublicTargetContactsComponent.razor.rz.scp.css */
.add-bond-by-contact[b-seprz5do7k]{
    display:flex;
    flex-direction:row;
}

[b-seprz5do7k] .drop-down-button {
    margin-left: 10px;
}

.add-bond-by-contact[b-seprz5do7k] {
    display: flex;
    flex-direction: column;
    margin-bottom:15px;
}

.contact-drop-down[b-seprz5do7k] {
    display: flex;
    flex-direction: row;
}

[b-seprz5do7k] .rz-dropdown {
    width: 90%;
    height: 45px;
}

[b-seprz5do7k] .rz-progressbar-primary{
    color: var(--gray-3) !important;
}

[b-seprz5do7k] .rz-progressbar-value {
    background-color: var(--primary) !important;
}

[b-seprz5do7k] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}

[b-seprz5do7k] .rz-progressbar-label {
    color: black;
}
/* /Components/Course/PublicTarget/PublicTargetGrupsComponent.razor.rz.scp.css */
.add-bond-by-grups[b-nb5ientma8] {
    display: flex;
    flex-direction: row;
}

[b-nb5ientma8] .drop-down-button {
    margin-left: 10px;
}

.add-bond-by-group[b-nb5ientma8] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.grups-drop-down[b-nb5ientma8] {
    display: flex;
    flex-direction: row;
}

[b-nb5ientma8] .rz-dropdown {
    width: 90%;
    height: 45px;
}

[b-nb5ientma8] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}
/* /Components/CourseActivity/CourseActivityFormComponent.razor.rz.scp.css */
[b-2qoadsp7bt] input, [b-2qoadsp7bt] select, [b-2qoadsp7bt] textarea {
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}

.column-title[b-2qoadsp7bt]{
    display:flex;
    flex-direction:column;
}

.input[b-2qoadsp7bt]{
    display:flex;
    flex-direction:column;
}

.preview-message[b-2qoadsp7bt] {
    background-image: url('images/wpp.png');
    background-size: cover;
    background-position: center;
    height: 100%;
    border-radius: 10px;
    padding: 20px 15px;
}

.balloon-container[b-2qoadsp7bt] {
    position: relative;
    max-width: 100%;
    margin: 5px;
    padding: 15px;
    background-color: #ffffff;
    border-radius: 10px;
}

    .balloon-container[b-2qoadsp7bt]::after {
        content: '';
        position: absolute;
        top: 40%;
        right: 100%;
        margin-top: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent #ffffff transparent transparent;
    }

.title[b-2qoadsp7bt] {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--black-1);
    margin:0 !important;
}

.header[b-2qoadsp7bt] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--black-3);
    margin-bottom: 5px;
}

.infos-quiz[b-2qoadsp7bt] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    margin-bottom: 15px;
}

.quiz-txt[b-2qoadsp7bt] {
    font-size: 12px;
    color: var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

.alternatives[b-2qoadsp7bt] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.alternatives-infos[b-2qoadsp7bt] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.progress-bar[b-2qoadsp7bt] {
    width: 92%;
    border-radius: 5px;
    background-color: var(--gray-4);
    margin: 5px 0 5px 20px;
}

.progress[b-2qoadsp7bt] {
    height: 8px;
    border-radius: 5px;
    width: 0;
}

input[type=radio][b-2qoadsp7bt] {
    width: 16px;
}

.infos-txt[b-2qoadsp7bt] {
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: var(--gray-1);
}

.votes[b-2qoadsp7bt] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-top: 1px solid var(--gray-3);
    margin-top: 5px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: var(--secondary);
    padding-top: 10px;
}

[b-2qoadsp7bt] .quiz-icon {
    font-size: 12px;
    color: var(--gray-3);
}

.wpp-message[b-2qoadsp7bt]{
    display: flex;
    flex-direction: column;
    gap:20px;
}

.feedback-div-title[b-2qoadsp7bt] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.feedback-title[b-2qoadsp7bt] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 5px;
}

[b-2qoadsp7bt] .button-help {
    background-color: transparent !important;
    border: none;
    box-shadow: none !important;
    border-radius: 50%;
    color: var(--gray-3) !important;
    padding:0px;
}
.date[b-2qoadsp7bt] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: var(--gray-2);
}

.quiz[b-2qoadsp7bt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* /Components/CourseActivity/CourseActivityHeaderComponent.razor.rz.scp.css */
h1[b-eehsjutbcd] {
    margin: 0;
}


.header[b-eehsjutbcd] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary);
    color: var(--white);
    height: 10rem;
    justify-content: space-between;
}

.header-button-return[b-eehsjutbcd] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-6);
    font-weight: 400;
    margin: 16px 24px 0 24px;
}

.icon-return[b-eehsjutbcd] {
    padding: 0px 10px 0 0;
    font-size: var(--font-OS-6);
}

.header-data[b-eehsjutbcd] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.header-details-group[b-eehsjutbcd] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 24px;
}

.header-group-type[b-eehsjutbcd] {
    justify-content: end;
    margin: 8px 40px 0 0;
    font-size: var(--font-OS-6);
}

.header-title[b-eehsjutbcd] {
    font-size: var(--font-OS-2);
    font-weight: 700;
}
/* /Components/CourseActivity/CourseActivityListComponent.razor.rz.scp.css */
.actions[b-594isjg58h]{
    display:flex;
    flex-direction: row;
    justify-content:space-between;
}

[b-594isjg58h] .grid-data-message {
    font-size: 15px;
    white-space: normal;
}

.rz-cell-data[b-594isjg58h] {
    white-space: normal;
}
[b-594isjg58h] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}

[b-594isjg58h] .skipe-activity-checkbox {
    width: 20px;
    height: 20px;
}

[b-594isjg58h] .rz-switch.rz-switch-checked .rz-switch-circle:before {
    background: var(--primary) !important;
}

[b-594isjg58h] .reorder-activities td {
    border-top: 1px solid var(--gray-2);
    border-bottom: 1px solid var(--gray-2);
}
/* /Components/CourseActivity/CourseActivityQuizAlternativesComponent.razor.rz.scp.css */
.alternatives[b-p34h3hryet] {
    display:flex;
    flex-direction:column;
    gap:15px;
}

.alternatives-col-00[b-p34h3hryet] {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:end;
    gap:20px;
}

.alternatives-col-01[b-p34h3hryet] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.col-01[b-p34h3hryet] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    width: 100%
}

.labels[b-p34h3hryet]{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:20px;
    width:100%
}

.input-name[b-p34h3hryet], [b-p34h3hryet] .label-name {
    width: 85%;
}

.switch-is-correct[b-p34h3hryet] {
    display: flex;
    flex-direction: column;
    justify-content:center
}

.alternatives-col-02[b-p34h3hryet]{
    display:flex;
    flex-direction:column;
    height:200px;
}

[b-p34h3hryet] .skipe-activity-checkbox {
    width: 20px;
    height: 20px;
}

[b-p34h3hryet] .rz-switch.rz-switch-checked .rz-switch-circle:before {
    background: var(--primary) !important;
}

[b-p34h3hryet] .valid.modified:not([type=checkbox]){
    outline:none;
}

.label-div-feedback[b-p34h3hryet]{
    display:flex;
    flex-direction:row;
    align-items:center;
}

[b-p34h3hryet] .button-help {
    background-color: transparent !important;
    border: none;
    box-shadow: none !important;
    border-radius: 50%;
    color: var(--gray-3) !important;
}

.disabled[b-p34h3hryet] {
    pointer-events: none;
    opacity: 0.5;
    height:100%;
}
/* /Components/DisplayName.razor.rz.scp.css */
/* /Components/EmailSystem/HeaderEmail.razor.rz.scp.css */
h1[b-l79a5ifj59] {
    margin: 0;
}

.header[b-l79a5ifj59] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary);
    color: var(--white);
    height: 10rem;
    justify-content: space-between;
}

.header-button-return[b-l79a5ifj59] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-6);
    font-weight: 400;
    margin: 16px 24px 0 24px;
}

.icon-return[b-l79a5ifj59] {
    padding: 0px 10px 0 0;
    font-size: var(--font-OS-6);
}

.header-data[b-l79a5ifj59] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.header-details-email[b-l79a5ifj59] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 24px;
}

.header-title[b-l79a5ifj59] {
    font-size: var(--font-OS-2);
    font-weight: 700;
}
/* /Components/EmailSystem/HeaderEmailEdit.razor.rz.scp.css */
body[b-gd0fsmhpzs] {
}
/* /Components/Extract/ListExtractContactRanking.razor.rz.scp.css */
.extract-ranking-show-more[b-lwhwkfwrtz] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
}
/* /Components/Group/CreateAndEditGroup.razor.rz.scp.css */
.form[b-t7mu6wsf4r] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-form[b-t7mu6wsf4r] {
    display: flex;
    flex-direction: column;
}

.label-form[b-t7mu6wsf4r] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
    margin-top: 8px;
}


.button-form-area[b-t7mu6wsf4r] {
    display: inline-flex;
    gap: 50px;
}

[b-t7mu6wsf4r] input, [b-t7mu6wsf4r] select {
    width: 600px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    color: var(--black-3);
    margin-bottom: 8px;
    padding: 8px 10px;
}

[b-t7mu6wsf4r] select:disabled {
    background: var(--gray-4);
}


.loading-form[b-t7mu6wsf4r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-t7mu6wsf4r] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-t7mu6wsf4r] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}
/* /Components/Group/HeaderGroup.razor.rz.scp.css */
h1[b-f9593la8iz] {
    margin: 0;
}


.header[b-f9593la8iz] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary);
    color: var(--white);
    height: 10rem;
    justify-content: space-between;
}

.header-button-return[b-f9593la8iz] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-6);
    font-weight: 400;
    margin: 16px 24px 0 24px;
}

.icon-return[b-f9593la8iz] {
    padding: 0px 10px 0 0;
    font-size: var(--font-OS-6);
}

.header-data[b-f9593la8iz] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.header-details-group[b-f9593la8iz] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 24px;
}

.header-group-type[b-f9593la8iz] {
    justify-content: end;
    margin: 8px 40px 0 0;
    font-size: var(--font-OS-6);
}

.header-title[b-f9593la8iz] {
    font-size: var(--font-OS-2);
    font-weight: 700;
}
/* /Components/Home/HomeDashboard.razor.rz.scp.css */
[b-df1cs8nvcv] #home-dashboard-area{
    display:flex;
    flex-direction:column;   
    gap:10px;
}

.home-dashboard-content[b-df1cs8nvcv] {
    width:100%;
    display: flex;
    flex-direction: row;    
    gap: 10px;
}

.f-grow-1[b-df1cs8nvcv] {
    flex-grow: 1;
}

.f-grow-4[b-df1cs8nvcv] {
    flex-grow: 4;
}
/* /Components/Home/HomeDashContractSummary.razor.rz.scp.css */
.loading-form[b-51u4ubzr5u] {
    display: flex;
    flex-direction: column;
    align-items: center;  
}

[b-51u4ubzr5u] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-51u4ubzr5u] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

#contract-summary-error-msg[b-51u4ubzr5u] {
    color: var(--error);   
}

.contract-summary-msg[b-51u4ubzr5u] {
    max-width: 150px;
    word-break: break-word;
}

#contract-summary[b-51u4ubzr5u] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
}

.chart-infos[b-51u4ubzr5u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 45px
}

.chart-infos-title[b-51u4ubzr5u] {
    color: var(--gray-2);
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    font-weight: 700;
}

.chart-infos-subtitle[b-51u4ubzr5u] {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--gray-2);
}

.period-balance[b-51u4ubzr5u] {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--gray-2);
}

[b-51u4ubzr5u] .rz-progressbar-determinate.rz-progressbar-primary.progressbar-contract-summary {
    width: 100%;
    margin-bottom: 10px;
    color: var(--gray-2);
}

[b-51u4ubzr5u] .rz-progressbar-determinate.rz-progressbar-primary.progressbar-primary .rz-progressbar-value {
    background-color: var(--primary);
}

[b-51u4ubzr5u] .rz-progressbar-determinate.rz-progressbar-primary.progressbar-secondary .rz-progressbar-value{
    background-color: var(--secondary);
}

[b-51u4ubzr5u] .rz-progressbar-determinate.rz-progressbar-primary.progressbar-warning .rz-progressbar-value {
    background-color: var(--warning);
}

[b-51u4ubzr5u] .rz-progressbar-determinate.rz-progressbar-primary.progressbar-error .rz-progressbar-value {
    background-color: var(--error);
}
/* /Components/Home/HomeDashCourseSummary.razor.rz.scp.css */
[b-1mhcn7a4ih] .grid-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-3);
}

[b-1mhcn7a4ih] .grid-data-icon {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-3);
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:10px;
}

[b-1mhcn7a4ih] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}

[b-1mhcn7a4ih] .rz-progressbar-determinate.rz-progressbar-primary.progressbar-contract-summary {
    width: 100%;   
    color: var(--gray-2);
}

[b-1mhcn7a4ih] .rz-progressbar-determinate.rz-progressbar-primary.progressbar-primary .rz-progressbar-value {
    background-color: var(--primary);
}

[b-1mhcn7a4ih] .rz-progressbar-determinate.rz-progressbar-primary.progressbar-secondary .rz-progressbar-value {
    background-color: var(--secondary);
}

[b-1mhcn7a4ih] .rz-progressbar-determinate.rz-progressbar-primary.progressbar-warning .rz-progressbar-value {
    background-color: var(--warning);
}

[b-1mhcn7a4ih] .rz-progressbar-determinate.rz-progressbar-primary.progressbar-error .rz-progressbar-value {
    background-color: var(--error);
}

[b-1mhcn7a4ih] .rz-button.rz-variant-outlined.rz-primary.rz-shade-default.course-summary-button {
    color: var(--secondary);
    box-shadow: inset 0 0 0 var(--rz-border-width) var(--secondary);
}
/* /Components/Home/HomeDashMessageSentSummary.razor.rz.scp.css */
.loading-form[b-mx21rpar65] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-mx21rpar65] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-mx21rpar65] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

#message-summary-error-msg[b-mx21rpar65] {
    color: var(--error);
}

#message-summary[b-mx21rpar65] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-mx21rpar65] .chart{
    width:100%;
}
/* /Components/HtmlEditor/EmojiPicker.razor.rz.scp.css */
.list-emojis[b-v0gtnrf266] {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

.emoji[b-v0gtnrf266] {
    font-size: 30px;
    margin: 5px;
    cursor: pointer;
}

    .emoji:hover[b-v0gtnrf266] {
        background-color: #eee;
    }

[b-v0gtnrf266] .rz-dialog-content{
    overflow:hidden;
}

[b-v0gtnrf266] .rz-tabview-panel {
    max-height: 400px;
    overflow: auto;
}

[b-v0gtnrf266] .rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected{
    border-right: 2px solid var(--primary) !important;
}
/* /Components/LogoutButton.razor.rz.scp.css */

/* /Components/Nav.razor.rz.scp.css */
.nav[b-fb9dnbrkbd] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding: 15px;
}

.nav-img[b-fb9dnbrkbd] {
    display: flex;
    align-items: center;
    height: 50px;
}

.nav-menu[b-fb9dnbrkbd] {
    display: flex;
    gap: 32px;
    align-items:center;
}

.nav-menu-item[b-fb9dnbrkbd] {
    font-family: 'Open Sans', sans-serif;
    color: var(--black-1);
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}

a.nav-menu-item:hover[b-fb9dnbrkbd] {
    color: var(--secondary);
}

.nav-menu-item-background[b-fb9dnbrkbd] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary);
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

[b-fb9dnbrkbd] .rz-navigation-item-icon-children {
    color: var(--secondary) !important;
}

.custom-icon[b-fb9dnbrkbd] {
    font-size: 20px;
    color: var(--white);
}

[b-fb9dnbrkbd] .rz-navigation-menu{
    display:flex;
    flex-direction:column;
}
/* /Components/PagePath.razor.rz.scp.css */
ol.page-path[b-wc18yt397w] {
    list-style: none;
    font-size: var(--font-In-3);
    font-family: 'Open Sans', sans-serif;
    margin: 1rem 0 1rem;
    padding: 0;
}

ol.page-path > li a[b-wc18yt397w] {
    color: var(--gray-3);
}

ol.page-path > li[b-wc18yt397w] {
    padding-right: 15px;
    display: inline;
}

ol.page-path > li + li[b-wc18yt397w]:before {
    content: ">";
    margin-right: 15px;
    color: var(--gray-3);
}


/* /Components/Template/WhatsApp/CreateAndEditTemplate.razor.rz.scp.css */
p[b-vp5c15chhv]{
    margin: 0;
}

.form-name[b-vp5c15chhv], .form-header[b-vp5c15chhv], .form-footer[b-vp5c15chhv] {
    display: flex;
    flex-direction: column;
    width: 100%
}

.input-text[b-vp5c15chhv] {
    width: 100%
}

[b-vp5c15chhv] input {
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 10px;
    color: var(--black-3);
}

.form-button-save[b-vp5c15chhv]{
    display:flex;
    flex-direction:row;
    justify-content:center;
}

.form-body[b-vp5c15chhv] {
    height: 200px;
}
/* /Components/Template/WhatsApp/HeaderTemplate.razor.rz.scp.css */
h1[b-jw8kaxsi8k] {
    margin: 0;
}

.header[b-jw8kaxsi8k] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary);
    color: var(--white);
    height: 10rem;
    justify-content: space-between;
}

.header-button-return[b-jw8kaxsi8k] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-6);
    font-weight: 400;
    margin: 16px 24px 0 24px;
}

.icon-return[b-jw8kaxsi8k] {
    padding: 0px 10px 0 0;
    font-size: var(--font-OS-6);
}

.header-data[b-jw8kaxsi8k] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.header-details-group[b-jw8kaxsi8k] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 24px;
}

.header-group-type[b-jw8kaxsi8k] {
    justify-content: end;
    margin: 8px 40px 0 0;
    font-size: var(--font-OS-6);
}

.header-title[b-jw8kaxsi8k] {
    font-size: var(--font-OS-2);
    font-weight: 700;
}
/* /Components/Template/WhatsApp/TemplateButtonComponent.razor.rz.scp.css */
[b-g27xw4k0ex] .rz-messages-error {
    display: flex;
    font-size: 15px;
    margin-top: 10px;
}

.message-error[b-g27xw4k0ex] {
    color: red;
}

[b-g27xw4k0ex] input[type=radio] {
    width: 18px;
    outline: none;
}
/* /Components/Template/WhatsApp/WhatsAppMessageTemplate.razor.rz.scp.css */
.preview-message[b-7odyk8z3hs] {
    background-image: url('images/wpp.png');
    background-size: cover;
    background-position: center;
    height: 100%;
    border-radius: 10px;
    padding: 20px 15px;
}

.balloon-container[b-7odyk8z3hs] {
    position: relative;
    max-width: 100%;
    margin: 5px;
    padding: 15px;
    background-color: #ffffff;
    border-radius: 10px;
}

    .balloon-container[b-7odyk8z3hs]::after {
        content: '';
        position: absolute;
        top: 40%;
        right: 100%;
        margin-top: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent #ffffff transparent transparent;
    }

.header[b-7odyk8z3hs] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--black-3);
    margin-bottom: 5px;
}

.body[b-7odyk8z3hs] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--black-3);
    margin-bottom: 5px;
    word-wrap: break-word;
}

.footer[b-7odyk8z3hs] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: var(--gray-2);
}

.date[b-7odyk8z3hs] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: var(--gray-2);
}

.buttons[b-7odyk8z3hs] {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--gray-3);
    margin-top: 5px;
}

.button[b-7odyk8z3hs] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

.button-text[b-7odyk8z3hs] {
    color: var(--secondary);
}

.title[b-7odyk8z3hs] {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--black-1);
}

[b-7odyk8z3hs] p {
    margin: 0;
}

h5[b-7odyk8z3hs] {
    margin: 0;
}

[b-7odyk8z3hs] .hide-thead thead {
    display: none;
}

[b-7odyk8z3hs] .hide-thead td {
    padding: 0;
    border: none;
    background-color: transparent !important;
}

[b-7odyk8z3hs] .rz-datatable {
    border: none;
}

[b-7odyk8z3hs] .rz-cell-data {
    display: flex !important;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
}
[b-7odyk8z3hs] tbody {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    margin-top: 10px;
}

.infos-quiz[b-7odyk8z3hs]{
    display:flex;
    flex-direction:row;
    gap:5px;
    align-items:center;
    margin-bottom:15px;
}

[b-7odyk8z3hs] .quiz-icon {
    font-size: 12px;
    color: var(--gray-3);
}

.quiz-txt[b-7odyk8z3hs] {
    font-size: 12px;
    color: var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

.alternatives[b-7odyk8z3hs] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.alternatives-infos[b-7odyk8z3hs] {
    display: flex;
    flex-direction: row;
    gap:10px;
}

.progress-bar[b-7odyk8z3hs] {
    width: 92%;
    border-radius: 5px;
    background-color: var(--gray-4);
    margin: 5px 0 5px 20px;
}
.progress[b-7odyk8z3hs] {
    height: 8px;
    border-radius: 5px;
    width: 0;
}

input[type=radio][b-7odyk8z3hs] {
    width: 16px;
}

.infos-txt[b-7odyk8z3hs] {
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: var(--gray-1);
}

.votes[b-7odyk8z3hs] {
    display:flex;
    flex-direction: row;
    justify-content:center;
    border-top: 1px solid var(--gray-3);
    margin-top: 5px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: var(--secondary);
    padding-top:10px;
}

.file[b-7odyk8z3hs] {
    display: flex;
    flex-direction: column;
    background-color: var(--gray-4);
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    padding: 6px;
    margin-bottom:10px;
}

.image[b-7odyk8z3hs] {
    overflow: hidden;
    height: 80px;
}

    .image img[b-7odyk8z3hs] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

.white-bar[b-7odyk8z3hs] {
    background-color: var(--gray-4);
    margin-top: 10px;
    height: 50%;
}

.file-name[b-7odyk8z3hs] {
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: var(--gray-2);
}

.file-description[b-7odyk8z3hs] {
    font-size: 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: var(--gray-3);
}
/* /Components/User/CreateUser.razor.rz.scp.css */
p[b-oafor46r5u] {
    margin: 0;
}

.div-row[b-oafor46r5u] {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-9);
    align-items: center;
}

.div-column[b-oafor46r5u] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-10);
}

.div-input[b-oafor46r5u] {
    display: flex;
    flex-direction: column;
}

.label-form[b-oafor46r5u] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
}

.password[b-oafor46r5u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 8px;
}

.password-label[b-oafor46r5u] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #4F4F4F;
}

.password-div[b-oafor46r5u] {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.div-rules[b-oafor46r5u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rules[b-oafor46r5u] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.icon-circle[b-oafor46r5u] {
    font-size: 10px;
    color: #BDBDBD;
}

.rules-text[b-oafor46r5u] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #BDBDBD;
}

.div-button[b-oafor46r5u] {
    display: flex;
    justify-content: end;
    gap: var(--spacing-9);
    margin: var(--spacing-9);
}

[b-oafor46r5u] input {
    width: 600px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    padding: 8px 10px;
    color: var(--black-3);
}
/* /Components/User/Credentials.razor.rz.scp.css */
p[b-4tw8og21av]{
    margin:0;
}
.div-row[b-4tw8og21av] {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-9);
    align-items: center;
}

.div-column[b-4tw8og21av] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-10);
}

.div-input[b-4tw8og21av] {
    display: flex;
    flex-direction: column;
}

.label-form[b-4tw8og21av] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
}

.password[b-4tw8og21av] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 8px;
}

.password-label[b-4tw8og21av] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #4F4F4F;
}

.password-div[b-4tw8og21av] {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.div-rules[b-4tw8og21av] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rules[b-4tw8og21av] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.icon-circle[b-4tw8og21av] {
    font-size: 10px;
    color: #BDBDBD;
}

.rules-text[b-4tw8og21av] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #BDBDBD;
}

.div-button[b-4tw8og21av] {
    display: flex;
    justify-content: end;
    gap: var(--spacing-9);
    margin: var(--spacing-9);
}

[b-4tw8og21av] input {
    width: 600px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    padding: 8px 10px;
    color: var(--black-3);
}

.loading-form[b-4tw8og21av] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-4tw8og21av] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-4tw8og21av] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}
/* /Components/User/EditUser.razor.rz.scp.css */
p[b-jv3m6yj5o5]{
    margin:0;
}

.form[b-jv3m6yj5o5] {
    display: flex;
    flex-direction: column;
}

.section-form[b-jv3m6yj5o5] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-10);
}

.div-row[b-jv3m6yj5o5] {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-9);
    align-items:center;
}

.div-column[b-jv3m6yj5o5] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-10);
}

.div-input[b-jv3m6yj5o5] {
    display: flex;
    flex-direction: column;
}

.label-form[b-jv3m6yj5o5] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
}

.details-button[b-jv3m6yj5o5] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 8px;
}

.div-button[b-jv3m6yj5o5] {
    display: flex;
    justify-content: end;
    gap: var(--spacing-9);
    margin: var(--spacing-9);
}

.button-cancel[b-jv3m6yj5o5] {
    width: 200px;
    height: 50px;
    border-radius: 4px;
    border: 2px solid var(--error);
    color: var(--error);
    background-color: var(--white);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    margin-top: 16px;
}

.button-save[b-jv3m6yj5o5] {
    width: 200px;
    height: 50px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: var(--white);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    margin-top: 16px;
}

.icon-cancel-save[b-jv3m6yj5o5] {
    padding-right: 8px;
}

.loading-form[b-jv3m6yj5o5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-jv3m6yj5o5] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-jv3m6yj5o5] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

[b-jv3m6yj5o5] input {
    width: 600px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    padding: 8px 10px;
    color: var(--black-3);
}
/* /Components/User/HeaderUser.razor.rz.scp.css */
h1[b-1guior8l2k] {
    margin: 0;
}


.header[b-1guior8l2k] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary);
    color: var(--white);
    height: 10rem;
    justify-content: space-between;
}

.header-button-return[b-1guior8l2k] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-size: var(--font-OS-6);
    font-weight: 400;
    margin: 16px 24px 0 24px;
}

.icon-return[b-1guior8l2k] {
    padding: 0px 10px 0 0;
    font-size: var(--font-OS-6);
}

.header-data[b-1guior8l2k] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.header-details-user[b-1guior8l2k] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 24px;
}

.header-title[b-1guior8l2k] {
    font-size: var(--font-OS-2);
    font-weight: 700;
}
/* /Components/User/UserPermissions.razor.rz.scp.css */
.loading-form[b-mg7iw61txa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-mg7iw61txa] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-mg7iw61txa] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

#permission-tab[b-mg7iw61txa] {
    display: flex;
    flex-direction: column;
    align-items: center;  
}

.permission-group[b-mg7iw61txa] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid gray;
    margin-bottom: 20px;
    padding-bottom: 20px;
    gap:20px;
}

.permission-area[b-mg7iw61txa] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content:space-around;  
}

.permission-header[b-mg7iw61txa] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

[b-mg7iw61txa] label.permission-group-label {
    font-weight: bolder;
    font-size: 20px;
}

[b-mg7iw61txa] label.permission-group-label-select-all {
    font-weight: bolder;
}

[b-mg7iw61txa] #sysadmin-label {
    align-self: start;
}
/* /Layout/Header.razor.rz.scp.css */
[b-2cnijtcwkm] .btn-logout {
    margin: 5px 5px;
}

[b-2cnijtcwkm] .icon-account-circle {
    font-size: 30px;
}

[b-2cnijtcwkm] .rz-navigation-item-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.row-logout[b-2cnijtcwkm] {
    display: flex;
    flex-direction: row;
    color: var(--gray-1);
}

.column-buttons[b-2cnijtcwkm] {
    display: flex;
    flex-direction: column;
}

.logo[b-2cnijtcwkm]{
    display:flex;
    flex-direction:row;
    align-items:center;
}

.company-container[b-2cnijtcwkm] {
    display: flex;
    flex-direction: column;
    margin: 15px;
    border-bottom: 1px solid var(--gray-1);
}

.title[b-2cnijtcwkm]{
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-1);
}

.company-name[b-2cnijtcwkm] {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: var(--gray-2);
    display: flex;
    flex-direction: row;
    padding-bottom: 5px;
    margin-left: 5px;
}

a:hover[b-2cnijtcwkm] {
    text-decoration: none !important;
    color: var(--primary) !important;
    cursor: pointer;
}

.icon-user:hover[b-2cnijtcwkm] {
    color: var(--secondary) !important;
    cursor: pointer;
}
.icon-logout:hover[b-2cnijtcwkm] {
    color: var(--error) !important;
    cursor: pointer;
}

.company-title[b-2cnijtcwkm] {
    display: flex;
    flex-direction: row;
}

.icon-account-circle[b-2cnijtcwkm], .icon-user[b-2cnijtcwkm], .icon-logout[b-2cnijtcwkm], [b-2cnijtcwkm] .icon-store {
    color: var(--gray-2);
    font-size: 20px !important;
}

.user-container[b-2cnijtcwkm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin: 0 15px;
}
/* /Layout/LoginLayout.razor.rz.scp.css */
.page[b-tq58z05zvn] {
	position: relative;
	display: flex;
	flex-direction: column;
}

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

.sidebar[b-tq58z05zvn] {
	background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-tq58z05zvn] {
	background-color: #f7f7f7;
	border-bottom: 1px solid #d6d5d5;
	justify-content: flex-end;
	height: 3.5rem;
	display: flex;
	align-items: center;
}

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

		.top-row[b-tq58z05zvn]  a:hover, .top-row[b-tq58z05zvn]  .btn-link:hover {
			text-decoration: underline;
		}

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

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

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

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

	.sidebar[b-tq58z05zvn] {
		width: 250px;
		height: 100vh;
		position: sticky;
		top: 0;
	}

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

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

	.top-row[b-tq58z05zvn], article[b-tq58z05zvn] {
		padding-left: 2rem !important;
		padding-right: 1.5rem !important;
	}
}
/* /Layout/MainLayout.razor.rz.scp.css */
main[b-f9rvrv489d] {
    flex: 1;
    overflow: auto;
}

.sidebar[b-f9rvrv489d] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-f9rvrv489d] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

    .top-row[b-f9rvrv489d]  a:hover, .top-row[b-f9rvrv489d]  .btn-link:hover {
        text-decoration: underline;
    }

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

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

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

@media (min-width: 641px) {
    .sidebar[b-f9rvrv489d] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-f9rvrv489d], article[b-f9rvrv489d] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* /Layout/Sidebar.razor.rz.scp.css */

/* /Pages/Account/ForgotPassword.razor.rz.scp.css */
.forgot-password[b-lfpoqoe85s] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.forgot-password-form[b-lfpoqoe85s] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 35%;
    height: 95%;
    border-radius: 5px;
    background-color: #fff;
    padding: 40px;
    margin-top: 40px;
    box-shadow: 0px 1px 20px 0px #0000001A;
}

.return[b-lfpoqoe85s]{
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-bottom:10px;
}

[b-lfpoqoe85s] .return-icon{
    color: var(--gray-3);
}

.return-button[b-lfpoqoe85s] {
    background-color:transparent;
    border:none;
    color: var(--gray-3);
}

.section-img[b-lfpoqoe85s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

img.img[b-lfpoqoe85s] {
    max-width: 200px;
}

.subtitle[b-lfpoqoe85s] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #828282;
}

.title[b-lfpoqoe85s] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--gray-2);
}

.information[b-lfpoqoe85s] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-2);
    text-align:justify;
}

.information-data[b-lfpoqoe85s]{
    display:flex;
    flex-direction:column;
    gap:5px;
}

[b-lfpoqoe85s] input {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #BDBDBD;
    padding: 8px 10px;
    margin-bottom: 5px;
}

.input-email[b-lfpoqoe85s] {
    margin: 15px 0;
}

.error-captcha[b-lfpoqoe85s] {
    margin: 0;
    color: red;
    font-size: 16px;
    margin-bottom: 10px;
}

.btn-send[b-lfpoqoe85s] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 15px 0;
}

[b-lfpoqoe85s] br {
    display: none;
}
/* /Pages/Account/Login.razor.rz.scp.css */
a:hover[b-u0cfq9sa4b] {
    color: #4F4F4F;
}

.section-login[b-u0cfq9sa4b] {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.login[b-u0cfq9sa4b] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 35%;
    height: auto;
    min-height: 90%; 
    border-radius: 5px;
    background-color: #fff;
    padding: 40px;
    box-shadow: 0px 1px 20px 0px #0000001A;
    overflow: hidden;
}

.login-section-img[b-u0cfq9sa4b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:10px;
}

img.section-img[b-u0cfq9sa4b] {
    max-width: 200px;
}

.section-title[b-u0cfq9sa4b] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #828282;
}

.login-section-input[b-u0cfq9sa4b] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-grow:1;
}

.div-validation-message[b-u0cfq9sa4b]{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.login-div-checkbox[b-u0cfq9sa4b] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.div-checkbox[b-u0cfq9sa4b] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

.checkbox-input[b-u0cfq9sa4b] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

.checkbox-lbl[b-u0cfq9sa4b] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #4F4F4F;
}

.login-ancora[b-u0cfq9sa4b] {
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #4F4F4F;
}

.btn[b-u0cfq9sa4b] {
    width: 90%;
    height: 50px;
    border-radius: 4px;
    border: 2px solid #30D24E;
    color: #30D24E;
    background-color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 16px;
}

[b-u0cfq9sa4b] input {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #BDBDBD;
    padding: 8px 10px;
}

[b-u0cfq9sa4b] .btn-login{
    width: 100%;
    min-height: fit-content;
    padding: 10px;
}

.error-captcha[b-u0cfq9sa4b] {
    margin: 0;
    color: red;
    font-size: 16px;
}
/* /Pages/Account/NotAuthorized.razor.rz.scp.css */
.grid[b-s9ryu7o4ml] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items:center;
    gap:5px;
}
/* /Pages/Account/PIN.razor.rz.scp.css */
.pin[b-6ytxzej449] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.pin-security-code[b-6ytxzej449] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 35%;
    height: 95%;
    border-radius: 5px;
    background-color: #fff;
    padding: 40px;
    margin-top: 40px;
    box-shadow: 0px 1px 20px 0px #0000001A;
}

.return[b-6ytxzej449]{
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-bottom:10px;
}

[b-6ytxzej449] .return-icon{
    color: var(--gray-3);
}

.return-button[b-6ytxzej449] {
    background-color:transparent;
    border:none;
    color: var(--gray-3);
}

.section-img[b-6ytxzej449] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.img[b-6ytxzej449] {
    max-width: 200px;
}

.subtitle[b-6ytxzej449] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #828282;
}

.title[b-6ytxzej449] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--gray-2);
    margin-bottom: 10px !important;
}

.paragraph[b-6ytxzej449] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-2);
    text-align: justify;
}

[b-6ytxzej449] .area-security-code {
    margin: 15px 0 5px;
    display:flex;
    flex-direction: column;
    gap: 8px;
}

[b-6ytxzej449] .rz-security-code{
    display:flex;
    outline: none !important;
}

[b-6ytxzej449] .btn-check-pin {
    width: 100%;
    padding: 10px;
    margin: 5px 0;

}

.resend-code-area[b-6ytxzej449] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top:20px;
}

.resend-code[b-6ytxzej449] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--primary);
    cursor: pointer;
}

.disabled-link[b-6ytxzej449] {
    pointer-events: none;
    cursor: default;
    color: gray;
    text-decoration: none;
}

.timer[b-6ytxzej449] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: gray;
}

.disabled-timer[b-6ytxzej449] {
    display:none;
}
/* /Pages/Account/ResetPassword.razor.rz.scp.css */
.reset-password[b-6hrf11varq] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.reset-password-div[b-6hrf11varq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 35%;
    height: 95%;
    border-radius: 5px;
    background-color: #fff;
    padding: 40px;
    margin-top: 40px;
    box-shadow: 0px 1px 20px 0px #0000001A;
}

.section-img[b-6hrf11varq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.img[b-6hrf11varq] {
    max-width: 200px;
}

.subtitle[b-6hrf11varq] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #828282;
}

.title[b-6hrf11varq] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--gray-2);
    margin-bottom: 10px !important;
}

.paragraph[b-6hrf11varq] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-2);
}

[b-6hrf11varq] input {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #BDBDBD;
    padding: 8px 10px;
}

[b-6hrf11varq] .form-reset-password{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.div-btn[b-6hrf11varq] {
    display: flex;
    flex-direction: column;
    align-items:center;
}
/* /Pages/Admin/Company/Create.razor.rz.scp.css */
.section-create[b-2khn38jdtw] {
    margin-top: var(--spacing-9);
}

.company-create[b-2khn38jdtw] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* /Pages/Admin/Company/Edit.razor.rz.scp.css */
.section-edit[b-fz914a0xta] {
    margin-top: var(--spacing-9);
}


.company-edit-general[b-fz914a0xta] {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.company-edit-whatsapp-settings[b-fz914a0xta] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-subscribe[b-fz914a0xta] {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom:5px;
}
/* /Pages/Admin/Company/Index.razor.rz.scp.css */
.section-index[b-7p7nbq18v4] {
    margin-top: var(--spacing-9);
}

.index-button-add[b-7p7nbq18v4] {
    width: 160px;
    height: 45px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: white;
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
}

.grid[b-7p7nbq18v4] {
    margin-top: var(--spacing-9);
}

[b-7p7nbq18v4] .grid-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-3);
    margin: 0;
}

[b-7p7nbq18v4] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}
/* /Pages/AutomaticMessages/Index.razor.rz.scp.css */
.index-button-add[b-ndaq6s9dlh] {
    width: 160px;
    height: 45px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: white;
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
}

.section-automatic-message[b-ndaq6s9dlh] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-ndaq6s9dlh] .grid-data .rz-cell-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5) !important;
    color: var(--black-3);
    margin: 0;
}

[b-ndaq6s9dlh] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}

[b-ndaq6s9dlh] .switch-is-default{
    width:20px;
    height:20px;
}

[b-ndaq6s9dlh] .rz-switch.rz-switch-checked .rz-switch-circle:before {
    background-color: var(--primary);
}
/* /Pages/Company/Channel/Create.razor.rz.scp.css */
.section-create[b-a26ufolvn3] {
    margin-top: var(--spacing-9);
}
.channel-create[b-a26ufolvn3] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* /Pages/Company/Channel/Edit.razor.rz.scp.css */
.section-edit[b-f3o1gm4uxd] {
    margin-top: var(--spacing-9);
}
.channel-edit[b-f3o1gm4uxd] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* /Pages/Company/Contract/Create.razor.rz.scp.css */
.section-create[b-g0wfmjcgrt] {
    margin-top: var(--spacing-9);
}

.contract-create[b-g0wfmjcgrt] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* /Pages/Company/Contract/Edit.razor.rz.scp.css */
.section-create[b-ajxhja3htb] {
    margin-top: var(--spacing-9);
}

.contract-edit[b-ajxhja3htb] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* /Pages/Company/Details.razor.rz.scp.css */
p[b-nn4isu67fg] {
    margin: 0;
    margin-bottom: 0;
}

.section-details[b-nn4isu67fg] {
    display: flex;
    flex-direction: column;
}
.company-section-info[b-nn4isu67fg] {
    display: flex;
    flex-direction: row-reverse;
}
.info-button-report[b-nn4isu67fg] {
    background-color: var(--primary);
    color: var(--white);
    width: 160px;
    height: 50px;
    padding-right: 8px;
    font-family: 'Inter', sans-serif;
    font-size: var(--height-In-5);
    font-weight: 400;
    border-radius: 4px;
    border: 2px solid var(--white);
}


/* /Pages/Company/Edit.razor.rz.scp.css */
.section-edit[b-neybgmnxpu] {
    margin-top: var(--spacing-9);
}


.company-edit-general[b-neybgmnxpu] {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.company-edit-whatsapp-settings[b-neybgmnxpu] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* /Pages/Contact/Create.razor.rz.scp.css */
.section-create[b-pzu1wij7at] {
    margin-top: var(--spacing-9);
}

.contact-create[b-pzu1wij7at]{
    display: flex;
    flex-direction:column;
    align-items:center;
}
/* /Pages/Contact/Edit.razor.rz.scp.css */
.section-edit[b-lh6w0ufv16] {
    margin-top: var(--spacing-9);
}

.grid[b-lh6w0ufv16] {
    margin-top: var(--spacing-9);
}

[b-lh6w0ufv16] .grid-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-3);
    margin: 0;
}

[b-lh6w0ufv16] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}
/* /Pages/Contact/Index.razor.rz.scp.css */
.section-index[b-28527b2uf7] {
    margin-top: var(--spacing-9);
}

.index-button-add[b-28527b2uf7] {
    width: 160px;
    height: 45px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: white;
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
}

.grid[b-28527b2uf7] {
    margin-top: var(--spacing-9);
}

[b-28527b2uf7] .grid-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-3);
    margin:0;
}

[b-28527b2uf7] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}
/* /Pages/Course/CourseActivity/ActivityFile.razor.rz.scp.css */
.upload-file[b-ritrbne0eq] {
    display: flex;
    flex-direction: column;
    border: 2px dashed var(--primary);
    border-radius: 20px;
    background-color: rgba(48, 210, 78, 0.05);
    margin: 20px 40px;
    transition: box-shadow 0.3s ease-in-out;
}

    .upload-file:hover[b-ritrbne0eq] {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }

.title[b-ritrbne0eq] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    color: var(--gray-2);
    text-align:center;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.upload-area[b-ritrbne0eq] {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

[b-ritrbne0eq] .input-upload-area {
    width: 100%;
    height: 100%;
}

[b-ritrbne0eq] .rz-fileupload-buttonbar {
    background-color: transparent !important;
    position: relative;
}

[b-ritrbne0eq] .rz-fileupload-files{
    background-color: transparent;
}

[b-ritrbne0eq] .rz-fileupload-choose.rz-button {
    background-color: transparent;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;
    gap: 15px;
    box-shadow: none;
    padding: 10rem;
}

[b-ritrbne0eq] .rz-button-text {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    color: var(--primary);
    text-align:center;
}

[b-ritrbne0eq] button[title="Delete"] {
    border: 2px solid var(--gray-3);
    background-color: transparent;
    border-radius: 5px;
    box-shadow: none;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

[b-ritrbne0eq] input[type=file] {
    width: 100%;
    height: 100%;
}

[b-ritrbne0eq] .rz-fileupload-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

[b-ritrbne0eq] .rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
    background-color: transparent;
    color: transparent;
    border: none;
    box-shadow: none;
}

[b-ritrbne0eq] .icon-cloud-upload {
    font-size: 3rem;
    color: var(--primary);
    text-align: center;
    margin-right: 10px;
    width: 100%;
    height: 30%;
    position: fixed;
    left: 0%;
}

.disabled-div[b-ritrbne0eq] {
    pointer-events: none;
    opacity: 0.5;
}
/* /Pages/Course/CourseActivity/ActivityMessage.razor.rz.scp.css */
.activity-message[b-57ewi64qf5] {
    display:flex;
    flex-direction: column;
    gap:20px;
}

.message-html-editor[b-57ewi64qf5] {
    height:300px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.btn-save[b-57ewi64qf5]{
    display:flex;
    flex-direction:row;
    justify-content:center;
}
/* /Pages/Course/CourseActivity/ActivityQuiz.razor.rz.scp.css */
.input-form[b-8ceu0cto8w] {
    display: flex;
    flex-direction: column;
}

.label-form[b-8ceu0cto8w] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
    margin-top: 8px;
}

.button-form-area[b-8ceu0cto8w] {
    display: inline-flex;
    gap: 50px;
    margin-top: 8px;
}
/* /Pages/Course/Create.razor.rz.scp.css */
.section-create[b-u9q2nuqqze] {
    margin-top: var(--spacing-9);
}
/* /Pages/Course/Edit.razor.rz.scp.css */
.section-edit[b-4ukavoe8vz] {
    margin-top: var(--spacing-9);
}

/* /Pages/Course/Extract/Ranking.razor.rz.scp.css */
.section-ranking[b-0vcnjheeil] {
    margin-top: var(--spacing-9);
}

[b-0vcnjheeil] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);  
}
/* /Pages/Course/Index.razor.rz.scp.css */
.section-index[b-1f8rwzxgko] {
    margin-top: var(--spacing-9);
}

.index-button-add[b-1f8rwzxgko] {
    width: 160px;
    height: 45px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: white;
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
}

.grid[b-1f8rwzxgko] {
    margin-top: var(--spacing-9);
}

[b-1f8rwzxgko] .grid-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-3);
    margin: 0;
}

[b-1f8rwzxgko] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}
/* /Pages/EmailSystem/Edit.razor.rz.scp.css */
p[b-9mp72jk064]{
    margin:0;
}

.form[b-9mp72jk064] {
    display: flex;
    flex-direction: column;
}

.section-form[b-9mp72jk064] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-10);
    align-items: center;
}

.div-column[b-9mp72jk064] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-9);
    align-items: center;
}

.div-column[b-9mp72jk064] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-10);
}

[b-9mp72jk064] #code-settings {
    height: 12vw;

}

.div-input[b-9mp72jk064] {
    margin-top: 3%;
    display: flex;
    flex-direction: column;
}

[b-9mp72jk064] textarea {
    width: 50vw;
    height: 150px;
}

.html-editor[b-9mp72jk064]{
    height: 100%;
    width: 50vw;
}

.description[b-9mp72jk064] {
    height: 400px;
}

.label-form[b-9mp72jk064] {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 700;
    color: var(--black-1);
}

.details-button[b-9mp72jk064] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 8px;
}

.div-button[b-9mp72jk064] {
    display: flex;
    justify-content: end;
    gap: var(--spacing-9);
    margin: var(--spacing-9);
}

.button-cancel[b-9mp72jk064] {
    width: 200px;
    height: 50px;
    border-radius: 4px;
    border: 2px solid var(--error);
    color: var(--error);
    background-color: var(--white);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    margin-top: 16px;
}

.button-save[b-9mp72jk064] {
    width: 200px;
    height: 50px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: var(--white);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    margin-top: 16px;
}

.icon-cancel-save[b-9mp72jk064] {
    padding-right: 8px;
}

.editor[b-9mp72jk064] {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    width: 50vw;
    margin-bottom: 4%;
    padding: 15px;
    border-radius: 4px;
}

[b-9mp72jk064] .preview {
    padding: 15px;
    width: 50vw;
    margin-top: 3%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}

.loading-form[b-9mp72jk064] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8rem;
}

[b-9mp72jk064] .custom-text-progress-bar {
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
    color: var(--gray-2);
}

[b-9mp72jk064] .rz-progressbar-circular-value {
    stroke: var(--secondary) !important;
}

[b-9mp72jk064] input {
    width: 50vw;
    height: 50px;
    border-radius: 4px;
    border: 1px solid var(--gray-3);
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 400;
    padding: 8px 10px;
    color: var(--black-3);
}

.rz-column[b-9mp72jk064] {
    width: 100% !important;
}

.title[b-9mp72jk064] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary);
    font-family: 'Inter', sans-serif;
    font-size: larger;
    color: var(--white);
    height: 10rem;
    justify-content: center; 
    align-items: center; 
}

.title span[b-9mp72jk064] {
    text-align: center; 
    font-family: 'Inter', sans-serif;
    font-size: 28px;
}

.replacers-list[b-9mp72jk064]{
    margin-top:3%;
    width: 50vw;
}

[b-9mp72jk064] .rz-grid-table thead th {
    display:none;
}
/* /Pages/EmailSystem/Index.razor.rz.scp.css */
.section-index[b-lrll2u5x5m] {
    margin-top: var(--spacing-9);
}

.index-button-add[b-lrll2u5x5m] {
    width: 160px;
    height: 45px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: white;
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
}

.grid[b-lrll2u5x5m] {
    margin-top: var(--spacing-9);
}

[b-lrll2u5x5m] .grid-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-3);
    margin: 0;
}

[b-lrll2u5x5m] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}
/* /Pages/Group/Create.razor.rz.scp.css */
.section-create[b-16kkevu9m7] {
    margin-top: var(--spacing-9);
}

.group-create[b-16kkevu9m7] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* /Pages/Group/Edit.razor.rz.scp.css */
.section-group[b-ueomstfjbf] {
    margin-top: var(--spacing-9);
}

.group-button-add[b-ueomstfjbf] {
    width: 160px;
    height: 45px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: white;
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
}

.grid[b-ueomstfjbf] {
    margin-top: var(--spacing-9);
}

[b-ueomstfjbf] .grid-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-3);
    margin: 0;
}

[b-ueomstfjbf] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}

.group-edit[b-ueomstfjbf] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* /Pages/Group/Index.razor.rz.scp.css */
.section-index[b-ssj55f0eq0] {
    margin-top: var(--spacing-9);
}

.index-button-add[b-ssj55f0eq0] {
    width: 160px;
    height: 45px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: white;
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
}

.grid[b-ssj55f0eq0] {
    margin-top: var(--spacing-9);
}

[b-ssj55f0eq0] .grid-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-3);
    margin: 0;
}

[b-ssj55f0eq0] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}
/* /Pages/Home/Home.razor.rz.scp.css */
/* /Pages/Template/Create/TemplateInformation.razor.rz.scp.css */
body[b-yfyee76h64] {
}
/* /Pages/Template/Create/TemplateWellcome.razor.rz.scp.css */
body[b-ozprjnec1f] {
}
/* /Pages/Template/Edit/Edit.razor.rz.scp.css */
body[b-dq5j2m7te2] {
}
/* /Pages/Template/ListTemplate.razor.rz.scp.css */
.index-button-add[b-jk58rqp5sh] {
    width: 160px;
    height: 45px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: white;
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
}

.grid[b-jk58rqp5sh]{
    margin-top: 10px;
}
/* /Pages/User/Create.razor.rz.scp.css */
.section-create[b-akzld70mw3] {
    margin-top: var(--spacing-9);
}
/* /Pages/User/Edit.razor.rz.scp.css */
.section-edit[b-q2ih7x9j2f] {
    margin-top: var(--spacing-9);
}
/* /Pages/User/Index.razor.rz.scp.css */
.section-index[b-28qmt4fdk1] {
    margin-top: var(--spacing-9);
}

.index-button-add[b-28qmt4fdk1] {
    width: 160px;
    height: 45px;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: white;
    font-family: 'Inter', sans-serif;
    font-size: var(--font-In-3);
    font-weight: 500;
}

.grid[b-28qmt4fdk1] {
    margin-top: var(--spacing-9);
}

[b-28qmt4fdk1] .grid-data {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: var(--height-In-5);
    color: var(--black-3);
    margin: 0;
}

[b-28qmt4fdk1] .rz-column-title-content {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--height-In-5);
    color: var(--black-1);
}