/* /Pages/Account.razor.rz.scp.css */

[b-10if2z2x5f] .panel-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 32px;
}

[b-10if2z2x5f] .title {
    padding: 38px 32px;
    line-height: 36px;
    font-weight: bold;
}

[b-10if2z2x5f] .mud-paper {
    border-radius: 16px;
}

[b-10if2z2x5f] .mud-input {
    background-color: var(--black-10);
    border-radius: 8px;
}

[b-10if2z2x5f] .mud-input.mud-input-underline:before, 
[b-10if2z2x5f] .mud-input.mud-input-underline:hover:before {
    border-bottom: none;
}

[b-10if2z2x5f] .mud-input-label {
    font-size: 14px !important;
    line-height: 20px !important;
    color: var(--black-80) !important;
}

[b-10if2z2x5f] .mud-input-root {
    font-weight: bold !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

[b-10if2z2x5f] .mud-input-slot.mud-input-root.mud-input-root-filled {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-top: 44px;
}

[b-10if2z2x5f] .mud-input-label {
    /* Body2 */
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: -0.097px !important;
    color: var(--black-80) !important;
    transform: translate(24px, 16px) !important;

}

[b-10if2z2x5f] .mud-input-adornment button {
    background: var(--black-30);
}

[b-10if2z2x5f] .mud-typography-body2 {
    margin-bottom: 30px;
}

[b-10if2z2x5f] .language-display .mud-input-slot {
    padding: 18px 12px !important;
}

[b-10if2z2x5f] .mud-paper{
    padding: 40px;
}

.main-container[b-10if2z2x5f]{
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 960px){
    .main-container[b-10if2z2x5f] {
        width: 70%;
    }
}
@media (min-width: 600px) and (max-width: 960px) {
   .main-container[b-10if2z2x5f]{
       margin-right: 32px;
       margin-left: 32px;
   }
}

@media (max-width: 600px){
    .main-container[b-10if2z2x5f]{
        margin-right: 24px;
        margin-left: 24px;
    }
    [b-10if2z2x5f] .title {
        padding: 40px 32px;
        font-size: var(--mud-typography-h6-size);
        font-family: var(--mud-typography-h6-family);
        font-weight: var(--mud-typography-h6-weight);
        line-height: var(--mud-typography-h6-lineheight);
        letter-spacing: var(--mud-typography-h6-letterspacing);
        text-transform: var(--mud-typography-h6-text-transform);
    }
    [b-10if2z2x5f] .mud-paper{
        padding: 24px;
    }
    [b-10if2z2x5f] .mud-input-slot.mud-input-root.mud-input-root-filled {
        padding-left: 16px;
        padding-right: 16px;
    }
    [b-10if2z2x5f] .mud-input-label {
        transform: translate(16px, 16px) !important;

    }
}
/* /Pages/AccountRemoved.razor.rz.scp.css */
[b-4qivoxg4i6].content-wrapper{
    height: calc(100vh - 89px);
}

[b-4qivoxg4i6] .main-content{
    gap: 40px;
    padding-bottom: 32px;
    padding-top: 32px;
    min-width: 432px;
    margin-bottom: 42px;
    margin-top: 42px
}

[b-4qivoxg4i6] .avatar{
    height:80px;
    width:80px
}
/* /Pages/ChangeLanguage.razor.rz.scp.css */
[b-ljwqju3xpn] .main-dialog {
    max-width: 640px;
}

[b-ljwqju3xpn] .language-list {
    max-height: 400px;
}

[b-ljwqju3xpn] .mud-dialog-content {
    padding: 0px !important;
}

[b-ljwqju3xpn] .mud-selected-item {

    color: var(--mud-palette-dark) !important;
    background: white !important;
}
/* /Pages/ChangePassword.razor.rz.scp.css */

[b-mt4qbdmf10] .mud-paper {
    padding: 40px;
    border-radius: 16px;
}

.main-container[b-mt4qbdmf10] {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    width:100%;
}

.title[b-mt4qbdmf10] {
    padding: 38px 32px;
    line-height: 36px;
    font-weight: bold;
}

[b-mt4qbdmf10] .back-button {
    padding: 0 !important;
}

[b-mt4qbdmf10] .back-button:hover {
    background-color: transparent !important;
}

@media (min-width: 600px) and (max-width: 960px) {
    .main-container[b-mt4qbdmf10] {
        padding-right: 32px;
        padding-left: 32px;
    }

}

@media (max-width: 600px) {
    .main-container[b-mt4qbdmf10] {
        padding-right: 24px;
        padding-left: 24px;
    }

    .title[b-mt4qbdmf10] {
        padding: 28px 24px;
    }

    [b-mt4qbdmf10] .mud-paper {
        padding: 32px 24px;
    }
}
/* /Pages/ChangeUsername.razor.rz.scp.css */
[b-xm9z4i8hdi] .mud-paper {
    padding: 40px;
    border-radius: 16px;
}

.main-container[b-xm9z4i8hdi] {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    width:100%;
}

.title[b-xm9z4i8hdi] {
    padding: 38px 32px;
    line-height: 36px;
    font-weight: bold;
}

[b-xm9z4i8hdi] .back-button {
    padding: 0 !important;
}

[b-xm9z4i8hdi] .back-button:hover {
    background-color: transparent !important;
}

@media (min-width: 600px) and (max-width: 960px) {
    .main-container[b-xm9z4i8hdi] {
        padding-right: 32px;
        padding-left: 32px;
    }
    
}

@media (max-width: 600px) {
    .main-container[b-xm9z4i8hdi] {
        padding-right: 24px;
        padding-left: 24px;
    }

    .title[b-xm9z4i8hdi] {
        padding: 28px 24px;
    }

    [b-xm9z4i8hdi] .mud-paper {
        padding: 32px 24px;
    }
}
/* /Pages/Communication/Communication.razor.rz.scp.css */
.left-pane-container[b-g2hy3polr5]{
    width:360px;
    background: var(--black-20);
    /*height: calc(100vh - 89px);*/
    max-height: calc(100vh - var(--mud-appbar-total-height));
    box-shadow: inset -1px -5px 20px 0px #959DA533;
}

.right-pane-container[b-g2hy3polr5]{
    display: flex;
    width: 100%;
    max-width: calc(100% - 360px);
}

.messaging-no-contacts[b-g2hy3polr5]{
    max-height: calc(100vh - var(--mud-appbar-total-height));
    background: var(--black-10);
    min-height: 400px;
    padding: 15px;
}

.communication-container[b-g2hy3polr5] {
    max-height: calc(100vh - var(--mud-appbar-total-height));
}

@media (max-width: 960px) {
    .communication-container[b-g2hy3polr5] {
        max-height: 100vh;
    }
    
    .left-pane-container[b-g2hy3polr5]{
        /*height: calc(100vh - 67px);*/
        width: 100%;
    }

    .messaging-no-contacts[b-g2hy3polr5]{
        height: calc(100vh - 67px);
    }

    .right-pane-container[b-g2hy3polr5] {
        height: 100svh;
        position: fixed;
        z-index: calc(var(--mud-zindex-appbar) + 1);
        top: 0px;
        background: #FFFFFF;
        max-width: 100%;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(100%, 0);
        transition-timing-function: ease-out;
        transition: 0.15s;
        justify-content: stretch;
    }
}

.right-pane-container-opened[b-g2hy3polr5] {
    transition: 0.4s !important;
    transform: none !important;
}

.no-contacts-icon[b-g2hy3polr5]{
    height:56px;
    width: 56px;
    background: var(--black-30);
    border-radius: 56px;
}
/* /Pages/Communication/CommunicationsContacts.razor.rz.scp.css */
[b-ihyx2hwe0r] .contacts-title {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-align: left;
    width: 296px;
    height: 20px;
    color: var(--black-80);
    margin: 8px 0px 8px 16px;
}

[b-ihyx2hwe0r] .contact-list-item-text {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.0069em;
    text-align: left;
}

[b-ihyx2hwe0r] .contact-list-item-text-active {
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.0069em;
    text-align: left;
}

[b-ihyx2hwe0r] .avatar-initials {
    font-family: Inter;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.0127em;
    text-align: center;
}

.selected-contact-item[b-ihyx2hwe0r] {
    background-color: #FFFFFF;
}

.contact-item[b-ihyx2hwe0r] {
    padding: 8px 16px 8px 16px;
    border-radius: 8px
}

.contacts-list[b-ihyx2hwe0r] {
    gap: 16px;
    padding: 24px 24px 24px 24px;
    width: 100%;
    min-height: calc(100vh - 89px);
    overflow-y: scroll;
    overflow-x: hidden;
}

@media  (max-width: 960px) {
    .contacts-list[b-ihyx2hwe0r] {
        height: calc(100vh - 68px);
    }
}

@media (min-width: 960px){

    .contact-list-item-text[b-ihyx2hwe0r]{
        overflow: hidden;
        text-overflow: ellipsis;  
    }
    
    .contact-list-item-text-active[b-ihyx2hwe0r]{
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
/* /Pages/Communication/CommunicationsMessaging.razor.rz.scp.css */
.communication-navbar[b-hy4zbmvree]{
    height: 80px;
    min-height: 80px;
    padding: 0 48px 0 48px;
    gap: 16px;
    border-bottom: 1px solid #D2D2D2;
    justify-content: space-between;
}

[b-hy4zbmvree] .navbar-mail-button{
    min-width: 125px;
}

[b-hy4zbmvree] .navbar-voicemail-button{
    min-width: 107px;
}

[b-hy4zbmvree] .navbar-photo-service-button{
    min-width: 135px;
}

.communication-alias-title-small[b-hy4zbmvree]{
    display: none;
}

.communication-alias-title-big[b-hy4zbmvree]{
    display: flex;
}

@media (max-width: 960px) {
    [b-hy4zbmvree] .navbar-mail-button{
        min-width: 80px;
    }

    [b-hy4zbmvree] .navbar-voicemail-button{
        min-width: 67px;
    }

    [b-hy4zbmvree] .navbar-photo-service-button{
        min-width: 90px;
    }
    
    .communication-alias-title-small[b-hy4zbmvree]{
        display: flex;   
    }

    .communication-alias-title-big[b-hy4zbmvree]{
        display: none;
    }

    .communication-navbar[b-hy4zbmvree] {
        padding: 0px 16px;
    }
    
    .communication-navbar.digital-letter-thread-selected[b-hy4zbmvree] {
        flex-flow: column;
        height: 80px;
        min-height: 80px;
        padding: 0px 16px;
        justify-content: center;
    }

}

@media (max-width: 1280px){
    .communication-navbar-buttons.digital-letter-thread-selected[b-hy4zbmvree]{
       display: none !important;
    }

    .digital-letter-thread-title.digital-letter-thread-selected ~ .communication-alias-title-small[b-hy4zbmvree],
    .digital-letter-thread-title.digital-letter-thread-selected ~ .communication-alias-title-big[b-hy4zbmvree]
    {
        display: none;
    }

    .communication-navbar.digital-letter-thread-selected[b-hy4zbmvree] {
        flex-flow: column;
        height: 80px;
        min-height: 80px;
        padding: 8px 16px;
        justify-content: center;
    }
    
    .digital-letter-thread-title[b-hy4zbmvree] {
        display: none !important;
    }
    .digital-letter-thread-title.digital-letter-thread-selected[b-hy4zbmvree] {
        display: flex !important;
    }
}

@media (min-width: 1280px) {
    .digital-letter-thread-title[b-hy4zbmvree] {
        display: none !important;
    }
}
@media (max-width: 600px) {
    .communication-navbar[b-hy4zbmvree]{
        flex-flow: column;
        height: 152px;
        min-height: 152px;
        padding: 0 24px 0 24px;
        justify-content: end;
        gap: 8px;
    }
    
    .communication-navbar.digital-letter-thread-selected[b-hy4zbmvree] {
        height: 80px;
        min-height: 80px;
        padding-top: 16px;
        padding-right: 10px;
        padding-left: 8px;
        padding-bottom: 8px;
        justify-content: center;
    }
    
    .communication-navbar-buttons[b-hy4zbmvree]{
        height: 80px;
        justify-content: space-between;
    }
    
    .navbar-content[b-hy4zbmvree] {
        align-self: start;
    }
    
    .navbar-content.digital-letter-thread-selected[b-hy4zbmvree]{
        align-self: stretch;
    }
    
    .communication-alias-title-small[b-hy4zbmvree] {
        margin-left: -16px;  
    }
    
}

.contact-not-selected-text[b-hy4zbmvree]{
    color:var(--black-80);
}

.contact-not-selected-container[b-hy4zbmvree]{
    background: #FFFFFF;
}

[b-hy4zbmvree]  .navbar-voicemail-button .topbar-button-icon {
    width: 16px !important;
    height: 15px !important;
    margin-top: 1px;
}
/* /Pages/Communication/DigitalLettersCommunication.razor.rz.scp.css */
[b-zg538xl2ds] .container-digitalletters {
    max-height: calc(100% - 40px) !important;
}

.communication-container[b-zg538xl2ds] {
    max-height: 100vh;
}

@media (max-width: 960px) {
    .communication-navbar.digital-letter-thread-selected[b-zg538xl2ds] {
        flex-flow: column;
        height: 80px;
        min-height: 80px;
        padding: 0px 16px;
        justify-content: center;
    }
}

@media (max-width: 1280px) {
    .communication-navbar-buttons.digital-letter-thread-selected[b-zg538xl2ds] {
        display: none !important;
    }

    .digital-letter-thread-title.digital-letter-thread-selected ~ .communication-alias-title-small[b-zg538xl2ds],
    .digital-letter-thread-title.digital-letter-thread-selected ~ .communication-alias-title-big[b-zg538xl2ds] {
        display: none;
    }

    .communication-navbar.digital-letter-thread-selected[b-zg538xl2ds] {
        flex-flow: column;
        height: 80px;
        min-height: 80px;
        padding: 8px 16px;
        justify-content: center;
    }

    .digital-letter-thread-title.digital-letter-thread-selected[b-zg538xl2ds] {
        display: flex !important;
    }
}

@media (max-width: 600px) {
    .communication-navbar.digital-letter-thread-selected[b-zg538xl2ds] {
        height: 80px;
        min-height: 80px;
        padding-top: 16px;
        padding-right: 10px;
        padding-left: 8px;
        padding-bottom: 8px;
        justify-content: center;
    }

    .navbar-content[b-zg538xl2ds] {
        align-self: start;
    }

    .navbar-content.digital-letter-thread-selected[b-zg538xl2ds] {
        align-self: stretch;
    }
}
/* /Pages/Communication/DigitalLetter/DigitalLetterAttachmentBlock.razor.rz.scp.css */
.digital-letter-attachment-block[b-itpfo71ybz] {
    display: flex;
    padding: 4px var(--xs, 8px);
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-primary);
}

.digital-letter-attachment-name[b-itpfo71ybz] {
    overflow: hidden;
    color: var(--Black-90, #4A4A4A);
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.digital-letter-attachment-size[b-itpfo71ybz] {
    overflow: hidden;
    color: var(--Black-80, #6C6C6C);
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
/* /Pages/Communication/DigitalLetter/DigitalLetterBalanceIsLowBanner.razor.rz.scp.css */
[b-dyfai5ytq0].dl-lowbalance-banner-container {
    display: flex;
    flex-direction: row;
    gap: 4px;
    padding: 8px 16px;
    background: var(--black-20);
    border-radius: 8px;
    margin-bottom: 4px;
    width: 100%;
}

[b-dyfai5ytq0].dl-lowbalance-banner-part1,
[b-dyfai5ytq0].dl-lowbalance-banner-part2 {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
}

[b-dyfai5ytq0].dl-lowbalance-banner-part1 {
    gap: 8px;
}

[b-dyfai5ytq0].dl-lowbalance-banner-part2 {
    gap: 4px;
}

@media (max-width: 600px){
    [b-dyfai5ytq0].dl-lowbalance-banner-container {
        flex-direction: column;
        gap: 8px;
    }
}
/* /Pages/Communication/DigitalLetter/DigitalLetterBubble.razor.rz.scp.css */
[b-gx2dnhaq1z] .digital-letter-content {
    overflow-wrap: anywhere;
}

[b-gx2dnhaq1z] .mud-icon-root.mud-svg-icon.mud-error-text {
    fill: #CC071E;
}

.contact-letter .bubble[b-gx2dnhaq1z] {
    border-radius: 16px 16px 16px 0px;
}

.account-letter .bubble[b-gx2dnhaq1z] {
    border-radius: 16px 16px 0px 16px;
}

.rejected-letter[b-gx2dnhaq1z] {
    background-color: rgba(204, 7, 30, 0.12);
}

.non-rejected-letter[b-gx2dnhaq1z] {
    background-color: var(--secondary-lighten);
}

.account-letter[b-gx2dnhaq1z] {
    padding-left: 72px;
}

.contact-letter[b-gx2dnhaq1z] {
    padding-right: 72px;
}

@media (max-width: 400px) {
    .account-letter[b-gx2dnhaq1z] {
        padding-left: 52px;
    }
}

@media (min-width: 600px) {
    .account-letter[b-gx2dnhaq1z] {
        padding-left: 112px;
    }

    .contact-letter[b-gx2dnhaq1z] {
        padding-right: 112px;
    }
}

@media (min-width: 960px) {
  [b-gx2dnhaq1z] .more-menu {
      visibility: hidden;
  }
  [b-gx2dnhaq1z] .more-menu.force-visibility {
      visibility: initial;
  }
}

@media (min-width: 1280px) {
    .account-letter[b-gx2dnhaq1z] {
        padding-left: 160px;
    }

    .contact-letter[b-gx2dnhaq1z] {
        padding-right: 160px;
    }
}

@media (min-width: 1920px) {
    
}
/* /Pages/Communication/DigitalLetter/DigitalLetterNewMessagesDivider.razor.rz.scp.css */
.separator-line[b-6tnwmntfhf]
{
    border: 1px solid #8E8E8E; 
    height: 1px;
}


#digital-letter-conversation-new-messages-divider[b-6tnwmntfhf]{
    height:34px;
}

@media (max-width: 960px) {
    [b-6tnwmntfhf] .md-align-left {
        margin-left: -24px;
    }
}
/* /Pages/Communication/DigitalLetter/DigitalLettersHistory.razor.rz.scp.css */
.container-digitalletters[b-1y1c08wjqd] {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    height: 100%;
    max-height: calc(100% - 80px);
}

@media(max-width: 600px) {
    .container-digitalletters[b-1y1c08wjqd]{
        max-height:calc(100% - 152px) !important;
    }
    
    .container-digitalletters.container-digitalletters-selected[b-1y1c08wjqd] {
        max-height: calc(100% - 80px) !important;
    }
}

[b-1y1c08wjqd] .title{
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.011em;
    text-align: left;
    margin-bottom: 32px
}

.threads-container[b-1y1c08wjqd] {
    overflow-y: auto;
}

.threads-panel[b-1y1c08wjqd] {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-between;
    max-width: 360px;
    width: 100%;
    border-right: 1px solid var(--black-50);
}

.digital-letter-thread-subject[b-1y1c08wjqd] {
    border-bottom: 1px solid var(--black-50);
    padding-bottom: 14px;
    padding-top: 14px;
}

.letter-input[b-1y1c08wjqd]{
    border-color: var(--black-60) !important;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.letter-input-separator-line[b-1y1c08wjqd]{
    height: 1px;
    width: calc(100% - 16px);
    background: #B0B0B0;
    margin-left: 8px;
}

.letter-input-attachment-bottom[b-1y1c08wjqd]{
    border-color: var(--black-60) !important;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.letter-input-without-attachment[b-1y1c08wjqd]{
    border-bottom:1px solid;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

[b-1y1c08wjqd] .mud-input-control {
    margin-top: 0;
}
[b-1y1c08wjqd] .mud-input-control>.mud-input-control-input-container>div.mud-input.mud-input-text {
    margin: 0;

}

@media(max-width: 1280px) {
    .threads-panel[b-1y1c08wjqd] {
        width: 100%;
        max-width: 100%;
        border: none;
    }
    .threads-panel.digital-letter-thread-selected[b-1y1c08wjqd]{
        display: none;
    }
    .digital-letter-conversation-panel[b-1y1c08wjqd] {
        display: none;
    }
    .threads-panel.digital-letter-thread-selected ~ .digital-letter-conversation-panel[b-1y1c08wjqd]{
        display: flex;
        width: 100%;
    }
    .digital-letter-thread-subject[b-1y1c08wjqd] {
        display: none !important;
    }
}

[b-1y1c08wjqd] textarea#digital-letter-input-container
{
    max-height: calc(-180px + 100vh) !important;
    resize: vertical;
}

.digital-letter-conversation[b-1y1c08wjqd]{
    overflow-x: hidden;
}

/* /Pages/Communication/NoHistoryBlock.razor.rz.scp.css */
[b-kkfq3l3vqz] .history-empty-icon{
    margin-right: 2px;
}

.no-history-icon[b-kkfq3l3vqz]{
    background: var(--black-30);
    border-radius: 56px;
}

.history-empty[b-kkfq3l3vqz]{
    height: 320px;
    padding: 32px 32px 48px 32px;
    border-radius: 8px;
    gap: 16px;
    background: var(--black-10);
}
/* /Pages/Communication/PhotoService/PhotoServiceHistory.razor.rz.scp.css */
.photoservice-container[b-6uwcf07uec] {
    padding: 40px 32px;
    overflow-y: auto;
    --photoservice-newbutton-maximum-left: 1989px;
    --photoservice-newbutton-left-indent-lg: 48px;
    --photoservice-newbutton-top-indent-lg: 48px;
    --photoservice-newbutton-left-indent-md: 32px;
    --photoservice-newbutton-top-indent-md: 32px;
    --photoservice-newbutton-left-indent-sm: 24px;
    --photoservice-newbutton-top-indent-sm: 32px;
    --photoservice-newbutton-width: 228px;
    --photoservice-newbutton-height: 56px;
}

[b-6uwcf07uec] .photoservice-title {
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.011em;
    text-align: left;
    margin-bottom: 32px
}

[b-6uwcf07uec] .photoservice-new-button {
    position: fixed !important;
    width: var(--photoservice-newbutton-width);
    left: min(calc(100vw - var(--photoservice-newbutton-width) - var(--photoservice-newbutton-left-indent-lg)), var(--photoservice-newbutton-maximum-left)) !important;
    top: calc(100vh - var(--photoservice-newbutton-height) - var(--photoservice-newbutton-top-indent-lg)) !important;
    box-shadow: 0px 6px 6px 0px #0000003B, 0px 10px 20px 0px #00000030 !important;
}



@media (min-width: 600px) and (max-width: 960px) {
    [b-6uwcf07uec] .photoservice-new-button {
        /* fallback vw/vh for old mobile devices*/
        left: calc(100vw - var(--photoservice-newbutton-width) - var(--photoservice-newbutton-left-indent-md)) !important;
        top: calc(100vh - var(--photoservice-newbutton-height) - var(--photoservice-newbutton-top-indent-md)) !important;
        /* dvw/dvh for modern IOS devices to handle bottom bar*/
        left: calc(100dvw - var(--photoservice-newbutton-width) - var(--photoservice-newbutton-left-indent-md)) !important;
        top: calc(100dvh - var(--photoservice-newbutton-height) - var(--photoservice-newbutton-top-indent-md)) !important;
    }
}

.history-paging[b-6uwcf07uec] {
    height: 40px;
    margin-bottom: 120px;
}

.photo-service-icon[b-6uwcf07uec] {
    min-width: 48px;
    height: 48px;
    background: var(--black-30);
    border-radius: 48px;
}
.photo-service-history-date-status-container[b-6uwcf07uec] {
    width: 100%;
}
.photo-service-history-file-name[b-6uwcf07uec],
.photo-service-history-date-status[b-6uwcf07uec] {
    width: 30%;
    min-width: 30%;
    flex-grow: 1;
}

.photo-service-history-record[b-6uwcf07uec] {
    height: 80px;
    padding: 16px 0 16px 0;
    gap: 24px;
    border-bottom: 1px solid var(--black-30);
}

.photoservice-container[b-6uwcf07uec],
.photo-service-history-records-container[b-6uwcf07uec] {
    max-width: 1484px;
}

.grid-padding[b-6uwcf07uec] {
    padding-bottom: 112px;
}

@media (max-width: 600px) {
    .photoservice-container[b-6uwcf07uec] {
        padding: 40px 24px;
    }

    [b-6uwcf07uec] .photoservice-new-button {
        /* fallback vw/vh for old mobile devices*/
        left: calc(100vw - var(--photoservice-newbutton-width) - var(--photoservice-newbutton-left-indent-sm)) !important;
        top: calc(100vh - var(--photoservice-newbutton-height) - var(--photoservice-newbutton-top-indent-sm)) !important;
        /* dvw/dvh for modern IOS devices to handle bottom bar*/
        left: calc(100dvw - var(--photoservice-newbutton-width) - var(--photoservice-newbutton-left-indent-sm)) !important;
        top: calc(100dvh - var(--photoservice-newbutton-height) - var(--photoservice-newbutton-top-indent-sm)) !important;
    }
    .photo-service-history-file-name[b-6uwcf07uec] {
        width: 40%;
    }
    
    .photo-service-history-date-status-container[b-6uwcf07uec] {
        gap: 4px;
        width: auto;
    }
    .photo-service-history-date-status[b-6uwcf07uec] {
        width: 100%; !important;
    }
}
/* /Pages/Communication/PhotoService/PhotoServiceImageBottomLine.razor.rz.scp.css */
[b-ur3zqxqopt].photo-service-attachment-item{
    width: 100%;
    height: 40px;
    padding: 8px;
    gap: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: var(--black-20);
}

[b-ur3zqxqopt] .photo-service-attachment-item-icon{
    color: #E7950C;
    margin: 2.5px 4.5px 2.5px 4.5px;
}

[b-ur3zqxqopt] .photo-service-attachment-item-remove
{
    height:32px;
    width: 32px;
    margin-left: auto;
}

@media (orientation: landscape) {
    [b-ur3zqxqopt].photo-service-attachment-item{
        max-width:320px;
    }
}

@media (orientation: portrait) {
    [b-ur3zqxqopt].photo-service-attachment-item{
        max-width:240px;
    }
}
/* /Pages/Communication/PhotoService/PhotoServiceNewPhotoUpload.razor.rz.scp.css */
.photoupload-title[b-r5ejmj50cs] {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 150% */
    letter-spacing: -0.305px;
    padding-top: 38px;
    padding-bottom: 38px;
}

.title-container[b-r5ejmj50cs] {
    height: 112px;
    padding-top: 34px;
    padding-bottom: 34px;
}

@media (max-width: 600px) {
    .title-container[b-r5ejmj50cs]{
        height: 92px;
    }

    .photoupload-title[b-r5ejmj50cs] {
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        line-height: 24px; /* 150% */
        letter-spacing: -0.176px;
        padding-top: 34px;
        padding-bottom: 34px;
    }

    [b-r5ejmj50cs] .cancel-button {
        border: none !important;
        padding: 16px 0 16px 0;
    }
}

.drop-zone-default[b-r5ejmj50cs]{
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%236C6C6CFF' stroke-width='1' stroke-dasharray='6%2c 6' stroke-dashoffset='22' stroke-linecap='square'/%3e%3c/svg%3e"); 
    border-radius: 8px;
}

.drop-zone-dragging[b-r5ejmj50cs] {
    border-radius: 8px;
    background-color: #CEF1F733 !important;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%230C5EE7FF' stroke-width='1' stroke-dasharray='6' stroke-dashoffset='6' stroke-linecap='round'/%3e%3c/svg%3e");
}
[b-r5ejmj50cs] .image-preview{
    cursor: pointer;
}

@media (orientation: landscape) {
    [b-r5ejmj50cs] .image-preview{
        max-width:320px;
        max-height:240px;
    }
}

@media (orientation: portrait) {
    [b-r5ejmj50cs] .image-preview{
        max-width:240px;
        max-height:320px;
    }
}

.upload-photo-container[b-r5ejmj50cs]{
    padding-top:48px;
    padding-bottom: 24px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

[b-r5ejmj50cs] .upload-photo-send-button{
    margin-top: 32px;
}

@media (max-width: 600px) {
    .upload-photo-container[b-r5ejmj50cs] {
        padding-top: 32px;
        padding-bottom: 24px;
    }

    [b-r5ejmj50cs]  .upload-photo-send-button{
        margin-top: 24px;
    }
}

[b-r5ejmj50cs] .upload-icon-wrapper{
    background: #FFFFFF;
    border-radius: 32px;
    width: 68px;
    height: 68px;
}

[b-r5ejmj50cs] .upload-icon{
    color: var(--secondary-darken);
    width: 40px;
    height: 40px;
}

.upload-drop-zone[b-r5ejmj50cs]{
    min-height: 527px; 
    background-color: var(--black-10);
}

.drop-zone-content[b-r5ejmj50cs]{
    gap:16px; 
    width: 271px;
}
/* /Pages/Communication/TopbarButton.razor.rz.scp.css */
.navbar-active[b-bresajlesl] {
    border-bottom: 2px solid var(--mud-palette-primary);
}

.navbar-notactive[b-bresajlesl] {

}

[b-bresajlesl] .navbar-text-active {
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.0069em;
    text-align: left;
    color: var(--black-100);
}

[b-bresajlesl] .navbar-text-notactive {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.0069em;
    text-align: left;
    color: var(--black-90);
}

[b-bresajlesl] .topbar-button {
    height: 100%;
    max-height: 80px;
}

[b-bresajlesl] .topbar-button-icon {
    width: 18px;
    height: 18px;
    color: #FFFFFF;
}

@media (max-width: 960px) {
    [b-bresajlesl].topbar-button {
        flex-flow: column;
    }

    [b-bresajlesl] .topbar-button-icon-container {
        width: 24px !important;
        height: 24px !important;
    }

    [b-bresajlesl] .topbar-button-icon {
        width: 12px;
        height: 12px;
    }
    [b-bresajlesl] .topbar-button-text { white-space: nowrap; }
}

.disabled[b-bresajlesl] {
    pointer-events: none;
    opacity: 0.5;
}
/* /Pages/Communication/VoiceMail/NewVoicemail.razor.rz.scp.css */
.retry-voicemail[b-jepmgss7fb] {
    padding-top: 146px;
}

[b-jepmgss7fb] .header-image {
    width: 58px;
    height: 58px;
    margin-top: 11px;
    margin-left: 11px;
}

.outline-circle[b-jepmgss7fb] {
    position: absolute;
    background: #CC071E;
    border-radius: 9999px;
}

.header-background[b-jepmgss7fb] {
    width: 80px;
    height: 80px;
    left: 0px;
    top: 0px;
    opacity: 0.10;
}

.error-panel[b-jepmgss7fb] {
    padding-top: 32px;
    padding-bottom: 112px;
    background: white;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: inline-flex;
}

.playback-slider[b-jepmgss7fb] {
    width: 100%;
    border-radius: 8px;
    height: 8px;
    outline: none;
    -webkit-appearance: none;
    background: var(--black-30);
}

.playback-slider[b-jepmgss7fb]::-webkit-slider-thumb {
    width: 16px;
    -webkit-appearance: none;
    height: 16px;
    background: var(--mud-palette-primary);
    border-radius: 16px;
}

.recording-container[b-jepmgss7fb] {
    margin: 26px 12px;
}

.recording-dot[b-jepmgss7fb] {
    width: 8px;
    height: 8px;
    left: 0px;
    top: 0px;
}

.recording-outline[b-jepmgss7fb] {
    width: 10px;
    height: 10px;
    left: -1px;
    top: -1px;
    opacity: 0.20;
    animation: pulsate-b-jepmgss7fb 4s infinite alternate;
}

.progress[b-jepmgss7fb] {
    height: 8px;
    left: 0px;
    top: 0px;
    border-radius: 4px;
}

.recording-progress-bar[b-jepmgss7fb] {
    width: 627px;
    background: var(--black-30);
}

.recording-progress[b-jepmgss7fb] {
    width: 0px;
    background: var(--mud-palette-primary);
}

@keyframes pulsate-b-jepmgss7fb {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(2);
    }
    100% {
        transform: scale(1);
    }
}

.voicemail-title[b-jepmgss7fb] {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 150% */
    letter-spacing: -0.305px;
    padding-top: 38px;
    padding-bottom: 38px;
}
.title-container[b-jepmgss7fb] {
    height: 112px;
    padding-top: 34px;
    padding-bottom: 34px;
}
@media (max-width: 600px) {
    .title-container[b-jepmgss7fb]{
        height: 92px;
    }
    .voicemail-title[b-jepmgss7fb] {
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 150% */
        letter-spacing: -0.176px;
        padding-top: 34px;
        padding-bottom: 34px;
    }
    [b-jepmgss7fb] .cancel-button {
        border: none !important;
        padding: 16px 0 16px 0;
    }
    
    [b-jepmgss7fb] .recording-length,
    [b-jepmgss7fb] .slash {
        display: none;
    }
}

.recording-counter[b-jepmgss7fb] {
    flex: 1 1 0;
    font-size: 32px;
    font-family: Inter;
    line-height: 48px;
    letter-spacing: 0.04px;
}

[b-jepmgss7fb] .icon-button{
    border: 1px solid var(--mud-palette-primary) !important; 
    min-width: 48px
}
/* /Pages/Communication/VoiceMail/VoicemailHistory.razor.rz.scp.css */
[b-xnxy8tfya8] .voicemail-title{
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.011em;
    text-align: left;
    margin-bottom: 32px
}

.voice-mail-history-container[b-xnxy8tfya8]{
    padding: 40px 48px;
    overflow-y : auto;

    --newbutton-maximum-left: 1989px;
    --newbutton-left-indent-lg: 48px;
    --newbutton-top-indent-lg: 48px;
    --newbutton-left-indent-md: 32px;
    --newbutton-top-indent-md: 32px;
    --newbutton-left-indent-sm: 24px;
    --newbutton-top-indent-sm: 32px;
    --newbutton-width: 253px;
    --newbutton-height: 53px;
}

[b-xnxy8tfya8] .voicemail-new-button{
    position: fixed !important;
    width: var(--newbutton-width);
    left: min(calc(100vw - var(--newbutton-width) - var(--newbutton-left-indent-lg)), var(--newbutton-maximum-left)) !important;
    top: calc(100vh - var(--newbutton-height) - var(--newbutton-top-indent-lg)) !important;
    box-shadow: 0px 6px 6px 0px #0000003B, 0px 10px 20px 0px #00000030 !important;
}

@media (max-width: 600px) {
    .voice-mail-history-container[b-xnxy8tfya8] {
        padding: 20px 28px;
    }

    [b-xnxy8tfya8] .voicemail-new-button{
        /* fallback vw/vh for old mobile devices*/
        left: calc(100vw - var(--newbutton-width) - var(--newbutton-left-indent-sm)) !important;
        top: calc(100vh - var(--newbutton-height) - var(--newbutton-top-indent-sm)) !important;
        
        /* dvw/dvh for modern IOS devices to handle bottom bar*/
        left: calc(100dvw - var(--newbutton-width) - var(--newbutton-left-indent-sm)) !important;
        top: calc(100dvh - var(--newbutton-height) - var(--newbutton-top-indent-sm)) !important;
    }
    
    .voice-history-date-status[b-xnxy8tfya8]{
        flex-direction: column;
    }
}

@media (min-width: 600px) and (max-width: 960px) {
    [b-xnxy8tfya8] .voicemail-new-button{
        /* fallback vw/vh for old mobile devices*/
        left: calc(100vw - var(--newbutton-width)  - var(--newbutton-left-indent-md)) !important;
        top: calc(100vh - var(--newbutton-height) - var(--newbutton-top-indent-md)) !important;
        
        /* dvw/dvh for modern IOS devices to handle bottom bar*/
        left: calc(100dvw - var(--newbutton-width)  - var(--newbutton-left-indent-md)) !important;
        top: calc(100dvh - var(--newbutton-height) - var(--newbutton-top-indent-md)) !important;
    }
}

.history-paging[b-xnxy8tfya8] {
    height: 40px;
    margin-bottom: 120px;
}

.voice-mail-icon[b-xnxy8tfya8]{
    min-width: 48px;
    height: 48px;
    background: var(--black-30);
    border-radius: 48px;
}

.voice-history-date-status[b-xnxy8tfya8]{
    width:50%;
    justify-content:space-between;
}

.voice-history-record[b-xnxy8tfya8]{
    height: 80px;
    padding: 16px 0 16px 0;
    gap: 16px;
    border-bottom: 1px solid var(--black-30);
}

.voice-duration-container[b-xnxy8tfya8]{
    width:40%;
    justify-content: center;
}

.voice-history-records-container[b-xnxy8tfya8]{
    max-width:1484px;
}

.voicemail-timer-icon[b-xnxy8tfya8]{
    padding:2px;
}

.grid-padding[b-xnxy8tfya8]{
    padding-bottom: 112px;
}

.message-banner[b-xnxy8tfya8] {
    padding: 40px 40px 0;
}
/* /Pages/ConfirmDeleteAccount.razor.rz.scp.css */
[b-dud4kaiplc].content-wrapper{
    height: calc(100vh - 89px);
}

[b-dud4kaiplc] .main-content{
    gap: 40px;
    padding-bottom: 32px;
    padding-top: 32px;
    min-width: 432px;
    margin-bottom: 42px;
    margin-top: 42px
}

[b-dud4kaiplc] .avatar{
    height:80px;
    width:80px
}
/* /Pages/Contacts/AddContact.razor.rz.scp.css */
.add-contact-container[b-a5k5g42j6s] {
    background-color: #FFFFFF;
    border-radius: 8px;
    height: calc(100vh - 320px);
    min-height: 692px;
}

.contacts-add-contact[b-a5k5g42j6s] {
    padding-right: 10px;
}

.add-contact-content[b-a5k5g42j6s] {
    margin: 0 32px 32px 32px;
    width: 440px;
    gap: 15px;
}

@media (max-width: 600px) {
    .main-container[b-a5k5g42j6s] {
        margin-left: 24px;
        margin-right: 24px;
    }

    .contacts-add-contact[b-a5k5g42j6s] {
        padding-right: 10px;
    }

    [b-a5k5g42j6s] .mud-typography-h5 {
        font-size: var(--mud-typography-h6-size);
        font-family: var(--mud-typography-h6-family);
        font-weight: var(--mud-typography-h6-weight);
        line-height: var(--mud-typography-h6-lineheight);
        letter-spacing: var(--mud-typography-h6-letterspacing);
        text-transform: var(--mud-typography-h6-text-transform);
    }
}

@media (min-width: 600px) and (max-width: 960px) {
    .main-container[b-a5k5g42j6s] {
        margin-left: 32px;
        margin-right: 32px;
    }
}

@media (min-width: 960px) and (max-width: 1280px) {
    .main-container[b-a5k5g42j6s] {
        margin-left: 48px;
        margin-right: 48px;
    }
}

@media (min-width: 1280px) {
    .main-container[b-a5k5g42j6s] {
        margin-left: 48px;
        margin-right: 48px;
    }
}

[b-a5k5g42j6s] .caption-icon {
    width: 32px;
    height: 32px;
}

[b-a5k5g42j6s] .row-icon {
    background-color: var(--black-20);
    border-radius: 50%;
    padding: 8px;
    color: #A3D6F2;
}

[b-a5k5g42j6s] .input-icon {
    border-radius: 50%;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 16px;
}

/* /Pages/Contacts/ContactDetails/ChangeContactName.razor.rz.scp.css */
[b-docs8mqv9n] .mud-paper {
    border-radius: 16px;
}

.main-container[b-docs8mqv9n] {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    width:100%;
}

@media (min-width: 600px) and (max-width: 960px) {
    .main-container[b-docs8mqv9n] {
        padding-right: 32px;
        padding-left: 32px;
    }

}

@media (max-width: 600px) {
    .main-container[b-docs8mqv9n] {
        padding-right: 24px;
        padding-left: 24px;
    }

    [b-docs8mqv9n] .mud-paper {
        padding: 32px 24px;
    }
}
/* /Pages/Contacts/ContactDetails/ContactDetails.razor.rz.scp.css */
[b-y92304pffp] .mud-field {
    background-color: var(--black-10);
    border-radius: 8px;
}

[b-y92304pffp] .mud-input{
    background-color: var(--black-10);
    border-radius: 8px;
}

[b-y92304pffp] .mud-input-slot {
    padding-left: 24px !important;
    padding-top: 44px !important;
    padding-bottom: 16px !important;
}
[b-y92304pffp] .mud-paper {
    border-radius: 16px;
}
[b-y92304pffp] .no-hover .mud-input.mud-input-filled:hover{
    background-color: initial;
}
[b-y92304pffp] .mud-input-label {
    /* Body2 */
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: -0.097px !important;
    color: var(--black-80) !important;
    transform: translate(24px, 16px) !important;
    
}
[b-y92304pffp] .mud-input-adornment button {
    background: var(--black-30);
}

[b-y92304pffp] .mud-input-adornment-end{
    padding-right: 24px !important;
}

[b-y92304pffp] .mud-avatar-filled-tertiary {
    background-color: var(--black-30);
}
/*
::deep .mud-expand-panel-header {
    border-bottom: 1px solid #D2D2D2;
    padding-right: 0;
    padding-left: 0;
} */

[b-y92304pffp].mud-expand-panel-header {
    padding-left: 0;
    padding-right: 0;
    align-items: center;
}

[b-y92304pffp] .mud-expand-panel-content {
    padding: 0;
}

[b-y92304pffp] .mud-expand-panel.mud-panel-next-expanded,
[b-y92304pffp] .mud-expand-panel,
[b-y92304pffp] .mud-expand-panel.mud-panel-expanded+.mud-expand-panel{
    border-bottom: 1px solid var(--black-50) ;
    border-radius: 0;
}

[b-y92304pffp] .main-expansion-panel.mud-panel-expanded{
    border-bottom: 0;
}

[b-y92304pffp] .mud-expand-panel-header {
    padding-left: 0;
    padding-right: 0;
    align-items: center;
}
[b-y92304pffp] .money-transfer-expansion-panel .mud-expand-panel.mud-panel-expanded .mud-collapse-container {
    padding-top: 24px;
    padding-bottom: 48px;
}

[b-y92304pffp] .mud-expand-panel-content {
    padding-right: 0;
    padding-left: 0;
}

[b-y92304pffp] .rounded-corners {
    border-radius: 8px !important;
}

[b-y92304pffp] .grey {
    background-color: var(--black-10);
}

[b-y92304pffp] .mud-icon-button.invisible {
    opacity: 0;
    pointer-events: none;
}

[b-y92304pffp] .card-widget {
    background-color: var(--black-10);
}

[b-y92304pffp] .img-icon {
    height: 48px;
    width: 48px;
}

[b-y92304pffp] .img-letter {
    background-color: #49C26B;
}
[b-y92304pffp] .img-voice {
    background-color: #2DACC8;
}

[b-y92304pffp] .img-photo {
    background-color: #887AE2;
}
.payment-details[b-y92304pffp]{
    min-width: 160px;
}

[b-y92304pffp] .open-button {
    height: 36px;
    padding: 12px;
}

[b-y92304pffp] .body-text {
    max-width: 417px;
}

.details-main-container[b-y92304pffp]{
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-y92304pffp] .contact-details-paper{
    padding: 40px;
}

[b-y92304pffp] .contact-communications-paper{
    padding: 40px;
}

.service-management-container[b-y92304pffp]{
    gap:48px;
}
[b-y92304pffp] .reverse-charge-text{
    gap:8px;
    width:50%;
}
[b-y92304pffp] .reverse-charge-switcher{
    gap:16px;
    width:50px;
}

.messaging-container[b-y92304pffp]{
  gap: 16px;   
}

[b-y92304pffp] .messaging-service-last-message{
    color:var(--black-80)
}

[b-y92304pffp] .voice-chat-icon{
    padding: 2px;
}

@media (min-width : 600px) and (max-width : 960px) {
    [b-y92304pffp] .details-container{
        width:calc(100vw - 64px);
    }

    .messaging-container[b-y92304pffp]{
        gap: 8px;
    }
}

@media (max-width : 600px) {
    [b-y92304pffp] .details-container{
        width:calc(100vw - 48px);
        min-width: 327px;
    }

    [b-y92304pffp] .contact-details-paper{
        padding: 24px;
    }

    .service-management-container[b-y92304pffp]{
        flex-direction: column;
    }

    .service-management-container[b-y92304pffp]{
        gap:30px;
    }

    [b-y92304pffp] .reverse-charge-text{
        width:100%;
    }

    [b-y92304pffp] .reverse-charge-switcher{
        width:100%;    
    }

    [b-y92304pffp] .messaging-container{
        flex-direction: column;
    }
}
@media (max-width : 960px) {
    .details-main-container[b-y92304pffp]{
        padding-bottom: 32px;
    }
}
    
@media (min-width : 960px){
    [b-y92304pffp] .details-container{
        width: 70%;
    }
    .details-main-container[b-y92304pffp]{
        padding-bottom: 208px;
    }
}

@media (max-width: 600px){
    .recurring-status-block[b-y92304pffp]{
        width:auto;
    }
    [b-y92304pffp] .recurring-delete-button-placeholder{
        display: none;
    }
}

@media (min-width: 600px){
    [b-y92304pffp] .recurring-delete-button-placeholder{
        visibility: hidden;
    }

    #contact-payments .mud-expand-panel-content.mud-expand-panel-gutters[b-y92304pffp] {
        padding: 0;
    }
}
@media (min-width: 600px) and (max-width : 960px) {
    .recurring-status-block[b-y92304pffp]{
        width:165px;
    }
}
/* /Pages/Contacts/ContactDetails/ContactPaymentHistory.razor.rz.scp.css */
[b-rcwrkmzmio] .payment-history-avatar {
    background-color: rgba(160, 112, 255, 0.2);
    width: 48px;
    height: 48px;
}

[b-rcwrkmzmio] .payment-history-avatar>.mud-typography {
    color: #A070FF;
}

[b-rcwrkmzmio] .payment-history-panel>.mud-expand-panel-header {
    padding-right: 12px;
    height: 96px;
}

[b-rcwrkmzmio] .status-chip .mud-chip {
    width: 80px;
}
[b-rcwrkmzmio] .status-chip .mud-chip-content{
    text-align: center;
}

.history-row[b-rcwrkmzmio]{
    display: flex;
    align-items: center;
    width: 100%;
}

.avatar-col[b-rcwrkmzmio]{
    align-items: center;
}

.history-status[b-rcwrkmzmio]{
    width: 40%;
    justify-content: center;
}
.date-type[b-rcwrkmzmio]{
    display: flex;
}

.main-line[b-rcwrkmzmio]{
    gap:16px;
}

.amount-col[b-rcwrkmzmio]{
    min-width: 145px;
    justify-content: space-between;
}

[b-rcwrkmzmio] .chip-status{
    height:22px;
    margin: 0px;
}

.history-name-date-section[b-rcwrkmzmio] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 40%;
}

.details-main-container[b-rcwrkmzmio]{
    margin-bottom: 32px;
}

.col-name[b-rcwrkmzmio]{
    width: 60%;
}

.date-type[b-rcwrkmzmio]{
    width: 40%;
}

@media (min-width: 960px){
    .details-main-container[b-rcwrkmzmio]{
        margin-bottom: 208px;
    }
}

@media (min-width: 600px) and (max-width: 960px){
    .history-name-date-section[b-rcwrkmzmio]{
        flex-direction: column;
        align-items: start;
    }

    .history-row[b-rcwrkmzmio], .date-type[b-rcwrkmzmio]{
        flex-direction: row;
    }
}

@media (max-width: 600px) {
    .history-name-date-section[b-rcwrkmzmio]{
        flex-direction: column;
        width:100%;
        align-items: start;
        gap: 8px;
    }

    .history-status[b-rcwrkmzmio]{
        width:100%;
        justify-content: start;
    }
    
    .history-row[b-rcwrkmzmio]{
        flex-direction: column;
        width:100%;
        align-items: start;
        gap: 16px;
    }

    .amount-col[b-rcwrkmzmio]{
        width:100%;
        justify-content: start;
    }
    
    .col-name[b-rcwrkmzmio]{
        color :var(--black-100);
    }
    
    .col-amount[b-rcwrkmzmio]{
        color :var(--black-100);
    }

    .avatar-col[b-rcwrkmzmio]{
        align-items: start;
    }
    
    .date-type[b-rcwrkmzmio]{
        gap:8px;   
        flex-direction: column;
    }
}

/* /Pages/Contacts/MyContacts/ContactCard.razor.rz.scp.css */
.contact-card[b-9msw0pbo5k] {
    height: 400px;
    background-color: #FFFFFF;
    border-radius: 15px;
}

.title-padding[b-9msw0pbo5k] {
    height: 48px;
    width: 20%;
}

.avatar-size[b-9msw0pbo5k] {
    height: 64px;
    width: 64px;
}

[b-9msw0pbo5k] .avatar-container .card-context-menu-toggle{
    padding: 14px;
}

[b-9msw0pbo5k] .card-button .mud-button-icon-end {
    margin-left: 0;
}

[b-9msw0pbo5k] .card-button.mud-button-root.mud-button.mud-button-text.mud-button-text-size-small {
    padding: 12px 8px 12px 8px !important;
    /* Without it, because of the icon, the button looks decentered */
    margin-right: -8px;
}


@media (max-width: 600px) {
    .cards-col-sm-12[b-9msw0pbo5k] {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 600px) and (max-width: 960px) {
    .cards-col-md-6[b-9msw0pbo5k] {
        flex: 0 0 auto;
        width: calc(50% - 12px);
    }
}

@media (min-width: 960px) and (max-width: 1280px) {
    .cards-col-lg-3[b-9msw0pbo5k] {
        flex: 0 0 auto;
        width: calc(33.33% - 16px);
    }
}

@media (min-width: 1280px) {
    .cards-col-xl-3[b-9msw0pbo5k] {
        flex: 0 0 auto;
        width: calc(25% - 18px);
    }
}
/* /Pages/Contacts/MyContacts/Contacts.razor.rz.scp.css */
.card-row[b-giazxeverl] {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.contacts-paging[b-giazxeverl] {
    height: 104px;
    margin-bottom: 104px;
}

.contacts-empty-container[b-giazxeverl]{
    background-color: #FFFFFF;
    border-radius: 8px;
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 24px;
    padding-right: 24px;
}
.contacts-add-contact[b-giazxeverl]{
    width:100%;
}

.contacts-empty-content[b-giazxeverl]{
    gap: 32px;
}

[b-giazxeverl] .no-contacts-icon{
    width: 71px;
    height: 70px;
}

[b-giazxeverl] .add-contact-button{
    padding: 0 !important;
}

[b-giazxeverl] .add-contact-button:hover{
    background-color: transparent; !important;
}

.layout-switcher-container[b-giazxeverl]{
    display:none; /* switcher will be implemented */
}

@media (max-width: 600px) {
    
    .main-container[b-giazxeverl] {
        margin-left: 24px;
        margin-right: 24px;
    }

    .layout-switcher-container[b-giazxeverl]{
        margin-top: 24px;
    }

    [b-giazxeverl] .mud-typography-h5 {
        font-size: var(--mud-typography-h6-size);
        font-family: var(--mud-typography-h6-family);
        font-weight: var(--mud-typography-h6-weight);
        line-height: var(--mud-typography-h6-lineheight);
        letter-spacing: var(--mud-typography-h6-letterspacing);
        text-transform: var(--mud-typography-h6-text-transform);
    }
  
    .top-right-controls[b-giazxeverl]{
        flex-direction: column !important;
    }
   
}

@media (min-width: 600px) and (max-width: 960px) {
    .main-container[b-giazxeverl] {
        margin-left: 32px;
        margin-right: 32px;
    }
}

@media (min-width: 960px) and (max-width: 1280px) {
    .main-container[b-giazxeverl] {
        margin-left: 48px;
        margin-right: 48px;
    }
}

@media (min-width: 1280px) {
    .main-container[b-giazxeverl] {
        margin-left: 48px;
        margin-right: 48px;
    }
}
/* /Pages/Contacts/WelcomePopup.razor.rz.scp.css */
[b-bxaid11x35].welcome-popup-content{
    gap: 16px;
    padding-top: 40px;
    padding-bottom: 24px;
}

[b-bxaid11x35] .welcome-popup-title{
    color: var(--black-100);
}

[b-bxaid11x35] .welcome-popup-text{
    margin: 15px; 
    text-align: center;
    color: var(--black-100);
}
/* /Pages/Index.razor.rz.scp.css */
.welcome-wrapper[b-f0rvv3mw73] {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}
.welcome-wrapper > *[b-f0rvv3mw73] {
    width: 100%;
}

.vertical-ruler[b-f0rvv3mw73] {
    padding-left: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-left: 2px solid var(--secondary-darken);
}

.horizontal-partial-divider[b-f0rvv3mw73] {
    width: 81px;
    height: 6px;
    border-radius: 3px;
    background: var(--mud-palette-primary);
}

.welcome-image[b-f0rvv3mw73] {
    object-fit: cover;
    object-position: center;
    height: 320px;
}

.timeline[b-f0rvv3mw73] {
    display: none !important;
}

.timeline-point[b-f0rvv3mw73] {
    width: 24px;
    height: 24px;
    background-color: var(--mud-palette-primary);
    border-radius: 50%;
    flex-grow: 0;
}

.timeline-line[b-f0rvv3mw73] {
    height: 2px;
    border-radius: 1px;
    background-color: var(--mud-palette-primary);
    flex-grow: 1;
}

.timeline-spacer[b-f0rvv3mw73] {
    flex-grow: 0;
    width: calc(100% / 6 - 40px);
}

.teardrop-image[b-f0rvv3mw73] {
    border-radius: 0 120px;
    height: 240px;
    width: 100%;
}

.page-section[b-f0rvv3mw73] {
    padding: 48px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-choose-frindlo[b-f0rvv3mw73], .lets-get-started[b-f0rvv3mw73] {
    padding-top: 56px;
    padding-bottom: 56px;
}

/* sm */
@media (min-width: 600px){
    .page-section[b-f0rvv3mw73] {
        padding-right: 64px;
        padding-left: 64px;
    }
    .welcome-image[b-f0rvv3mw73] {
        height: 480px;
    }
    [b-f0rvv3mw73] h5.page-section-title {
        font-size: 32px;
    }
    [b-f0rvv3mw73] h3.page-section-title-large {
        font-size: 40px;
    }
}
/* md */
@media (min-width: 960px) {
    .welcome-image[b-f0rvv3mw73] {
        height: calc(100svh - (var(--mud-appbar-total-height)));
        min-height: 560px;
    }
    .teardrop-image[b-f0rvv3mw73] {
        border-radius: 0 200px;
        height: 400px;
        width: 100%;
    }
    
    .page-section[b-f0rvv3mw73] {
        padding: 64px 96px;
    }

    .why-choose-frindlo[b-f0rvv3mw73] {
        padding-bottom: 96px;
    }
    .lets-get-started[b-f0rvv3mw73] {
        padding-top: 96px;
        padding-bottom: 96px;
    }
    
    .timeline[b-f0rvv3mw73] {
        display: flex !important;
    }
    
    [b-f0rvv3mw73] h6.card-title {
        font-size: 24px;
    }

    .welcome-wrapper[b-f0rvv3mw73] {
        display: flex;
        flex-direction: row;
        width: 100% !important;
    }

    .welcome-wrapper > *[b-f0rvv3mw73] {
        width: 50%;
    }
}

/* xl */
@media(min-width: 1920px){
    .page-section[b-f0rvv3mw73] {
        padding-right: 160px;
        padding-left: 160px;
    }
    .page-section > *[b-f0rvv3mw73] {
        width: 100%;
        max-width: 1768px;
        
    }
}

[b-f0rvv3mw73] .mud-paper {
    min-width: 240px;
    max-width: 560px;
}
/* /Pages/Login.razor.rz.scp.css */
.form-wrapper[b-6pa9yg4tuw] {
    padding: 48px 24px;
    flex-direction: column;
    max-width: 432px;
}


@media (max-width: 600px) {

    [b-6pa9yg4tuw] .mud-typography-h1 {
        font-size: var(--mud-typography-h2-size);
        line-height: var(--mud-typography-h2-lineheight);
        font-weight: var(--mud-typography-h2-weight);
        letter-spacing: var(--mud-typography-h2-letterspacing);
    }

    [b-6pa9yg4tuw] .action-button {
        width: unset;
    }
}
/* /Pages/NotificationSettings.razor.rz.scp.css */
[b-vkzt282uvd] h5.mud-typography {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

[b-vkzt282uvd] h4.mud-typography {
    padding: 40px 48px;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
}

[b-vkzt282uvd] .mud-paper {
    border-radius: 16px;
}

[b-vkzt282uvd] .setting-label {
    width: 600px;
}

[b-vkzt282uvd] .mud-divider {
    border-color: #D2D2D2;
}



@media(max-width: 599px) {

    [b-vkzt282uvd] mud-paper.sm-pa-5 {
        padding: 20px !important;
    }

    [b-vkzt282uvd] sm-mr-3 {
        margin-right: 10px !important;
    }
 }
/* /Pages/Payment/MoneyTransferGuest.razor.rz.scp.css */
[b-9g6rdwlbqf] .card-content-small .mud-input-slot {
    height: 2em;
    padding: 10px 14px;
}

[b-9g6rdwlbqf] .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-top: 5px;
}

[b-9g6rdwlbqf] .mud-input ~ .mud-input-label {
    margin-top: -2px;
}

[b-9g6rdwlbqf] .mud-select .mud-input ~ .mud-input-label {
    margin-top: 8px;
}

[b-9g6rdwlbqf] .mud-input.mud-shrink ~ .mud-input-label,
[b-9g6rdwlbqf] .mud-input:focus-within ~ .mud-input-label {
    margin-top: 0px;
}

[b-9g6rdwlbqf] .mud-select .mud-input.mud-shrink ~ .mud-input-label,
[b-9g6rdwlbqf] .mud-select .mud-input:focus-within ~ .mud-input-label {
    display: none;
}

[b-9g6rdwlbqf] .row-icon {
    background-color: var(--black-20);
    border-radius: 50%;
    padding: 4px;
    color: #A3D6F2;
}

[b-9g6rdwlbqf] .input-icon {    
    border-radius: 50%;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 7px;
}
/* /Pages/Payment/MoneyTransferHistory.razor.rz.scp.css */
.no-payments[b-s5vm20iemr] {
    padding-top: 48px;
    padding-bottom: 48px;
}

[b-s5vm20iemr] .no-payments-icon {
    width: 56px !important;
    height: 56px !important;
}

[b-s5vm20iemr] .no-payments-icon .mud-icon-root {
    width: 32px !important;
    height: 32px !important;
}

[b-s5vm20iemr] .history-container {
    max-width: 70svw;
}

@media (max-width: 960px){

    [b-s5vm20iemr] .history-container {
        max-width: unset;
    }

    .history-page[b-s5vm20iemr] {
        margin-left: 32px;
        margin-right: 32px;
    }
}


@media (max-width: 600px) {
    .history-page[b-s5vm20iemr] {
        margin-left: 24px;
        margin-right: 24px;
    }
}

[b-s5vm20iemr] .mud-expand-panel-content.mud-expand-panel-gutters {
    padding: 0;
}

[b-s5vm20iemr] .mud-expand-panel.mud-panel-next-expanded,
[b-s5vm20iemr] .mud-expand-panel,
[b-s5vm20iemr] .mud-expand-panel.mud-panel-expanded+.mud-expand-panel{
    border-bottom: 1px solid var(--mud-palette-lines-default) ;
    border-radius: 0;
}

[b-s5vm20iemr] .mud-expand-panel-header {
    padding-left: 0;
    padding-right: 0;
    align-items: center;
}
[b-s5vm20iemr] .mud-expand-panel.mud-panel-expanded .mud-collapse-container {
    padding-top: 24px;
    padding-bottom: 48px;
}
/* /Pages/Payment/MoneyTransferHistoryStatusChiplet.razor.rz.scp.css */
[b-jpkxsbv3e2] .mud-chip .mud-chip-content {
    /* Body3 */
    font-family: Inter !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 18px !important; /* 150% */
}
[b-jpkxsbv3e2] .mud-chip {
    max-height: 22px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    pointer-events: none;
}
/* /Pages/Payment/MoneyTransferHistoryTable.razor.rz.scp.css */
.transfer-grid[b-rmmrgvmbjo] {
    --transfer-history-avatar-width: 32px;
    --transfer-history-status-width: 90px;
    --transfer-history-amount-width: 60px;
    --transfer-history-replay-width: 48px;
}

.no-payments[b-rmmrgvmbjo] {
    padding-top: 48px;
    padding-bottom: 48px;
}

[b-rmmrgvmbjo] .no-payments-icon {
    width: 56px !important;
    height: 56px !important;
}

[b-rmmrgvmbjo] .no-payments-icon .mud-icon-root {
    width: 32px !important;
    height: 32px !important;
}

.replay-button[b-rmmrgvmbjo] {
    width: 48px;
}

[b-rmmrgvmbjo] .contact-avatar.mud-avatar.mud-avatar-medium.transfer-avatar {
    width: 48px;
    height: 48px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 144.444% */
    letter-spacing: -0.229px;
}

.transfer-grid[b-rmmrgvmbjo] {
    display: grid;
    gap: 16px 32px;
    grid-template-columns: var(--transfer-history-avatar-width) 1fr 1fr var(--transfer-history-status-width) var(--transfer-history-amount-width) var(--transfer-history-replay-width);
    align-items: center;
    padding-right: 32px;
}

[b-rmmrgvmbjo] .transfer-avatar {
    align-self: start;
}

[b-rmmrgvmbjo] .transfer-inmate {
    grid-column: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-rmmrgvmbjo] .transfer-date {
    grid-column: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-rmmrgvmbjo] .transfer-status {
    grid-column: 4;
    display: flex;
}

[b-rmmrgvmbjo] .transfer-amount {
    grid-column: 5;
    text-align: right;
}

[b-rmmrgvmbjo] .transfer-replay {
    grid-column: 6;
}

[b-rmmrgvmbjo] .transfer-status .mud-chip {
    margin: 0;
}

.transfer-details[b-rmmrgvmbjo]  {
    padding-left: 48px;
}

.transfer-details > div[b-rmmrgvmbjo] {
    width: 25%;
}

.transfer-details > div:not(:last-child)[b-rmmrgvmbjo] {
    border-right: 1px solid var(--mud-palette-lines-default);
}


@media (max-width: 1280px) {
    .transfer-grid[b-rmmrgvmbjo] {
        grid-template-columns: var(--transfer-history-avatar-width) auto var(--transfer-history-status-width) var(--transfer-history-amount-width) var(--transfer-history-replay-width);
        grid-template-rows: auto auto;
    }

    [b-rmmrgvmbjo] .transfer-avatar {
        grid-row: span 2;
    }

    [b-rmmrgvmbjo] .transfer-date {
        grid-column: 2;
        grid-row: 2;
        margin-top: -8px
    }

    [b-rmmrgvmbjo] .transfer-status {
        grid-column: 3;
        grid-row: span 2;
    }

    [b-rmmrgvmbjo] .transfer-amount {
        grid-column: 4;
        grid-row: span 2;
    }

    [b-rmmrgvmbjo] .transfer-replay {
        grid-column: 5;
        grid-row: span 2;
    }
}

@media (max-width: 600px) {
    .transfer-grid[b-rmmrgvmbjo] {
        grid-template-columns: var(--transfer-history-avatar-width) auto var(--transfer-history-replay-width) 1fr;
        grid-template-rows: auto auto auto auto;
    }

    [b-rmmrgvmbjo] .transfer-avatar {
        grid-row: span 4;
    }

    [b-rmmrgvmbjo] .transfer-inmate {
        grid-column: 2 / span 3;
    }

    [b-rmmrgvmbjo] .transfer-date {
        grid-column: 2 / span 3;
        grid-row: 2;
    }

    [b-rmmrgvmbjo] .transfer-status {
        grid-column: 2 / span 3;
        grid-row: 3;
    }

    [b-rmmrgvmbjo] .transfer-amount {
        grid-column: 2;
        grid-row: 4;
        text-align: left;
    }

    [b-rmmrgvmbjo] .transfer-replay {
        grid-column: 3;
        grid-row: 4;
    }

    .transfer-details[b-rmmrgvmbjo] {
        flex-direction: column !important;
        gap: 16px;
    }
    .transfer-details > div[b-rmmrgvmbjo]{
        border: 0 !important;
        padding: 0;
        width: 100%;
    }
}
/* /Pages/Payment/Payment.razor.rz.scp.css */
#dropin-container[b-gpr0czqnfz] {
    max-width: 800px;
    margin: 0px 24px;
}

[b-gpr0czqnfz] .header-image {
    width: 58px;
    height: 58px;
    margin-top:11px;
    margin-left:11px;
}

.header-beackground[b-gpr0czqnfz] {
    width: 80px;
    height: 80px;
    left: 0px;
    top: 0px;
    position: absolute;
    opacity: 0.10;
    background: #CC071E;
    border-radius: 9999px;
}

.error-panel[b-gpr0czqnfz] {
    padding-top: 32px;
    padding-bottom: 112px;
    background: white;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: inline-flex;
}
/* /Pages/Payment/PaymentContactSelector.razor.rz.scp.css */
[b-4q1wqrkrc7] .mud-avatar {
    width: 48px;
    height: 48px;
}

[b-4q1wqrkrc7] .mud-avatar .mud-typography {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    line-height: 26px; /* 144.444% */
    letter-spacing: -0.229px;
}

[b-4q1wqrkrc7] .mud-dialog-content {
    padding: 0px !important;
}

[b-4q1wqrkrc7] .mud-selected-item {
  
    color: var(--mud-palette-dark) !important;
    background: white !important;
}

[b-4q1wqrkrc7] .main-dialog {
    max-width: 640px;
}

[b-4q1wqrkrc7] .contact-list {
    max-height: 400px;
}
/* /Pages/Payment/PaymentsHub.razor.rz.scp.css */
[b-hmrdremu67] .big-icon {
    width: 106px;
    height: 62px;
}

[b-hmrdremu67] .cont {
    max-width: 896px !important;
    border-radius: 8px;
}

[b-hmrdremu67] .grey {
    background-color: var(--black-10);
}
/* /Pages/Payment/PaymentSteps.razor.rz.scp.css */
[b-sbpm5vi838] .content-wrapper {
    width: 90vw;
}

[b-sbpm5vi838] .error-popup-message {
    min-width: 30vw;
}
/* /Pages/Payment/RecurringPayments.razor.rz.scp.css */
[b-bey33xqkzz] .mud-expand-panel-header,
[b-bey33xqkzz] .mud-expand-panel-content {
    padding:0;
}

.recurring-payment[b-bey33xqkzz] {
    justify-content: stretch;
    background: var(--black-10);
    padding: 24px 16px 24px 24px;
}

.recurring-payment .calendar-icon[b-bey33xqkzz] {
    background: var(--secondary-hover);
    padding: 14px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    align-self: start;
}

[b-bey33xqkzz] .recurring-payment .calendar-icon svg {
    height: 20px;
    width: 20px;
}

[b-bey33xqkzz] .no-payment-description {
    max-width: 417px;
    text-align: center;
}

[b-bey33xqkzz] .payments-panel {
    width: 70%;
}
[b-bey33xqkzz] .mud-expand-panel-content.mud-expand-panel-gutters {
    padding-left: 48px;
    padding-right: 0;
}

[b-bey33xqkzz] .payments-for-contact .mud-expand-panel-header {
    gap: 16px;
}
[b-bey33xqkzz] .payments-for-contact .mud-expand-panel-text {
    width: calc(100% - 40px);
}

@media (max-width: 960px) {
    [b-bey33xqkzz] .payments-panel {
        width: 100%;
    }
    .recurring-payments-container[b-bey33xqkzz] {
        margin-left: 32px;
        margin-right: 32px;
    }
}
@media (max-width: 600px) {
    .payments-wrapper[b-bey33xqkzz] {
        padding: 24px !important;
    }
    [b-bey33xqkzz] .payments-panel {
        padding: 24px !important;
    }
    .recurring-payments[b-bey33xqkzz] {
        padding-left: 0 !important;
    }
    .recurring-payment[b-bey33xqkzz] {
        padding: 16px 8px 8px 16px;
    }
    .recurring-payments-container[b-bey33xqkzz] {
        margin-left: 24px;
        margin-right: 24px;
    }
    [b-bey33xqkzz] .mud-expand-panel-content.mud-expand-panel-gutters {
        padding-left: 0;
        padding-right: 0;
    }
    
}
/* /Pages/Payment/SuccessfulPayment.razor.rz.scp.css */
.payment-result-wrapper[b-ea6t6bh47s] {
    padding: 0px 32px;
    min-height: 100svh;
}
.main-content[b-ea6t6bh47s] {
    margin: 0 auto;
    padding: 64px 0;
    max-width: 40vw;
    min-width: 432px;
    text-align: center;
    gap: 40px;
}
[b-ea6t6bh47s] .header-image{
    width: 80px;
    height: 80px;
}
[b-ea6t6bh47s] .mud-icon-root.header-image {
    font-size: 7rem;
}

[b-ea6t6bh47s] .container {
    padding: 24px;
    background-color: var(--black-10);
    border-radius: 8px;
}

[b-ea6t6bh47s] .mud-container.container div{
    display: flex;
    align-items: start;
    justify-content: space-between;
}

[b-ea6t6bh47s] .mud-container.container div p {
    text-align: right;
}

[b-ea6t6bh47s] .mud-container.container div p:first-child{
    text-align: left;
}

[b-ea6t6bh47s] .one-line {
    white-space: nowrap;
    overflow: hidden;
}

[b-ea6t6bh47s] .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

@media (max-width: 600px) {
    .payment-result-wrapper[b-ea6t6bh47s] {
        padding: 0px 24px;
        justify-content: stretch;
    }
    .main-content[b-ea6t6bh47s] {
        min-width: unset;
        max-width: unset;
        width: 100%;
    }
}
/* /Pages/Payment/WalletDetails/AutoTopupCancelDialog.razor.rz.scp.css */
[b-9169roi2io] .main-dialog {
    max-width: 640px;
}
/* /Pages/Payment/WalletDetails/DisableAutoTopupDialog.razor.rz.scp.css */
[b-z376ngwri5] .main-dialog {
    max-width: 640px;
}
/* /Pages/Payment/WalletDetails/WalletDetails.razor.rz.scp.css */
[b-bm8orpasuq] .mud-input-slot.mud-input-root.mud-input-root-filled {
    padding: 24px; !important;
}

[b-bm8orpasuq] .balance-field .mud-input.mud-input-filled{
    border-radius: 8px;
    background-color: var(--black-10);
}

[b-bm8orpasuq] .currency-input .mud-input-control-helper-container {
    background-color: var(--black-10);
}

[b-bm8orpasuq] .mud-input-error {
    white-space: normal !important;
}


.balance-history-row[b-bm8orpasuq]{
    height: 96px;
    padding: 24px 24px 24px 0;
    border-bottom: 1px solid var(--black-30);
    gap: 24px;
}

.history-left-columns[b-bm8orpasuq]{
    width: 70%;
    gap: 24px;
}

[b-bm8orpasuq] .balance-history-block{
    padding:40px;
}

.transaction-history-date[b-bm8orpasuq]{
    text-align: center;
}

.title-date-cols[b-bm8orpasuq]{
    align-items: center;
}
.auto-topup-inputs > div[b-bm8orpasuq] {
    width: calc(50% - 24px);
}

@media (max-width: 600px) {

    [b-bm8orpasuq] .balance-history-block{
        padding-left:24px;
        padding-right:24px;
    }
    
    [b-bm8orpasuq].title-date-cols{
        flex-direction: column;
        align-items: start;
    }

    [b-bm8orpasuq] .transaction-history-date{
        text-align: start;
    }
    
    .history-left-columns[b-bm8orpasuq]{
        gap: 16px;
    }
    
    .auto-topup-inputs > div[b-bm8orpasuq] {
        width: unset;
    }
}
/* /Pages/Payment/WalletTopUp/TopUpAmountBox.razor.rz.scp.css */
[b-nuii46wyik] .thresholds {
    line-height: 18px;
}

[b-nuii46wyik] .mud-error-text:empty {
    display: none;
}
/* /Pages/Payment/WalletTopUp/TopUpDetailsBox.razor.rz.scp.css */

[b-htlwbdzbml] .email-field{
    margin-top: 10px;
    margin-left: 25px;
    width: 80%;
}

[b-htlwbdzbml] .info-label {
    height: 3em;
    gap: 16px;
}

[b-htlwbdzbml] .text-right {
    text-align: right;
}

[b-htlwbdzbml] .container {
    background-color: var(--black-10);
}
/* /Pages/Payment/WalletTopUp/WalletTopUpSteps.razor.rz.scp.css */
[b-5yj68lkan7] .content-wrapper {
    width: 90vw;
}

[b-5yj68lkan7] .error-popup-message {
    min-width: 30vw;
}
/* /Pages/Payment/WalletTopUp/WalletTopUpTransferForm.razor.rz.scp.css */
[b-776vjyd3o0] .spinner {
    font-size: 5em;
    position: absolute;
    right: 10px;
}

[b-776vjyd3o0] .payment-form-container {
    flex-direction: row;
    justify-content: center;
    align-items: start;
    gap: 40px;
    padding: 0 48px 48px;
}

[b-776vjyd3o0] .payment-form-left-column {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 16px;
}

[b-776vjyd3o0] .payment-form-item
{
    width: 50%;
    max-width: 812px;
}

@media (max-width: 1920px) {
    [b-776vjyd3o0] .payment-form-item
    {
        max-width: unset;
    }
}

@media (max-width: 1280px) {

    [b-776vjyd3o0] .payment-form-container {
        flex-direction: column;
    }
    
    [b-776vjyd3o0] .payment-form-item
    {
        max-width: unset;
        width: 100%;
    }
}

@media (max-width: 960px) {
    [b-776vjyd3o0] .payment-form-container{
        padding: 0 32px 32px;
    }
    
    [b-776vjyd3o0] .mud-card-content {
        padding: 32px !important;
    }
}

@media (max-width: 600px) {
    [b-776vjyd3o0] .payment-form-container {
        padding: 0 12px 12px;
    }

    [b-776vjyd3o0] .mud-card-content {
        padding: 16px !important;
    }
}

/* /Pages/RecentActivities.razor.rz.scp.css */
.recent-activity-page-container[b-qp8iydfemg] {
    padding-left: var(--page-padding-max);
    padding-right: var(--page-padding-max);

    --page-padding-small: 24px;
    --page-padding-medium: 32px;
    --page-padding-large: 192px;
    --page-padding-max: 288px;
    --overview-padding-max: 48px;
}

[b-qp8iydfemg] h4.mud-typography {
    padding: 40px 48px;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
}

[b-qp8iydfemg] .mud-paper {
    border-radius: 16px;
}

.recent-activity-page-container[b-qp8iydfemg] {
    padding-left: var(--page-padding-max);
    padding-right: var(--page-padding-max);
}

.recent-activity-overview-container[b-qp8iydfemg] {
    padding-left: var(--overview-padding-max);
    padding-right: var(--overview-padding-max);
}

.filters-container[b-qp8iydfemg] {
    overflow-x: auto;
    white-space: nowrap;
    gap: 24px;
}

.filters-container .option[b-qp8iydfemg] {
    cursor: pointer;
}

.filters-container .active[b-qp8iydfemg] {
    font-weight: bold;
    border-bottom: 2px solid var(--mud-palette-primary);
}

.filters-container .option .backdrop[b-qp8iydfemg] {
    margin: -12px;
    padding: 12px;
}

.filter-option-item.active[b-qp8iydfemg] {
    font-weight: bold;
}

.user-activity-item[b-qp8iydfemg] {
    background: var(--black-10);
    border-radius: 8px;
    gap: 16px;
}

[b-qp8iydfemg] .user-activity-item .mud-typography-body2 {
    position: relative;
    top: 2px;
}

.summary-with-icon[b-qp8iydfemg] {
    gap: 16px;
    flex: 1;
}

[b-qp8iydfemg] .user-activity-item .timestamp {
    flex: 1;
    min-width: 180px;
    padding-left: 40px;
    gap: 8px;
}

@media (max-width: 1280px) {
    .recent-activity-page-container[b-qp8iydfemg] {
        padding-left: var(--page-padding-large);
        padding-right: var(--page-padding-large);
    }
}

@media (max-width: 960px) {
    .recent-activity-page-container[b-qp8iydfemg],
    .recent-activity-overview-container[b-qp8iydfemg] {
        padding-left: var(--page-padding-medium);
        padding-right: var(--page-padding-medium);
    }
}

@media (max-width: 600px) {
    .recent-activity-page-container[b-qp8iydfemg],
    .recent-activity-overview-container[b-qp8iydfemg] {
        padding-left: var(--page-padding-small);
        padding-right: var(--page-padding-small);
    }

    .user-activity-item[b-qp8iydfemg] {
        flex-direction: column;
    }
}

@media (max-width: 400px) {
    [b-qp8iydfemg] .mud-pagination {
        gap: 2px;
    }
}
/* /Pages/RefundRequest.razor.rz.scp.css */
.ul-list[b-np5lr02k7l]
{
    margin-left: 20px;
}

.li-list[b-np5lr02k7l]
{
    list-style: disc;
}
/* /Pages/Registration/EmailVerificationResult/EmailVerificationResult.razor.rz.scp.css */
.page-loader[b-vjwfh4lf53]{
    height:300px;
}
/* /Pages/Registration/EmailVerificationResult/VerificationResultError.razor.rz.scp.css */
.page-container[b-qgbfq2f6oz]{
    height: calc(100vh - 90px);
    min-height: 350px;
}
/* /Pages/Registration/EmailVerificationResult/VerificationResultExpiredLink.razor.rz.scp.css */
.page-container[b-0q73z86l20] {
    height: calc(100vh - 90px);
    min-height:350px;
}
/* /Pages/Registration/EmailVerificationResult/VerificationResultSuccess.razor.rz.scp.css */
.page-container[b-cz63abx6q1] {
    height: calc(100vh - 291px);
    min-height:350px;
}

[b-cz63abx6q1] .page-content{
    gap: 40px;
    padding-bottom: 74px;
    width: 100%;
    max-width: 432px;
}
/* /Pages/Registration/EmailVerification/CredentialsCheckLinkStep.razor.rz.scp.css */
.main-container[b-g6zdk7a3xj]{
    height: calc(100vh - 244px);
    min-height: 600px;
}

@media (max-width: 600px) {
    [b-g6zdk7a3xj] .mud-typography-h5 {
        font-size: var(--mud-typography-h6-size);
        font-family: var(--mud-typography-h6-family);
        font-weight: var(--mud-typography-h6-weight);
        line-height: var(--mud-typography-h6-lineheight);
        letter-spacing: var(--mud-typography-h6-letterspacing);
        text-transform: var(--mud-typography-h6-text-transform);
    }
}
/* /Pages/Registration/EmailVerification/CredentialsEnterMailStep.razor.rz.scp.css */
[b-ybvw9tlyte] .registration-avatar
{
    height:87px;
    width:87px;
    background-color: var(--black-20);
}

@media (max-width: 600px) {
    [b-ybvw9tlyte] .mud-typography-h5 {
        font-size: var(--mud-typography-h6-size);
        font-family: var(--mud-typography-h6-family);
        font-weight: var(--mud-typography-h6-weight);
        line-height: var(--mud-typography-h6-lineheight);
        letter-spacing: var(--mud-typography-h6-letterspacing);
        text-transform: var(--mud-typography-h6-text-transform);
    }

    [b-ybvw9tlyte] .main-container{
        max-width: 432px !important;
        gap: 40px;
        padding-bottom: 112px;
    }
}

[b-ybvw9tlyte] .main-container{
    max-width: 480px;
    height: 900px;
}

.container[b-ybvw9tlyte]{
    height: calc(100vh - 300px);
    min-height: 930px;
}

[b-ybvw9tlyte] .mud-input-control.mud-input-error.mud-input-control-boolean-input{
    white-space: inherit;
}

[b-ybvw9tlyte] .mud-input-control.mud-input-error.mud-input-control-boolean-input .mud-typography.mud-typography-body2{
    color: var(--black-100);
}
/* /Pages/Registration/PhoneNumberVerification/EnterMobilePhone.razor.rz.scp.css */
[b-am5iwrnsmp] .mobile-phone-container{
    max-width: 432px;
    width: 100%;
}

.page-container[b-am5iwrnsmp]{
    height: calc(100vh - 300px);
    min-height: 748px;
}
/* /Pages/Registration/PhoneNumberVerification/EnterSmsCode.razor.rz.scp.css */
.page-container[b-d4tvk046gn]{
    height: calc(100vh - 245px);
    min-height: 649px;
}
/* /Pages/Registration/Register.razor.rz.scp.css */
@media (max-width: 600px) {
    [b-x7656crl1t] .mud-typography-h5 {
        font-size: var(--mud-typography-h6-size);
        font-family: var(--mud-typography-h6-family);
        font-weight: var(--mud-typography-h6-weight);
        line-height: var(--mud-typography-h6-lineheight);
        letter-spacing: var(--mud-typography-h6-letterspacing);
        text-transform: var(--mud-typography-h6-text-transform);
    }

}

[b-x7656crl1t] .main-container{
    max-width: 432px;
    min-height: 470px;
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
}

.page-container[b-x7656crl1t]{
    height: calc(100vh - 290px);
    min-height : 500px;
}

[b-x7656crl1t] .content-wrapper {
    width: 90vw;
}
/* /Pages/ResetPassword/NewPassword.razor.rz.scp.css */
.form-wrapper-enter-password[b-u231v3yogw] {
    padding: 48px 24px;
    width:350px;
}

.form-wrapper-success[b-u231v3yogw]{
    width:450px;
}
[b-u231v3yogw] .new-password-form {
    max-width: 480px;
}

[b-u231v3yogw] .action-button {
    width: 432px;
}

@media (max-width: 600px) {
    
    [b-u231v3yogw] .mud-typography-h1 {
        font-size: var(--mud-typography-h2-size);
        line-height: var(--mud-typography-h2-lineheight);
        font-weight: var(--mud-typography-h2-weight);
        letter-spacing: var(--mud-typography-h2-letterspacing);
    }

    [b-u231v3yogw] .action-button {
        width: unset;
    }
}

/* /Pages/ResetPassword/ResetPassword.razor.rz.scp.css */
.d-inline-children[b-smbcdz26vt] >  * {
    display: inline;
}

.form-wrapper[b-smbcdz26vt] {
    padding: 48px 24px;
}

[b-smbcdz26vt] .reset-password-form {
    max-width: 480px;
}

[b-smbcdz26vt] .action-button {
    width: 432px;
}

@media (max-width: 600px) {
    :: deep .mud-typography-h1[b-smbcdz26vt] {
        font-size: var(--mud-typography-h2-size);
        line-height: var(--mud-typography-h2-lineheight);
        font-weight: var(--mud-typography-h2-weight);
        letter-spacing: var(--mud-typography-h2-letterspacing);
    }

    [b-smbcdz26vt] .action-button {
        width: unset;
    }
}

/* /Pages/SmsLogin/SmsLogin.razor.rz.scp.css */
[b-l49liyps8p] .mobile-phone-container {
    max-width: 432px;
    width: 100%;
}

.page-container[b-l49liyps8p] {
    height: calc(100vh - 300px);
    min-height: 748px;
}
/* /Pages/Support/Support.razor.rz.scp.css */
[b-ysdmvbzoj7] .radio-button-group button {
    position: relative;
    z-index: 1;
    width: 50%;
    border-radius: 8px;
    font-weight: normal;
}

[b-ysdmvbzoj7] .radio-button-group button.active,
[b-ysdmvbzoj7] .mud-button.active {
    z-index: 2;
    border-color: var(--mud-palette-primary) !important;
    background-color: var(--mud-palette-primary-hover);
    color: var(--mud-palette-black);
    font-weight: bold;
}

[b-ysdmvbzoj7] .mud-input-slot.mud-input-root.mud-input-root-outlined.mud-input-root-adorned-end.mud-select-input {
    padding-top: 12px;
    padding-bottom: 24px;
    padding-left: 20px;
}

[b-ysdmvbzoj7] .contact-avatar {
    width: 32px;
    height: 32px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.014px;
}
/* /Pages/Support/UnregisteredSupport.razor.rz.scp.css */
[b-74wwzaxg5v] #recaptcha_container + br{
    display: none;
}

@media (max-width: 600px) {
    [b-74wwzaxg5v] #recaptcha_container {
        position: relative;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    [b-74wwzaxg5v] #recaptcha_container > div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    [b-74wwzaxg5v] .recaptcha-error {
        margin-top: 20px;
    }
    [b-74wwzaxg5v] .mud-input-helper-text.mud-input-error {
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
    }
}
/* /Shared/Components/AttachmentItem.razor.rz.scp.css */
[b-6nrmhc0hzc].attachment-item{
    height: 40px;
    margin: 8px 0px;
    padding: 8px;
    gap: 8px;
    border-radius: 8px;
    background: var(--black-20);
}

[b-6nrmhc0hzc] .attachment-item-icon{
    color: #E7950C;
    margin: 2.5px 4.5px 2.5px 4.5px;
}

[b-6nrmhc0hzc] .attachment-item-filename{
    min-width:170px;
    max-width:400px;
}

[b-6nrmhc0hzc] .attachment-item-remove
{
    height:32px;
    width: 32px;
    margin-left: auto;
}

[b-6nrmhc0hzc] .file-name{
    width: 100%;
}

@media (max-width: 600px){
    [b-6nrmhc0hzc] .file-name{
        max-width:135px;
    }
}

@media (max-width: 400px){
    [b-6nrmhc0hzc] .file-name{
        max-width:100px;
    }

    [b-6nrmhc0hzc] .attachment-item-filename{
        min-width:100px;
    }
}
/* /Shared/Components/FancyLoadingIndicator.razor.rz.scp.css */
[b-puj6scdv0z] .progress-indicator svg {
    color: #00926a;
}
/* /Shared/Components/InfoMessageBanner.razor.rz.scp.css */
.info-message-banner[b-v42nvtesvu] {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    background: #F4F4F4;
    color: #1D2020;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.097px;
}
/* /Shared/Components/LayoutSwitcher.razor.rz.scp.css */
.switcher-container[b-wopgffl041]{
    width: 124px;
    height: 44px;
    background-color: var(--black-30);
    border-radius: 5px;
}

[b-wopgffl041] .switcher{
    height: 40px;
    width: 60px;
    border-radius: 5px;
}

[b-wopgffl041] .switcher-active{
    background-color: #FFFFFF;
}

[b-wopgffl041] .switcher-icon{
    width:18px;
    height:18px;
}
/* /Shared/Components/Payment/AmountBox.razor.rz.scp.css */
[b-iuh1ujbad1] .thresholds {
    line-height: 18px;
}

[b-iuh1ujbad1] .mud-error-text:empty {
    display: none;
}
/* /Shared/Components/Payment/AmountInput.razor.rz.scp.css */
.amount-input[b-d884wbqx79] {
    position: relative;
}

.amount-input input[b-d884wbqx79],
.amount-input input[b-d884wbqx79]::placeholder,
.amount-input .calc[b-d884wbqx79]{
    font-family: var(--mud-typography-h1-family);
    font-weight: var(--mud-typography-h1-weight);
    line-height: 78px;
    font-size: 64px;
}

.amount-input .calc[b-d884wbqx79] {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    opacity: 0;
}

.amount-input input[b-d884wbqx79] {
    position: relative;
    /*display: inline-block;*/
    z-index: 1;
}

.amount-input input[b-d884wbqx79] {
    outline: none;
    width: 100%;
}
.amount-input input[b-d884wbqx79]::placeholder {
    color: var(--black-30);
}

.amount-input .currency[b-d884wbqx79] {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 40px;
    display: flex;
    align-items: end;
    height: 78px;
}

.amount-input .currency span[b-d884wbqx79] {
    color: #1D2020;
    font-family: var(--mud-typography-h1-family);
    font-weight: var(--mud-typography-h1-weight);
    font-size: 24px;
    line-height: 50px;
    padding-left: 6px;
}
/* /Shared/Components/Payment/AutoTopUpLabel.razor.rz.scp.css */
.top-up-label[b-hrjmq7edq6] {
    height: 22px;
    background-color: #E3FCEC;
    color: #487C59;
    gap: 5px;
    padding: 2px 8px 2px 8px;
    border-radius: 5px;
}

[b-hrjmq7edq6] .top-up-label .mud-svg-icon {
    padding-top: 4px;
}

.top-up-check-icon[b-hrjmq7edq6] {
    color: #487C59;
    margin-top: 1px;
}
/* /Shared/Components/Payment/DetailsBox.razor.rz.scp.css */

[b-3xocfjo9md] .email-field{
    margin-top: 10px;
    margin-left: 25px;
    width: 80%;
}

[b-3xocfjo9md] .info-label {
    height: 3em;
    gap: 16px;
}

[b-3xocfjo9md] .text-right {
    text-align: right;
}

[b-3xocfjo9md] .container {
    background-color: var(--black-10);
}
/* /Shared/Components/Payment/MoneyTransferForm.razor.rz.scp.css */
[b-ps6jx7vpf7] .spinner {
    font-size: 5em;
    position: absolute;
    right: 10px;
}

[b-ps6jx7vpf7] .payment-form-container {
    flex-direction: row;
    justify-content: center;
    align-items: start;
    gap: 40px;
    padding: 0 48px 48px;
}

[b-ps6jx7vpf7] .payment-form-left-column {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 16px;
}

[b-ps6jx7vpf7] .payment-form-item
{
    width: 50%;
    max-width: 812px;
}

@media (max-width: 1920px) {
    [b-ps6jx7vpf7] .payment-form-item
    {
        max-width: unset;
    }
}

@media (max-width: 1280px) {

    [b-ps6jx7vpf7] .payment-form-container {
        flex-direction: column;
    }
    
    [b-ps6jx7vpf7] .payment-form-item
    {
        max-width: unset;
        width: 100%;
    }
}

@media (max-width: 960px) {
    [b-ps6jx7vpf7] .payment-form-container{
        padding: 0 32px 32px;
    }
    
    [b-ps6jx7vpf7] .mud-card-content {
        padding: 40px !important;
    }
}

@media (max-width: 600px) {
    [b-ps6jx7vpf7] .payment-form-container {
        padding: 0 12px 12px;
    }

    [b-ps6jx7vpf7] .mud-card-content {
        padding: 24px !important;
    }

    [b-ps6jx7vpf7] h5.mud-typography {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        margin-bottom: 10px;
    }
}

/* /Shared/Components/Payment/PaymentTypeBox.razor.rz.scp.css */
[b-cedm6645fe] .payment-type button {
    position: relative;
    z-index: 1;
    width: 50%;
    border-radius: 8px;
    font-weight: normal;
    padding: 16px 32px;
}

[b-cedm6645fe] .payment-type button.active {
    z-index: 2;
    border: 1px solid var(--mud-palette-primary) !important;
    background-color: rgba(163, 214, 242, 0.10);
    color: var(--mud-palette-black);
    font-weight: bold;
}

[b-cedm6645fe] .billing-start-date-picker button{
    padding: 0 !important;
}
[b-cedm6645fe] .billing-start-date-picker input {
    padding-top: 16px;
    padding-bottom: 16px;
}

[b-cedm6645fe] .payment-cycle-selector .mud-select-input div.mud-select-input {
    padding-top: 16px;
    padding-bottom: 16px;
}
/* /Shared/Components/Registration/PhoneCodeSelector.razor.rz.scp.css */
[b-o7gt4nldlz] .selector-image {
    height: 24px;
    width: 24px;
}
/* /Shared/Components/Registration/PhoneCodeVerification.razor.rz.scp.css */
[b-08rfy49bt2] .center-text input {
    padding: 8px 0 8px 0;
    width: 56px;
    height: 40px;
    text-align: center;
    color: var(--Black-80);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.305px;
}

.mud-input-outlined-border[b-08rfy49bt2] {
    border-radius: 4px;
}
/* /Shared/Components/Registration/RegistrationProgressTab.razor.rz.scp.css */
[b-23xdf06ws6] .stepper-mobile {
    padding-top: 24px;
    padding-bottom: 16px;
}

[b-23xdf06ws6] .stepper-desktop{
    padding: 20px 32px 20px 32px;
}
/* /Shared/Components/Stepper.razor.rz.scp.css */
[b-6swrkp76vs] .step {
    color: var(--black-70);
}

[b-6swrkp76vs] .step.current {
    color: var(--black-100);
}

[b-6swrkp76vs] .step.completed svg {
    color: var(--black-50);
}

[b-6swrkp76vs] .step-icon {
    display: flex !important;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 22px;
    border: 1px solid var(--black-70);
}

[b-6swrkp76vs] .completed .step-icon {
    background-color: #d9d9d9;
    color: #fff;
    border: none;
}

[b-6swrkp76vs] .current .step-icon {
    background-color: var(--secondary-darken);
    color: #fff;
    border: none;
}
@media (max-width: 600px) {
    [b-6swrkp76vs] .stepper-margin-sm{
        margin-left: -24px;
    }
}

@media  (max-width: 600px) {
    .stepper-desktop[b-6swrkp76vs]{
        display: none !important;
    }

    .stepper-mobile[b-6swrkp76vs]{
        display: block !important;
    }
}

@media (min-width: 600px) {
    .stepper-desktop[b-6swrkp76vs]{
        display: block !important;
    }

    .stepper-mobile[b-6swrkp76vs]{
        display: none !important;
    }
}

.stepper-mobile-progress[b-6swrkp76vs] {
    display: flex;
    align-items: center;
    position: relative;
    
}
/* /Shared/Components/Support/SupportFileUpload.razor.rz.scp.css */
.drop-zone-default[b-b8j8psf58k]{
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%236C6C6CFF' stroke-width='1' stroke-dasharray='6%2c 6' stroke-dashoffset='22' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 8px;
}

.drop-zone-dragging[b-b8j8psf58k] {
    border-radius: 8px;
    background-color: #CEF1F733 !important;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%230C5EE7FF' stroke-width='1' stroke-dasharray='6' stroke-dashoffset='6' stroke-linecap='round'/%3e%3c/svg%3e");
}

[b-b8j8psf58k] .upload-icon-wrapper{
    background: #FFFFFF;
    border-radius: 32px;
    width: 68px;
    height: 68px;
}

[b-b8j8psf58k] .upload-icon{
    color: var(--secondary-darken);
    width: 40px;
    height: 40px;
}

.upload-drop-zone[b-b8j8psf58k]{
    min-height: 225px;
    background-color: #DADAF333;
}

.drop-zone-content[b-b8j8psf58k]{
    gap:16px;
    margin: 8px;
}
/* /Shared/Components/Voicemail/ApprovedLabel.razor.rz.scp.css */
[b-pvwx2swray].approved-label {
    display: flex;
    background-color: #E3FCEC;
    color: #487C59;
    padding: 2px 4px 2px 4px;
    border-radius: 5px;
}

[b-pvwx2swray].approved-label .mud-svg-icon {
    padding-top: 4px;
}

[b-pvwx2swray] .approved-check-icon {
    color: #487C59;
}
/* /Shared/Components/Voicemail/RejectedLabel.razor.rz.scp.css */
[b-75wo7kr5ak].rejected-label {
    display: flex;
    background-color: #FFEEF0;
    color: #CC071E;
    padding: 2px 4px 2px 4px;
    border-radius: 5px;
}

[b-75wo7kr5ak].rejected-label .mud-svg-icon {
    padding-top: 4px;
}

[b-75wo7kr5ak] .rejected-check-icon {
    color: #CC071E;
}

/* /Shared/Components/Voicemail/UnderViewLabel.razor.rz.scp.css */
[b-4b6ob6n6vw].review-label {
    display: flex;
    background-color: var(--black-30);
    color: var(--black-90);
    padding: 2px 4px 2px 4px;
    border-radius: 5px;
}

[b-4b6ob6n6vw].review-label .mud-svg-icon {
    padding: 1px;
}

[b-4b6ob6n6vw] .review-check-icon {
    color: var(--black-90);
}
/* /Shared/Components/Wallet/BalanceHistoryIcon.razor.rz.scp.css */
.balance-history-icon-container[b-nd7farebv3]{
    width: 48px !important;
    min-width: 48px;
    height: 48px !important;
    min-height: 48px;
}

@media (max-width: 600px) {
    .balance-history-icon-container[b-nd7farebv3]{
        min-width: 32px;
        min-height: 32px;
        width: 32px !important;
        height: 32px !important;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.content[b-smpvi48jj3] {
    min-height: 100svh;
    padding-bottom: 0px;
}

.content.with-footer[b-smpvi48jj3] {
    min-height: calc(100svh - var(--footer-height) - 1px);
    padding-bottom: 112px;
}

.content.with-footer.no-footer-padding[b-smpvi48jj3] {
    padding-bottom: 0;
}

.content.long[b-smpvi48jj3] {
    min-height: 120svh !important;
}

.content.with-header[b-smpvi48jj3] {
    padding-top: var(--mud-appbar-total-height);
}

@media (max-width: 960px) {
    .content.with-header[b-smpvi48jj3] {
        padding-top: calc(var(--mud-appbar-total-height) - 22px);
        padding-bottom: 0;
    }

    .content[b-smpvi48jj3]{
        padding-bottom: 0;
    }
}

@media (max-width: 600px) {
    .content[b-smpvi48jj3] {
        padding-bottom: 0;
    }
}

.content.fixed-full-height[b-smpvi48jj3] {
    height: 100svh;
    overflow: auto;
}
.content.centered[b-smpvi48jj3] {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media  (max-width: 960px) {
    .desktop_header[b-smpvi48jj3]{
        display: none;
    }

    .mobile_header[b-smpvi48jj3]{
        display: block;
    }
}

@media (min-width: 960px) {
    .desktop_header[b-smpvi48jj3]{
        display: block;
    }

    .mobile_header[b-smpvi48jj3]{
        display: none;
    }
}

[b-smpvi48jj3] .app-bar{
    padding-left: 22px;
    padding-right: 22px;
}

.error-text[b-smpvi48jj3] {
    max-width: 75vw;
}
/* /Shared/NavMenu/MobileAccountSubmenu.razor.rz.scp.css */
.mobile-menu[b-hdvpkcv91u] {
    height: 384px;
    position: absolute;
    z-index: 9999999998;
    width: 320px;

    top: 52px;
    right: -22px;
    
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition-timing-function: ease-out;
    transition: 0.15s;
    display: none;
}

.mobile-account-submenu-header[b-hdvpkcv91u] {
    height: 72px;
    width: 265px;
    margin-left: 36px;
    margin-right: 24px;
}

.mobile-account-submenu-item[b-hdvpkcv91u]{
    height: 48px;
    width: 265px;
    margin-left: 36px;
    margin-right: 24px;
}

@media (min-width: 600px) and (max-width: 960px) {
    .mobile-menu[b-hdvpkcv91u] {
        width: 384px;
    }

    .mobile-account-submenu-header[b-hdvpkcv91u] {
        width: 328px;
    }

    .mobile-account-submenu-item[b-hdvpkcv91u]{
        width: 328px;
    }
}

.menu-icon[b-hdvpkcv91u]{
    width:24px;
    height: 24px;
    padding: 2px;
}

.menu-opened[b-hdvpkcv91u] {
    transition: 0.4s !important;
    transform: none !important;
    display: flex;
}

.mobile-account-submenu-backtext[b-hdvpkcv91u] {
    color: var(--black-100) !important;
    flex: 1;
}

.menu-separator[b-hdvpkcv91u] {
    border-top: 1px solid var(--black-50);
}
/* /Shared/NavMenu/MobileMenu.razor.rz.scp.css */
.mobile-menu[b-3gozqg6zbz] {
    height: 100svh;
    position: absolute;
    z-index: 999999999;
    width: 320px;

    top: -8px;
    right: -22px;
   
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition-timing-function: ease-out;
    transition: 0.15s;
    justify-content: stretch;
}

.mobile-second-level-menu-item[b-3gozqg6zbz] {
    width: 288px;
    height: 64px;
    padding: 12px 16px 12px 16px;
    border-radius: 16px;
    gap: 16px;
    background: var(--black-10);
    margin-left: 16px;
    margin-right: 16px;
}

@media (min-width: 600px) and (max-width: 960px) {
    .mobile-menu[b-3gozqg6zbz] {
        width: 384px;
    }

    .mobile-second-level-menu-item[b-3gozqg6zbz] {
        width: 344px;
    }
}

.menu-opened[b-3gozqg6zbz] {
    transition: 0.4s !important;
    transform: none !important;
    display: flex;
}

.mobile-menu-item[b-3gozqg6zbz] {
    height: 54px;
    padding: 16px 32px 16px 32px;
}

.mobile-menu-close[b-3gozqg6zbz] {
    margin-top: 8px;
    margin-right: 22px !important;
}

.mobile-active-item[b-3gozqg6zbz] {
    border-left: 4px solid var(--mud-palette-primary)
}

[b-3gozqg6zbz] .mobile-second-level-menu-item-text {
    flex: 1;
}

.mobile-menu-icon-container[b-3gozqg6zbz] {
    background: var(--black-20);
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

[b-3gozqg6zbz] .mobile-menu-icon {
    width: 40px;
    height: 40px;
    padding: 8px;
}

.mobile-menu-bottom-links[b-3gozqg6zbz] {
    min-height: 49px;
    gap: 12px;
    margin-left: 24px;
    margin-bottom: 24px;
    margin-right: 24px;
}

[b-3gozqg6zbz] .profile-icon{
    width:45px;
    height: 45px;
    padding: 3px
}
/* /Shared/NavMenu/MobileWalletsSubmenu.razor.rz.scp.css */
.mobile-menu[b-piv66u8q9a] {
    height: calc(100vh - 160px);
    position: absolute;
    z-index: 999999999;
    width: 320px;

    top: 52px;
    right: -22px;
    
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition-timing-function: ease-out;
    transition: 0.15s;
    display: none;
}

.wallet-balances-header[b-piv66u8q9a]{
    width: 240px;
    margin-left: 16px;
}

.mobile-wallets-submenu-header[b-piv66u8q9a] {
    height: 60px;
    width: 310px;
    padding-left: 24px;
}

@media (min-width: 600px) and (max-width: 960px) {
    .mobile-menu[b-piv66u8q9a] {
        width: 384px;
        height: calc(100vh - 120px);
    }

    .wallet-balances-header[b-piv66u8q9a]{
        width: 340px;
    }
    
    .mobile-wallets-submenu-header[b-piv66u8q9a]{
        width:368px;
    }
}

.menu-opened[b-piv66u8q9a] {
    transition: 0.4s !important;
    transform: none !important;
    display: flex;
}

[b-piv66u8q9a] .mobile-wallets-submenu-title {
    color: var(--black-100);
}

[b-piv66u8q9a] .mobile-wallets-submenu-subtitle {
    color: var(--black-80);
}

.wallets-container[b-piv66u8q9a] {
    overflow-y: scroll;
    overflow-x: hidden;
}

.wallet-item[b-piv66u8q9a] {
    width: 285px;
    padding: 12px 14px;
    border-radius: 16px;
    gap: 15px;
    background: var(--black-10);
    margin-left: 16px;
    margin-right: 16px;
}

.wallet-item-flag-container[b-piv66u8q9a] {
    width: 24px;
}

.wallet-item-content[b-piv66u8q9a] {
    width: 152px;
}

.wallet-item-top-up-button[b-piv66u8q9a] {
    width: 48px;
    height: 48px;
    border-radius: 24px;
}

@media (min-width: 600px) and (max-width: 960px) {
    .wallet-item[b-piv66u8q9a] {
        width: 352px;
    }

    .wallet-item-content[b-piv66u8q9a] {
        width: 217px;
    }
}

.wallets-arrow-back[b-piv66u8q9a]{
    width:48px; 
    height: 24px;
}