/* /Components/Layout/LayoutPreview.razor.rz.scp.css */
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.my_centered-container[b-4mtutawuve] {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    min-height: 100vh; /* 最小高度为100%的视口高度 */
    background-image: url('./images/login4.jpg'); /* 添加背景图片 */
    background-size: cover; /* 背景图片覆盖整个元素 */
    background-position: center; /* 背景图片居中显示 */
}


.my_login_container[b-4mtutawuve] {
    --login-max-width: 430px;
    --login-padding-x: 1.5rem;
    --login-padding-y: .75rem;
    --bs-border-radius: 25px;
    max-width: var(--login-max-width);
    margin: 0 auto;
    width: 100%;
    padding: var(--login-padding-y) var(--login-padding-x);
}


[b-4mtutawuve] h4 {
    margin-bottom: 1.5rem;
}

[b-4mtutawuve] .form-control {
    --bb-form-control-padding: var(--login-padding-y) var(--login-padding-x);
    font-size: .875rem;
    margin-bottom: 1rem;
}

[b-4mtutawuve] .btn {
    --bs-btn-padding-x: var(--login-padding-x);
    --bs-btn-padding-y: var(--login-padding-y);
    width: 100%;
    margin-bottom: 1rem;
}

[b-4mtutawuve] .btn:first-of-type {
    margin-bottom: 0;
}

[b-4mtutawuve] .form-check {
    padding: var(--login-padding-y) var(--login-padding-x);
    margin-bottom: 1rem;
}


.transparent-card[b-4mtutawuve] {
    background-color: rgba(255, 255, 255, 0.5); /* 这里的0.5可以调整，数值越小，透明度越高 */
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Pages/Online.razor.rz.scp.css */
[b-6y9es8jbny] .table-container {
    --bb-table-row-active-bg: rgba(var(--bb-primary-color-rgb), 0.8);
    --bb-table-row-hover-bg: rgba(var(--bb-primary-color-rgb), 0.8);
}

[b-6y9es8jbny] .table-container .table tr.active > td {
    color: #fff !important;
}

[b-6y9es8jbny] .table-container .table tr.active > td a {
    --bs-link-color-rgb: #fff;
}

[b-6y9es8jbny] .table-striped .table-row.active {
    background-color: var(--bb-table-row-active-bg);
}
/* /Components/WebPages/Login.razor.rz.scp.css */
/* 定义 .login-item-floating 类的样式 */
.login-item-floating[b-jietfo8t1g] {
    --login-padding-x: 1rem; /* 设置一个 CSS 变量，定义登录框的水平内边距为 1rem */
    --bs-border-radius: 10px; /* 设置一个 CSS 变量，定义边框圆角为 10px */
}

/* 定义 .login-item-floating 下的 .btn-primary（主按钮）的深层样式 */
.login-item-floating[b-jietfo8t1g]  .btn-primary {
    --bs-primary: #217D8D; /* 设置主题颜色为深蓝色 */
    --bs-btn-hover-bg: #217D8D; /* 设置按钮在鼠标悬停时的背景颜色为深蓝色 */
    --bs-btn-bg: var(--bs-primary); /* 设置按钮的背景颜色使用上面定义的主题颜色 */
    --bs-btn-border-color: var(--bs-primary); /* 设置按钮边框的颜色也使用主题颜色 */
    --bs-btn-disabled-bg: var(--bs-primary); /* 设置按钮在禁用状态下的背景颜色仍为主题颜色 */
    --bs-btn-disabled-border-color: var(--bs-primary); /* 设置按钮在禁用状态下的边框颜色也使用主题颜色 */
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg); /* 设置按钮在鼠标悬停时的边框颜色为悬停时的背景颜色 */
    --bs-btn-active-bg: var(--bs-btn-hover-bg); /* 设置按钮在激活（点击）状态下的背景颜色为悬停时的背景颜色 */
    --bs-btn-active-border-color: var(--bs-btn-hover-bg); /* 设置按钮在激活（点击）状态下的边框颜色为悬停时的背景颜色 */
}
/* /Components/WebPages/NotAuth.razor.rz.scp.css */
.my_not_centered-container[b-93axhhdr2z] {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100vh; /* 设置高度为视口的100% */
    width: 100vw; /* 设置宽度为视口的100% */
    margin: 0; /* 去除边距，确保元素充满整个视口 */
    padding: 0; /* 去除内边距 */
    background-size: cover; /* 背景图像覆盖整个元素 */
    background-position: center; /* 背景图像居中显示 */
}

.error[b-93axhhdr2z] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #ffffff;
    /* 如果需要，可以根据页面设计添加内边距 */
    padding: 20px;
}

h3[b-93axhhdr2z] {
    font-size: 1.28rem;
    font-weight: bold;
    margin: 1.125rem 0;
}

.bg[b-93axhhdr2z] {
    width: 458px;
    height: 215px;
    text-align: center;
}
/* /Components/WebPages/NotPayAuth.razor.rz.scp.css */
.my_notaut_not_centered-container[b-9f6k7tg9gp] {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100vh; /* 设置高度为视口的100% */
    width: 100vw; /* 设置宽度为视口的100% */
    margin: 0; /* 去除边距，确保元素充满整个视口 */
    padding: 0; /* 去除内边距 */
    background-size: cover; /* 背景图像覆盖整个元素 */
    background-position: center; /* 背景图像居中显示 */
}

.my_notaut_error[b-9f6k7tg9gp] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #ffffff;
    /* 如果需要，可以根据页面设计添加内边距 */
    padding: 20px;
}

.my_notaut_bg[b-9f6k7tg9gp] {
    width: 458px;
    height: 215px;
    text-align: center;
}

.my_notaut_h3[b-9f6k7tg9gp] {
    font-size: 1.28rem;
    font-weight: bold;
    margin: 1.125rem 0;
}