.login-page-background {
    /*background: url('/static/assets/img/login-bg.svg') no-repeat center center fixed;*/
    background-size: cover;
}
.dropdown-menu {
    min-width: 150px; /* 设置下拉菜单的最小宽度 */
    padding: 10px; /* 增加一些内边距 */
}

.dropdown-item {
    white-space: normal; /* 确保文本不会溢出 */
}
.alert-success {
    background-color: #dff0d8; /* 浅绿色背景 */
    color: #3c763d; /* 较深的绿色文字 */
    border-color: #d6e9c6;
}

/* 自定义样式.css */
.alert-success-order {
    color: #28a745; /* 更深的颜色以提高对比度 */
    background-color: #f2f2f2; /* 保持淡色背景，如果需要 */
    border-color: #b8daff; /* 可选，根据需要调整边框颜色 */
}

.custom-btn {
        width: 200px; /* 设置按钮宽度为200px */
        text-align: center; /* 文字居中 */
    }

.nav-link{
    cursor: pointer;
}

.btn-custom-green {
    background-color: #117a8b; /* 绿色 */
    color:#fff;
}

.btn-custom-green:hover {
    background-color: #138a96; /* 鼠标悬停时的颜色 */
    color: #fff;
}

.btn-custom-gray {
    background-color: #6c757d; /* 浅灰色 */
    border-color: #6c757d;
}

.btn-custom-gray:hover {
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-custom-lightgreen {
    background-color: #48a9a6; /* 淡绿色 */
    color: #fff;
}

.btn-custom-lightgreen:hover {
    background-color: #5ab4b9; /* 鼠标悬停时的颜色，比原背景色稍亮 */
    color: #fff;
}

.btn-custom-lightgreenlook{
    background-color: #48a9a6; /* 淡绿色 */
    color: #fff;
}

.btn-custom-lightgreenlook:hover {
    background-color: #5ab4b9; /* 鼠标悬停时的颜色，比原背景色稍亮 */
    color: #fff;
}
.btn-custom-lightgreendown{
    background-color: #48a9a6; /* 淡绿色 */
    color: #fff;
}

.btn-custom-lightgreendown:hover {
    background-color: #5ab4b9; /* 鼠标悬停时的颜色，比原背景色稍亮 */
    color: #fff;
}


.bg-lightgray {
    background-color: #ebebeb !important; /* Bootstrap的淡灰色背景 */
    color: #333 !important; /* 深色文字，确保对比度和可读性 */
}

.active-nav-item {
    position: relative; /* 为箭头定位做准备 */
}

.active-nav-item::before { /* 使用 ::before 伪元素来在元素前面创建箭头 */
    content: '';
    position: absolute;
    top: 50%;
    right: -10px; /* 将箭头定位到元素的左侧外部 */
    border-width: 5px;
    border-style: solid;
    border-color: transparent #007bff transparent transparent; /* 调整箭头颜色和方向 */
    transform: translateY(-50%);
}
.active{
   background-color:#f5f2f2;
}

.password-reset-form-container {
    max-width: 400px; /* 设置表单的最大宽度 */
    margin: 0 auto;   /* 上下保持原样，左右自动调整以居中 */
    padding: 20px;    /* 添加一些内边距 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加一个轻微的阴影 */
    background-color: #fff; /* 背景色 */
    border-radius: 8px; /* 圆角 */
}

.password-reset-form-container form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.password-reset-form-container .form-group {
    width: 100%; /* 输入组宽度 */
    margin-bottom: 15px; /* 输入组之间的间隔 */
}

.password-reset-form-container .form-control {
    width: 90%; /* 输入框宽度 */
    margin: 0 auto; /* 输入框居中 */
}


.callout h5 {
    font-size: 18px; /* 增加 h5 元素的字体大小 */
    color: #333; /* 设置字体颜色 */
}

.callout h5 a {
    color: #007bff; /* 链接的默认颜色 */
    text-decoration: none; /* 移除下划线 */
}

.callout h5 a:hover {
    color: #0056b3; /* 鼠标悬停时链接的颜色 */
    text-decoration: underline; /* 鼠标悬停时添加下划线 */
}

.copy-btn{
    font-size: 12px; /* 调整图标的大小 */
}
.copy-btn i {
    font-size: 12px; /* 调整图标的大小 */
}

.underline {
  text-decoration: underline;
  color:blue;
cursor: pointer;
}