@import '_content/Multibanking.UI.Components/Multibanking.UI.Components.mqc9y3x9kd.bundle.scp.css';
@import '_content/Multibanking.UI/Multibanking.UI.jippwt2ahg.bundle.scp.css';

/* /Layouts/MoitePariLayout.razor.rz.scp.css */
.moite-smetki[b-svhsg48z0g]{
    padding:10px;
}
.layout[b-svhsg48z0g] {
    min-height: 100vh;
    position: relative;
    background: repeating-linear-gradient(150deg, white, white, #faeef5, #d5b2c7);
}
    .layout a[b-svhsg48z0g] ,.layout button[b-svhsg48z0g] {
        text-wrap: nowrap;
    }
    .layout .header[b-svhsg48z0g] {
        background-color: #fff;
        border-bottom: 1px solid #981d6830;
        position: relative;
        display: flex;
        flex-flow: column;
        gap: 15px;
        padding: 15px;
    }

        .layout .header .logos[b-svhsg48z0g],
        .layout .header .menu-user[b-svhsg48z0g],
        .layout .header .menu[b-svhsg48z0g] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
        }

        .layout .header .menu[b-svhsg48z0g] {
            gap: 15px;
            flex-flow: row wrap;
            justify-content: space-evenly
        }

            .layout .header .menu a[b-svhsg48z0g],
            .layout .header .menu button.exit[b-svhsg48z0g] {
                display: flex;
                flex-flow: row nowrap;
                justify-content: center;
                align-items: center;
                width: 100%;
                padding: 5px 15px;
                transition: all linear 0.3s;
                border-radius: 22px;
                font-size: 20px;
                color: #616161;
                font-weight: bold;
                text-align: center;
                flex: 1 10%;
                max-width: 12%;
                min-width: 130px;
            }

                .layout .header .menu a:hover[b-svhsg48z0g],
                .layout .header .menu button.exit:hover[b-svhsg48z0g] {
                    color: #981d68;
                }

        .layout .header a.is-active[b-svhsg48z0g] {
            background-color: #981d68;
            color: #fff
        }

            .layout .header a.is-active:hover[b-svhsg48z0g] {
                background-color: #981d68;
                color: #fff;
            }

    .layout .body .sidebar a.is-active svg[b-svhsg48z0g] {
        fill: #fff;
    }

    .layout .header .menu-user[b-svhsg48z0g] {
        position: relative;
    }

        .layout .header .menu-user .user-exit[b-svhsg48z0g] {
            display: flex;
            flex-flow: row nowrap;
            justify-content: flex-end;
            align-items: center;
            gap: 10px;
            cursor: pointer;
        }

        .layout .header .menu-user.mobile[b-svhsg48z0g] {
            display: none;
        }

        .layout .header .menu-user .user-exit span[b-svhsg48z0g] {
            color: #981d68;
            font-size: 16px;
            transition: all linear 0.3s;
        }

        .layout .header .menu-user .user-exit *[b-svhsg48z0g] {
            fill: #981d68;
            transition: all linear 0.3s;
        }

        .layout .header .menu-user .user-exit.visible-tooltip span[b-svhsg48z0g] {
            color: #616161;
        }

        .layout .header .menu-user .user-exit.visible-tooltip *[b-svhsg48z0g] {
            fill: #616161
        }

        .layout .header .menu-user .tooltip[b-svhsg48z0g] {
            position: absolute;
            top: 122%;
            right: -5px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 15px 30px;
            background-color: #f5f5f5;
            gap: 5px;
            border-radius: 5px;
            box-shadow: 3px 2px 16px -1px rgba(145,145,145,0.8);
            visibility: hidden;
            opacity: 0;
            transition: all linear 0.3s;
            z-index: 9999;
        }

            .layout .header .menu-user .tooltip.visible-tooltip[b-svhsg48z0g] {
                opacity: 100;
                visibility: visible;
            }

            .layout .header .menu-user .tooltip .angle[b-svhsg48z0g] {
                background-color: #f5f5f5;
                width: 15px;
                height: 15px;
                min-width: 15px;
                min-height: 15px;
                position: absolute;
                top: -7px;
                right: 8px;
                transform: rotate(45deg);
                transition: all linear 0.3s;
            }

            .layout .header .menu-user .tooltip *[b-svhsg48z0g] {
                fill: #616161;
                transition: all linear 0.3s;
                min-width: 25px;
            }

            .layout .header .menu-user .tooltip span[b-svhsg48z0g] {
                color: #616161;
                transition: all linear 0.3s;
                font-size: 18px;
            }

            .layout .header .menu-user .tooltip:hover *[b-svhsg48z0g] {
                fill: #fff;
            }

            .layout .header .menu-user .tooltip:hover span[b-svhsg48z0g] {
                color: #fff;
            }

    .layout .content[b-svhsg48z0g] {
        min-height: calc(100vh - 145px);
        padding: 15px;
        display: flex;
        justify-content: center;
    }

    .layout .menu[b-svhsg48z0g] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .layout .menu .user[b-svhsg48z0g] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

    .layout .header .menu-button[b-svhsg48z0g] {
        position: relative;
        height: 18px;
        width: 30px;
    }

        .layout .header .menu-button > div[b-svhsg48z0g] {
            height: 1.5px;
            background-color: #781952;
            width: 25px;
            transition: all linear 0.2s;
            position: absolute;
        }

        .layout .header .menu-button .first[b-svhsg48z0g] {
            top: 0;
            transform-origin: 95%;
        }

        .layout .header .menu-button .second[b-svhsg48z0g] {
            top: 8px;
            opacity: 100;
        }

        .layout .header .menu-button .third[b-svhsg48z0g] {
            bottom: 0;
            transform-origin: 95%;
        }

        .layout .header .menu-button.opened .first[b-svhsg48z0g] {
            transform: rotate(-45deg);
        }

        .layout .header .menu-button.opened .second[b-svhsg48z0g] {
            opacity: 0;
        }

        .layout .header .menu-button.opened .third[b-svhsg48z0g] {
            transform: rotate(45deg);
        }

    .layout .menu-dropdown[b-svhsg48z0g] {
        position: absolute;
        left: 0;
        right: 0;
        top: 133px;
        bottom: 100%;
        overflow: auto;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        background-color: #fff;
        z-index: 999;
        margin-top: 1px;
        background-color: rgba(210,210,210, 0.85);
        transition: all linear 0.3s;
    }

        .layout .menu-dropdown > div[b-svhsg48z0g] {
            border: 1px solid #981d68;
            transition: all linear 0.2s;
            background-color: #f4e7e6;
            display: flex;
            flex-flow: column;
            justify-content: flex-start;
            align-items: flex-start;
            overflow: auto;
            border-radius: 10px;
        }

        .layout .menu-dropdown.opened[b-svhsg48z0g] {
            opacity: 1;
            visibility: visible;
            bottom: 0;
        }

        .layout .menu-dropdown div a[b-svhsg48z0g] {
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
            padding: 8px 15px;
            border-bottom: 1px solid #981d68;
            width: 100%;
        }

            .layout .menu-dropdown div a.is-active[b-svhsg48z0g] {
                background-color: #981d68;
            }

                .layout .menu-dropdown div a.is-active span[b-svhsg48z0g] {
                    color: #fff;
                }

                .layout .menu-dropdown div a.is-active svg[b-svhsg48z0g] {
                    fill: #fff;
                }

            .layout .menu-dropdown div a:last-child[b-svhsg48z0g] {
                border-bottom: 0;
            }

            .layout .menu-dropdown div a span[b-svhsg48z0g] {
                color: #981d68;
                font-size: 24px;
            }

            .layout .menu-dropdown div a svg[b-svhsg48z0g] {
                fill: #981d68;
            }

            .layout .menu-dropdown div a:hover span[b-svhsg48z0g] {
                color: #fff;
            }

            .layout .menu-dropdown div a:hover svg[b-svhsg48z0g] {
                fill: #fff;
            }

.profile-submenu[b-svhsg48z0g] {
    cursor: pointer;
}

    .profile-submenu:hover[b-svhsg48z0g] {
        color: #981d68;
    }

    .profile-submenu .profile-link[b-svhsg48z0g] {
        position: relative;
        min-width: 185px;
        padding: 5px;
        font-size: 18px;
        display: flex;
        justify-content: space-evenly;
    }

    .profile-submenu .profile-link-options[b-svhsg48z0g] {
        position: absolute;
        top: 35.74px;
        left: 0;
        right: 0;
        border: 1px solid #981d68;
        border-top: 0 none;
        border-radius: 15px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        display: none;
        z-index: 10;
        background-color: white;
    }

    .profile-submenu .profile-link:hover .profile-link-options[b-svhsg48z0g] {
        display: initial;
    }

    .profile-submenu .profile-link-options button.exit[b-svhsg48z0g] {
        max-width: 100%;
        width: 100%;
    }
@media only screen and (max-width: 1400px) {
    .layout .header .menu[b-svhsg48z0g] {
        gap: 10px;
    }

        .layout .header .menu a[b-svhsg48z0g],
        .layout .header .menu button.exit[b-svhsg48z0g] {
            font-size: 18px;
            padding: 5px;
        }
}
/*.layout .header .logos .moite-smetki-logo h1 {
    margin-top: 30px;
}*/

    .layout .header .logos .moite-smetki-logo h1 span:nth-child(1)[b-svhsg48z0g] {
        color: #006398;
    }

    .layout .header .logos .moite-smetki-logo h1 span:nth-child(2)[b-svhsg48z0g] {
        color: #982069;
    }

    .layout .header .logos .moite-smetki-logo h1 span + span[b-svhsg48z0g] {
        margin-left: 10px;
    }
@media only screen and (max-width: 900px) {
    .layout .header .menu.desktop[b-svhsg48z0g] {
        display: none;
    }

    .layout .header .menu-user.mobile[b-svhsg48z0g] {
        display: flex;
    }

    .layout .header .logos .moite-smetki-logo[b-svhsg48z0g],
    .layout .header .logos .moite-pari-logo[b-svhsg48z0g],
    .layout .header .logos .creditland-logo[b-svhsg48z0g] {
        height: 50px;
        width: auto
    }

    .layout .header .logos[b-svhsg48z0g] {
        padding-bottom: 15px;
        border-bottom: 1px solid #981d6830;
    }

    .layout .content[b-svhsg48z0g] {
        min-height: calc(100vh - 135px);
    }
}

@media only screen and (max-width: 475px) {
    .layout .header .logos .moite-pari-logo[b-svhsg48z0g],
      .layout .header .logos .creditland-logo[b-svhsg48z0g] {
        height: 38px;
        width: auto
    }
    .layout .header .logos .moite-smetki-logo[b-svhsg48z0g] {
        height: inherit;
    }
    .layout .header .logos .moite-smetki-logo h1[b-svhsg48z0g] {
        font-size: 16px;
    }
        .layout .header .logos .moite-smetki-logo span+span[b-svhsg48z0g] {
           margin-left:5px;
        }
    .layout .menu-dropdown[b-svhsg48z0g] {
        left: 0;
        right: 0;
    }

    .layout .menu-dropdown[b-svhsg48z0g] {
        top: 140px;
    }
}