@import '../_content/Ska.GacsOnline.Client.Application/Ska.GacsOnline.Client.Application.jzn4pufmc2.bundle.scp.css';
@import '../_content/Ska.GacsOnline.Client.Employer/Ska.GacsOnline.Client.Employer.283mw07vgw.bundle.scp.css';
@import '../_content/Ska.GacsOnline.Client.Guest/Ska.GacsOnline.Client.Guest.hifmsgbwbi.bundle.scp.css';
@import '../_content/Ska.GacsOnline.Client.Shared/Ska.GacsOnline.Client.Shared.ou42ia1v8h.bundle.scp.css';

/* External/Pages/Account/Login.razor.rz.scp.css */
.login-container[b-6enj2wkn92] {
    height: calc(100vh - 40px);
    width: 100%;
}

    [b-6enj2wkn92] .shadow-div, .login-container .shadow-div[b-6enj2wkn92] {
        box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 4px 20px -2px rgba(50, 50, 71, 0.08);
        background: white;
    }

h5[b-6enj2wkn92] {
    color: var(--secondary-text-color)
}

[b-6enj2wkn92] .ant-form-item-control {
    margin-bottom: 1rem;
}

h1[b-6enj2wkn92] {
    margin-bottom: 8px;
}

@media screen and (max-width: 991px) {
    .login-container[b-6enj2wkn92] {
        height: 100%;
        width: 100%;
        margin-top: 10px;
    }
}

.login-container[b-6enj2wkn92]  .ant-spin-blur::after {
    opacity: 0;
}
/* External/Pages/Welcome.razor.rz.scp.css */
[b-4ai9zoeikx] .user-type-div, .user-type-div[b-4ai9zoeikx] {
    display: flex;
    justify-content: center;
    align-items: start;
    vertical-align: middle;
    margin-top: 50px;
    width: 100%;
}

h5[b-4ai9zoeikx] {
    color: var(--secondary-text-color)
}

[b-4ai9zoeikx] .user-type-avatar {
    padding: 5px;
}

[b-4ai9zoeikx] .ant-list-item-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    height: 100%;
}

[b-4ai9zoeikx] .user-type-list {
    background: #FFFFFF;
    margin: 15px 0px;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #f4f6f9;
    height: 155px;
    cursor: pointer;
    box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 4px 20px -2px rgba(50, 50, 71, 0.08);
}

    [b-4ai9zoeikx] .user-type-list:hover, [b-4ai9zoeikx] .user-type-list:focus, [b-4ai9zoeikx] .user-type-list-selected {
        background-color: #ecf3fe;
        border-width: 2px !important;
        border-color: var(--primary-color) !important;
        border-style: solid !important;
        transform: scale(1.04);
        transition: transform ease 0.5s;
    }

@media screen and (max-width: 768px) {
    [b-4ai9zoeikx] .user-type-div, .user-type-div[b-4ai9zoeikx] {
        margin-top: 0px;
        vertical-align: initial;
    }
}


[b-4ai9zoeikx] .guide-button {
    color: white;
    border: 1px solid white;
    box-shadow: 0px 7px 20px 0px rgb(223 206 206 / 46%);
}

    [b-4ai9zoeikx] .guide-button:hover {
        color: white;
        box-shadow: 0px 0px 20px 4px rgb(223 206 206 / 50%);
        transform: scale(1.1);
        border: 1px solid white;
    }