/* -------------------------------全局 样式调整开始----------------------------*/
body {
	line-height:1.1;
	font-size:14px;
}
body, h1, h2, h3, h4, h5, h6{
	font-family: "Microsoft YaHei","Arial","宋体","黑体",sans-serif;
}
/*定义圆角*/
/* a, button, code, div, img, input, label, li, p, pre, select, span, svg, table, td, textarea, th, ul{ */
/* 	-webkit-border-radius:4px !important; */
/* 	-moz-border-radius:4px !important; */
/* 	border-radius:4px !important; */
/* } */
/*定义主页面背景色*/
.page-content-wrapper .page-content{
	background-color: #fafafa;
	padding-bottom: 0px;
}


/*定义常规Form 表单 样式*/
.form-control {
	height: 26px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:6px;
	font-size:14px;	 
}


.label-danger{
	background-color: #f8cace;
}
.label-warning{
	/* background-color: #f7de79; */
	background-color: #e02222;
}

.label-black{
	color: #34495e;
}
.dropdown-menu>li>a{
	padding: 4px 6px;
}

/*定义标签左右padding*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding-left: 5px;
	padding-right: 5px;
}
@media (min-width: 768px) {
/* 	.col-sm-12.col-md-8 .col-sm-2{ */
/* 		padding-right: 8px; */
/* 	} */
/* 	.col-sm-12.col-md-8 .col-sm-10{ */
/* 		padding-left:2px; */
/* 	} */
}


/*定义图标的高度*/
[class*=' fa-']:not(.fa-stack), [class*=' glyphicon-'], [class*=' icon-'], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-]{
	line-height:13px;
}

.margin-bottom-5 {
  margin-bottom: 5px !important; 
}

.margin-top-5 {
  margin-top: 5px !important; 
}

.glyphicon-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.row{
	margin-left: 0px;
	margin-right: 0px;
}

span.input-group-addon{
	border-left: 0px;
	border-right: 0px;
}

span.line-through{
	text-decoration: line-through;
}

.btn.default.date-set,.btn.default.date-reset,.btn.default.btn-sm,.btn.default.input-clear,.btn.default.time-set{
	padding-left: 2px;
	padding-right: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color:#c2cad8;
	border-style:solid;
	border-width:1px 1px 1px 0px;
	height: 26px;
}

div.input-group.date > span.input-group-addon{
	padding-left: 2px;
	padding-right: 1px;
}

.input-group-btn > span + span {
    margin-left: -1px;
}

.input-group > input.form-control{
	padding-right: 2px;
}

/* --------------------------------全局 样式调整结束------------------------------*/

/* --------------------------------通用组件 样式调整开始------------------------------*/
/* 定义今天的背景色 */
td.today {
	background-color: #909090;
}
.datepicker-months{
	width: 180px;
}
.datepicker-months > .table-condensed > tbody > tr > td{
	padding: 0px;
}
.datepicker-months table tr td span{
	margin: 0%;
	width: 25%;
}


/* 定义图标的间隔*/
td > a:not(:last-child) > i{
	padding-right: 15px;
}

/*定义下拉框样式*/
.btn.dropdown-toggle.btn-default{
	padding-top: 5px;
	padding-bottom: 5px;
}

/* 定义按钮行高*/
.btn, .btn-sm{
	line-height:1;
}
.btn:not(.btn-sm):not(.btn-lg){
	line-height:1;
}

.btn-group-sm > .btn, .btn-sm{
	line-height:1;
	font-size: 14px;
}
.btn > i:not(last-child){
	padding-right: 2px;
}
/*关闭按钮*/
button.close{
	margin-top:10px;
	padding-top: 5px;
	height: 12px;
	width: 12px;
}

td > a.btn[disabled] > i,td > a.btn:disabled > i{
	color: #e1e5ec !important;
}

/* 定义提示框*/
.popover-content > a:first-child {
	margin-right:5px;
}

定义第一个元素的padding
/* .checkbox-list > label.checkbox-inline:first-child, .radio-list > label.radio-inline:first-child{ */
/* 	margin-left: 25px; */
/* } */
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{
	margin-left:0px;
	margin-top: 1px;
}
label.checkbox-inline input[type="checkbox"]:first-child, label.radio-inline input[type="radio"]:first-child {
    margin-left: 5px;
}
.checkbox-inline, .radio-inline{
	padding-left: 5px;
}
.checkbox-list > label.checkbox-inline > span, .radio-list > label.radio-inline > span {
	margin-left: 20px;
}
.checkbox-list > label.checkbox-vertical > span{
	margin-left: 5px;
}
.checkbox-list > label.checkbox-vertical{
	margin-left: 20px;
}




/* --------------------------------通用组件 样式调整结束------------------------------*/

/* --------------------------------提示信息样式调整 -------开始-----------------------*/

/* 定义弹出框的背景颜色 */
.tooltip-inner{
	font-weight: 600;
	display: inline;
	/* background-color: #f7de79; */
	background-color: #e02222;
	padding:3px 3px;
}
.tooltip.top .tooltip-title{
	display: inline;
	/* background-color: #f7de79; */
	background-color: #e02222;
	color: #fff;
	padding-left: 3px;
}
.tooltip.top{
	margin-top: 17px;
	background-color: #e02222;
}
/* 定义必需输入字段的样式 */
.form-control.required, .form-group .required:not(.bs-select){
	color : #4d6b8a;
/* 	background-color: #f7de79; */
	/* border-color: #f7de79; */
	/* border-color: #F08080; */
	border-color: #e02222;
}
.form-control.required, .form-group .required{
	font-size: 14px;
}
.bs-select.required button{
/* 	background-color: #f7de79; */
	/* border-color: #f7de79; */
	/* border-color: #F08080; */
	border-color: #e02222;
}
.form-group .required.bs-select {
	padding-left: 0px;
}

/*定义背景色*/
.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled{
	background-color: #eef1f5;
}


/*----------------------------------文件上传---开始----------------------------------*/
.file-loading {
	background: transparent url('../../../global/img/loading.gif') top left no-repeat;
}

.file-thumb-loading {
	background: transparent url('../../../global/img/loading.gif') no-repeat scroll center center content-box !important;
}
.file-uploading {
	background: url('../../../global/img/loading-sm.gif') no-repeat center bottom 10px;
}

.file-drop-zone{
	padding: 5px;
	margin: 5px 5px 5px 5px; 
}

div.file-caption.download,div.file-footer-caption.download{
	cursor: pointer;
}

/*临时*/
.btn-file input[type="file"] {
	position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: none repeat scroll 0 0 transparent;
    cursor: inherit;
    display: block;
    font-size: 100px;
}

/*----------------------------------文件上传----结束---------------------------------*/

/* --------------------------------提示信息样式调整 -------结束-------------------------*/

/* ---------------------------------菜单栏 样式调整开始---------------------------*/

@media ( min-width :992px) {
	.page-sidebar {
		width: 200px;
	}
	.page-content-wrapper .page-content {
		margin-left: 200px;
	}
}

/* --------------------------------菜单栏 样式调整结束-----------------------------*/



/* --------------------------------DMS 相关 样式调整开始-----------------------------*/
 .dms-add, .dms-edit, .dms-detail,.dms-delete {
	margin-top: 5px;
}

.tabbable-custom{
	overflow: visible;
	margin-bottom: 0px;
}

.dms-search .row .query-btn,.dms-detail .row .query-btn{
	margin-bottom: 5px;
	text-align: center;
	margin-top: 10px;
}

/* --------------------------------DMS 相关 样式调整结束-----------------------------*/



/* --------------------------------页面头 样式调整开始-----------------------------*/

/* 修改图标的样式 */
.page-header.navbar .page-logo .logo-default{
	/* margin-top: 5px; */
	margin-top: 5px;
    width: 100px;
    height: 40px;
    margin-left: -7px;
}

/* --------------------------------页面头 样式调整结束-----------------------------*/

/* --------------------------------tab 页 样式调整开始-----------------------------*/

.nav > li > a{
	padding-bottom: 3px;
	padding-top: 3px;
}
.nav > li > a > i{
	font-size: 11px;
	font-weight: 200;
}

.nav-tabs > li.active > a{
	font-size: 15px;
	font-weight: 600;
}

.nav-tabs > li.active > a >i{
	font-size: 13px;
	font-weight: 400;
}

.tabbable-custom > .nav-tabs > li.active{
	border-top:3px solid #6b7683;
	font-weight: 600;
}




/* --------------------------------tab 页 样式调整结束-----------------------------*/

/* --------------------------------------表格 样式调整开始------------------------*/
.table td {
	font-size:14px;
}
.table thead tr th{
	font-size:14px;
}
.table a.btn{
	padding: 0px;
}
.table div.file-input div.btn,.table div.file-input button.btn{
	padding: 5px 2px 4px 2px;
}
.table > tbody > tr > td > .btn:not(:last-child){
	margin-right: 5px;
}

/*定义行高*/
.fixed-table-container tbody td .th-inner{
	line-height:11px;
}
.fixed-table-container thead th .th-inner{
	line-height:11px;
}


.table > tbody > tr > td,  .table > tfoot > tr > td, .table > thead > tr > td{
	padding-top:4px;
	padding-bottom:4px;
}


.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination{
	margin-bottom:0px;
	margin-top: 0px;
}

.bootstrap-table :not(.table-condensed).table > tbody > tr > td,  .bootstrap-table :not(.table-condensed).table > tfoot > tr > td, .bootstrap-table :not(.table-condensed).table > tfoot > tr > th, .bootstrap-table :not(.table-condensed).table > thead > tr > td{
	padding-top:3px;
	padding-bottom:3px;
}

.bootstrap-table .table:not(.table-condensed) > tbody > tr > td > .form-control, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td > .form-control{
     padding: 1px 1px 1px 1px; 
}

.table-responsive > tbody > tr > td,  .table-responsive > tfoot > tr > td, .table-responsive > thead > tr > td{
	white-space: nowrap;
}
.fixed-table-container{
	border-width: 0px;
}
/* ----------------------------------表格 样式调整结束----------------------------------------*/




/* --------------------------------FORM表单 样式调整开始----------------------------------------*/
/*定义按钮组样式*/
.form-horizontal .form-group{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}

/*定义标签的对齐方式*/
.form-horizontal .control-label{
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 1px;
	padding-right: 2px;
	white-space: nowrap;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{
	padding-top:5px;
	padding-bottom: 5px;
	min-height: 26px;
}

.form-horizontal .modal-body .form-group{
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 5px;
	padding-right: 2px;
}

/*定义按钮的左边界*/
.bs-select > .btn{
	padding-left:5px;
}

.form-group span.form-show{
	display: block;
	padding: 3px 2px 3px 1px;
	font-weight:400;
	min-height: 26px;
	word-wrap: break-word;
}

/*定义日志《至》组件*/
span.input-group-addon{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #e1e5ec;
}

.form-actions{
	text-align: center;
	margin-top: 10px;
}
.input-datefuture input {
    text-align: center;
}

/* ------------------------------------FORM表单 样式调整结束-------------------------------------*/


/* -------------------------------------modal 样式调整开始------------------------------------*/

.modal-header{
	padding-top: 0px;
	height: 35px;
}

.modal-header .modal-title{
	display: inline-block;
	float: left;
	font-size: 20px;
	font-weight: 400;
	padding-bottom: 5px;
	padding-top: 5px;
}

.modal-header .modal-close{
	display: inline;
	float: right;
}
.modal-header .modal-close > a{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
}


/*定义弹出框的右边距大一些*/
.modal-body{
	padding-bottom: 5px;
	padding-top: 5px;
}

.modal-footer{
	text-align: center;
}
.modal-body .row{
	margin-right:-0px;
}

.modal-dialog{
	margin-top: 50px;
}

.modal-content{
	background-color: #fafafa;
}

.modal-sm{
	max-width: 450px;
}

.modal-md{
	max-width: 650px;
}

.modal-lg{
	max-width: 950px;
}

.modal-lg2{
	max-width: 1100px;
}
@media (min-width:992px){.modal-lg3{width:1350px}}
/* ---------------------------------------modal 样式调整结束---------------------------------------*/


/* ---------------------------------------portlet 样式调整开始------------------------------------*/
.portlet{
	margin-bottom:0px;
}

.portlet > .portlet-title > .tools{
	padding-top: 6px;
}
.portlet > .portlet-title{
	min-height: 20px;
}
.portlet.box > .portlet-body{
	padding-top: 5px;
	padding-top: 5px;
	padding-left: 5px;
}
.portlet > .portlet-title > .caption{
	font-size:14px;
	line-height:14px;
	padding-top:2px;
	padding-bottom:2px;
	margin-right: 10px;
}
.portlet.light > .portlet-title > .caption > i{
	margin-top:0px;
}


/* -----------------------------------------portlet 样式调整结束----------------------------------*/

/* -----------------------------------------panpel 样式调整开始----------------------------------*/
.panel{
	margin-bottom:5px;
}
.panel .panel-body{
	padding: 5px;
	font-size:14px;
}
.panel .panel-body-show{
	padding: 5px 5px 30px 5px;
	font-size:12px;
}

.panel .panel-body-show2{
	padding: 5px 5px 60px 5px;
	font-size:12px;
}

.panel .panel-heading{
	padding-top: 0px;
	padding-bottom: 0px;
}
.panel .panel-heading .pannel-name{
	padding-right:5px;
	vertical-align:middle;
	margin-top:7px;
	margin-bottom:5px;
	display:inline-block;
}
.panel .panel-heading .pannel-button{
	display:inline;
}

.panel.table-panel{
	border: 0px;
	margin-bottom:0px;
}
.panel.table-panel .panel-body{
	font-size:14px;
	padding:0px;
}

.panel.table-panel .panel-heading{
	border: 1px #ddd solid;
	border-bottom: 0px #ddd solid;
}

.panel > .panel-heading > .pannel-tips{
	display: inline-block;
	float: right;
	vertical-align: middle;
	white-space: nowrap;
	width: 50%;
	min-width: 50%;
}

.panel > .panel-heading > .pannel-tips .form-group{
	margin-bottom:0px;
}



.panel > .panel-heading > .pannel-tips .mt-element-step .step-background-thin .mt-step-col{
	padding-bottom: 3px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
}

.panel > .panel-heading > .pannel-tips .mt-element-step .step-background-thin .mt-step-number{
	font-size: 25px;
}

.panel > .panel-heading > .pannel-tips .mt-element-step .step-background-thin .mt-step-title{
	font-size: 14px;
}




.panel > .panel-heading > .pannel-tools{
	display: inline-block;
	float: right;
}

.panel > .panel-heading > .pannel-tools > a{
	display: inline-block;
	height:16px;
	margin-left:5px;
	opacity:1;
}

/*chevron-down*/
.panel > .panel-heading > .pannel-tools > a.collapse{
	visibility:visible;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}
/*chevron-up*/
.panel > .panel-heading > .pannel-tools > a.expand{
	visibility:visible;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* --------------------------------------------panpel 样式调整结束-----------------------------------*/
/*----------------------------------------------横向多个DIV 的情况-----------------------------------*/
div.horizationDiv{
	border: solid 0px #DDDDDD;
}
div.horizationDiv div.panel{
	padding-left: 0px;
	padding-right: 0px;
}
div.horizationDiv div.panel-heading{
	padding-left: 0px;
	padding-right: 0px;
}
div.fixedHeightDiv{
	border: solid 1px #DDDDDD;
	overflow-y: scroll;
}

/*----------------------------------------------横向多个DIV 的情况-----------------------------------*/

/*页面顶部菜单模糊搜索框样式*/
.queryMenusName #queryMenusName{
	height: 26px;
	width: 160px;
	margin-top: 10px;
	border-radius: 8px !important;
	outline-style: none;
}
.queryMenusName .queryMenusName-ul{
	width: 160px;
	background-color: #ffffff;
}
.queryMenusName .queryMenusName-ul li:hover{
	background-color: #ededed;
}

.sub-menu .nav-item .unfavorite{
	background: url(../img/stark2.png) no-repeat center center;
	height: 20px;
	width: 20px;
	border: none;
	float: left;
	margin-left: 57px;
	margin-top: 5px;
	background-size: contain;
	outline-style: none;
}

.sub-menu .nav-item .favorite{
	background: url(../img/stars2.png) no-repeat center center;
	height: 20px;
	width: 20px;
	border: none;
	float: left;
	margin-left: 57px;
	margin-top: 5px;
	background-size: contain;
	outline-style: none;
}
.has-warning .bootstrap-select .btn {
  border-color: #e02222;
}
#dmsTabDiv .nav-tabs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#dmsTabDiv .nav-item {
	float: left;
}

#dmsTabDiv {
	margin-top: -25px; /* 将此值调小 */
}

#dmsTabDiv .nav-item a {
	display: block;
	color: white;
	text-align: center;
	padding: 10px 14px; /* 将此值调小 */
	text-decoration: none;
}
@media screen and (max-width: 600px) {
	#dmsTabDiv .nav-item {
		float: none;
	}
}
.custom-input {
	border-color: #4CAF50;
	border-radius: 20px;
}

.custom-input:focus {
	border-color: #4CAF50;
	box-shadow: none;
}
.scrolling-text {
	text-align: center;
}
@media (max-width: 768px) {
	.navbar-text {
		display: none;
	}

	.top-menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.top-menu .nav.navbar-nav {
		width: 100%;
		order: 2;
	}

	.top-menu .nav.navbar-nav > li {
		flex-basis: 50%;
		box-sizing: border-box;
		padding: 5px;
	}

	.username-hide-on-mobile {
		display: inline !important;
		font-size: 0.9em;
	}
}

/* ===========================================
   Toastr 极简弹框样式 — 优雅简洁版
   仅作用于 iconClass: 'toast-white' + positionClass: 'toast-top-full-width'
   =========================================== */

:root {
	--navbar-height: 60px;
}

/* 1. 容器 - 轻柔的半透明黑色遮罩 */
#toast-container.toast-top-full-width:has(.toast-white) {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
	pointer-events: auto !important;
	text-align: center;
	z-index: 999999 !important;
	/* 简单的黑色半透明遮罩，不做虚化 */
	background: rgba(0, 0, 0, 0.4) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	animation: fadeIn 0.2s ease-out !important;
}

/* 2. 弹框主体 - 优雅的白色卡片 */
#toast-container.toast-top-full-width > div.toast.toast-white {
	display: inline-block !important;
	margin: calc(var(--navbar-height) + 20px) auto 20px auto !important;
	padding: 20px 24px !important;
	width: auto !important;
	min-width: 320px !important;
	max-width: 400px !important;
	background: #FFFFFF !important;
	border-radius: 12px !important;
	border: none !important;
	/* 单层柔和阴影 */
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
	color: #333333 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	text-align: left !important;
	pointer-events: auto !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease !important;
	position: relative !important;
	animation: slideDown 0.3s ease-out !important;
}

/* 蓝色左边框 */
#toast-container.toast-top-full-width > div.toast.toast-white::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: #4E8CFF;
	border-radius: 12px 0 0 12px;
}

/* 3. 标题 - 加粗显示 */
#toast-container.toast-top-full-width > div.toast.toast-white .toast-title {
	font-weight: 600 !important;
	font-size: 16px !important;
	color: #1a1a1a !important;
	margin-bottom: 8px !important;
	padding: 0 !important;
}

/* 4. 消息内容 */
#toast-container.toast-top-full-width > div.toast.toast-white .toast-message {
	margin: 0 0 12px 0 !important;
	color: #666666 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
}

/* 5. 按钮 - 简洁的蓝色按钮 */
#toast-container.toast-top-full-width > div.toast.toast-white .btn {
	display: inline-block !important;
	padding: 8px 20px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #FFFFFF !important;
	background: #4E8CFF !important;
	border: none !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
}

#toast-container.toast-top-full-width > div.toast.toast-white .btn:hover {
	background: #3D7BED !important;
	transform: translateY(-1px) !important;
}

#toast-container.toast-top-full-width > div.toast.toast-white .btn:active {
	transform: translateY(0) !important;
}

/* 6. 关闭按钮 - 极简风格 */
#toast-container.toast-top-full-width > div.toast.toast-white .toast-close-button {
	position: absolute !important;
	top: 12px !important;
	right: 12px !important;
	width: 24px !important;
	height: 24px !important;
	padding: 0 !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	line-height: 1 !important;
	color: #999999 !important;
	background: transparent !important;
	border: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	opacity: 0.7 !important;
}

#toast-container.toast-top-full-width > div.toast.toast-white .toast-close-button:hover {
	opacity: 1 !important;
	color: #666666 !important;
}

/* 动画 */
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 悬停效果 */
#toast-container.toast-top-full-width > div.toast.toast-white:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 48px rgba(0, 0, 0, 0.18) !important;
}

/* 移动端响应式 */
@media screen and (max-width: 768px) {
	#toast-container.toast-top-full-width > div.toast.toast-white {
		margin: calc(var(--navbar-height) + 12px) 16px 16px 16px !important;
		padding: 18px 20px !important;
		min-width: 280px !important;
		max-width: calc(100% - 32px) !important;
		width: calc(100% - 32px) !important;
		border-radius: 10px !important;
	}

	#toast-container.toast-top-full-width > div.toast.toast-white .toast-title {
		font-size: 15px !important;
	}

	#toast-container.toast-top-full-width > div.toast.toast-white .btn {
		width: 100% !important;
		padding: 10px 20px !important;
	}

	#toast-container.toast-top-full-width > div.toast.toast-white:hover {
		transform: none !important;
	}
}

/* 小屏优化 */
@media screen and (max-width: 480px) {
	#toast-container.toast-top-full-width > div.toast.toast-white {
		margin: calc(var(--navbar-height) + 10px) 12px 12px 12px !important;
		padding: 16px 18px !important;
		min-width: 260px !important;
	}
}

/* 防止背景滚动 */
body.toast-modal-active {
	overflow: hidden !important;
	position: fixed !important;
	width: 100% !important;
}

/* 错误样式变体 */
#toast-container.toast-top-full-width > div.toast.toast-white.toast-auth-error::before {
	background: #FF4757 !important;
}

#toast-container.toast-top-full-width > div.toast.toast-white.toast-auth-error .btn {
	background: #FF4757 !important;
}

#toast-container.toast-top-full-width > div.toast.toast-white.toast-auth-error .btn:hover {
	background: #EE3645 !important;
}

/* 成功样式变体 */
#toast-container.toast-top-full-width > div.toast.toast-white.toast-custom-success::before {
	background: #52C41A !important;
}

/* 警告样式变体 */
#toast-container.toast-top-full-width > div.toast.toast-white.toast-custom-warning::before {
	background: #FAAD14 !important;
}


/* ========== 响应式导航栏优化 ========== */

/* 更多菜单按钮 - 默认隐藏 */
/*.dropdown-more {*/
/*	display: none !important;*/
/*}*/

/* ========== 修复更多菜单位置 - 简洁版 ========== */

/* 1. 确保更多按钮正确对齐并靠右 */
.dropdown-more {
	display: block !important;
	margin-left: 10px;
}

/* 2. 调整更多按钮垂直居中 */
.top-menu .nav.navbar-nav {
	display: flex;
	align-items: center;
}

.top-menu .nav.navbar-nav > li {
	display: flex;
	align-items: center;
}

/* 3. 更多按钮样式 */
.dropdown-more > a {
	padding: 10px 12px;
	display: flex;
	align-items: center;
	height: 40px;
}

.dropdown-more > a > i {
	font-size: 16px;
	vertical-align: middle;
}

/* 4. 更多菜单下拉框基础样式 */
#moreMenu {
	min-width: 180px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	border-radius: 4px;
	margin-top: 5px;
}

#moreMenu > li > a {
	padding: 10px 20px;
	display: flex;
	align-items: center;
	font-size: 14px;
}

#moreMenu > li > a:hover {
	background-color: #f5f5f5;
}

#moreMenu > li > a > i {
	margin-right: 10px;
	width: 16px;
}

#moreMenu > li.divider {
	margin: 5px 0;
}

/* 5. 确保在最右边 */
.top-menu .nav.navbar-nav > li:last-child {
	margin-left: auto;
}

/* 6. 响应式隐藏 */
@media (max-width: 1400px) {
	.nav-item-secondary {
		display: none !important;
	}
}

@media (max-width: 1200px) {
	.nav-item-optional {
		display: none !important;
	}
}