/* put your own styles to customize and override the theme 
.page-inner {
  padding:0;
}

.card {
	border:none;
	box-shadow:none;
  }
  
*/

.dropdown-menu-center {
	left: 50% !important;
	right: auto !important;
	text-align: center !important;
	transform: translate(-50%, 0) !important;
}

.top-bar-search-xs {
	width: 300px;
}


@media (max-width: 767.98px) {
	.top-bar-search-xs {
		padding-right: 1rem;
		padding-left: 0.5rem;
	}
	
	.app-header-light .top-bar-search-xs {
		margin-left: -1rem;
	}

	.navbar .dropdown-menu {
		right: 0;
		left: auto;
		transform: translate(10%, 0) !important;
	}

    .navbar-brand img {
        height: 20px !important; 
    }
	
    .content {
        padding-bottom: 70px;
    }
}

.top-bar-search-xs .input-group-search {
	box-shadow: none;
}

.top-bar-search-xs .input-group-search.focus {
	box-shadow: none;
}

.top-bar-search-xs .input-group {
	width: 300px;
}

.app-header-light .top-bar-search-xs .input-group-search {
	border: transparent;
}

.app-header-dark .top-bar-search-xs .input-group {
	border-color: transparent;
}

.app-header-dark .top-bar-search-xs .input-group-search {
	background-color: rgba(255, 255, 255, 0.12);
}

.app-header-dark .top-bar-search-xs .input-group-search.focus {
	background-color: #ffffff;
}

.app-header-dark .top-bar-search-xs .input-group-search:not(.focus) .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.app-header-dark .top-bar-search-xs .input-group-search:not(.focus) .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.app-header-dark .top-bar-search-xs .input-group-search:not(.focus) .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.app-header-dark .top-bar-search-xs .input-group-search:not(.focus) .form-control::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.app-header-dark .top-bar-search-xs .input-group-search:not(.focus) .input-group-text,
.app-header-dark .top-bar-search-xs .input-group-search:not(.focus) .form-control,
.app-header-dark .top-bar-search-xs .input-group-search:not(.focus) .form-control::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.top-bar-search .input-group-search {
	border: transparent;
}

.top-bar-search .input-group {
	border-color: transparent;
}

.top-bar-search .input-group-search {
	background-color: rgba(255, 255, 255, 0.12);
}

.top-bar-search .input-group-search.focus {
	background-color: #ffffff;
}

.top-bar-search .input-group-search:not(.focus) .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.top-bar-search .input-group-search:not(.focus) .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.top-bar-search .input-group-search:not(.focus) .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.top-bar-search .input-group-search:not(.focus) .form-control::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.top-bar-search .input-group-search:not(.focus) .input-group-text,
.top-bar-search .input-group-search:not(.focus) .form-control,
.top-bar-search .input-group-search:not(.focus) .form-control::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu, .user-avatar .dropdown-menu {
		display: none;
	}

	.navbar .nav-item:hover .dropdown-menu, .user-avatar:hover .dropdown-menu {
		display: block;
	}

	.navbar .nav-item .dropdown-menu, .user-avatar .dropdown-menu {
		margin-top: 0;
	}
	
}

.navbar-red .navbar-brand {
	color: #f6f7f9;
}

.navbar-red .navbar-brand:hover, .navbar-red .navbar-brand:focus {
	color: #f6f7f9;
}

.navbar-red .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.8);
}

.navbar-red .navbar-nav .nav-link:hover, .navbar-red .navbar-nav .nav-link:focus {
	color: #ffda0d;
}

.navbar-red .navbar-nav .nav-link.disabled {
	color: rgba(255, 255, 255, 0.6);
}

.navbar-red .navbar-nav .show > .nav-link,
.navbar-red .navbar-nav .active > .nav-link,
.navbar-red .navbar-nav .nav-link.show,
.navbar-red .navbar-nav .nav-link.active {
	color: #ffda0d;
}

.navbar-red .navbar-toggler {
	color: rgba(255, 255, 255, 0.8);
	border-color: #ffda0d;
}

.navbar-red .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-red .navbar-text {
	color: rgba(255, 255, 255, 0.8);
}

.navbar-red .navbar-text a {
	color: #ffda0d;
}

.navbar-red .navbar-text a:hover, .navbar-red .navbar-text a:focus {
	color: #ffda0d;
}

.app-main {
	padding-top: 3.5rem;
}

.top-bar-brand {
	width: 5rem;
	margin-left: 1rem;
}

.navbar-brand {
	margin-right: 1rem;
}

.list-iconss {
	padding-left: 0;
	margin-left: 1.1rem;
	height: 12px;
	line-height: 12px;
	list-style-type: none;
}

.list-iconss > li {
	position: relative;
}

.list-iconss > li:not(:last-child) {
	margin-bottom: 0.25em;
}

.list-iconss .list-icon {
	position: absolute;
	left: -1.1rem;
	width: 1rem;
	font-size: 1em;
	text-align: center;
}

.list-iconss .list-icon > img {
	margin-top: -.25rem;
}

.list-iconsm {
	padding-left: 0;
	height: 14px;
	line-height: 14px;
	margin-left: 1.2rem;
	list-style-type: none;
}

.list-iconsm > li {
	position: relative;
}

.list-iconsm > li:not(:last-child) {
	margin-bottom: .25rem;
}

.list-iconsm .list-icon {
	position: absolute;
	left: -1.2rem;
	width: 1rem;
	font-size: 1em;
	text-align: center;
}

.list-iconsm .list-icon > img {
	margin-top: -.25rem;
}

#icons-container .icon-card {
	width: 128px;
}

#icons-container .icon-card i {
	font-size: 2rem;
}

@media(max-width: 1024px) {
	#icons-container .icon-card {
		width: 126px;
	}
}

@media(max-width: 767.98px) {
	#icons-container .icon-card {
		width: 131px;
	}
}

@media(max-width: 414px) {
	#icons-container .icon-card {
		width: 110px;
	}
}

@media(max-width: 375px) {
	#icons-container .icon-card {
		width: 150px;
	}
}

@media print {
    @	page {
		size: auto;
	}

	.hidden-print, .hidden-print * {
		display: none !important;
	}
}

.table > tbody > tr > td {
	vertical-align: middle;
}

@media only screen and (max-width: 800px) {
        /* Force table to not be like tables anymore */
	#no-more-tables table,
        #no-more-tables thead,
        #no-more-tables tbody,
        #no-more-tables th,
        #no-more-tables td,
        #no-more-tables tr {
		display: block;
	}
         
        /* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr {
		border: 1px solid #ccc;
		margin-bottom: 11px;
	}

	#no-more-tables td {
        /* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #ccc;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left;
		min-height: 1.6rem;
	}

	#no-more-tables td:before {
        /* Now like a table header */
		position: absolute;
		border-right: 1px solid #ccc;
        /* Top/left values mimic padding */
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
		font-size: 80%;
		top: 50%;
		transform: translateY(-50%);
	}
         
        /*
        Label the data
        */
	#no-more-tables td:before {
		content: attr(data-title);
		top: 50%;
		transform: translateY(-50%);
	}
}

.header th {
	top: 50%;
	transform: translateY(-50%);
}

.nav-bk1 {
	background: #40E0D0;
	background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
	background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
}

.nav-bk2 {
	background: #23074d;
	background: -webkit-linear-gradient(to right, #cc5333, #23074d);
	background: linear-gradient(to right, #cc5333, #23074d);
}

.nav-bk3 {
	background: #00F260;
	background: -webkit-linear-gradient(to right, #0575E6, #00F260);
	background: linear-gradient(to right, #0575E6, #00F260);
}

.nav-bk4 {
	background: #070000;
	background: -webkit-linear-gradient(to right, #070000, #4C0001, #070000);
	background: linear-gradient(to right, #070000, #4C0001, #070000);
}

.nav-bk5 {
	background: #0575E6;
	background: -webkit-linear-gradient(to right, #021B79, #0575E6);
	background: linear-gradient(to right, #021B79, #0575E6);
}

.nav-bk6 {
	background: #2196f3;
	background: -webkit-linear-gradient(to right, #f44336, #2196f3);
	background: linear-gradient(to right, #f44336, #2196f3);
}

.nav-bk7 {
	background: #c2e59c;
	background: -webkit-linear-gradient(to right, #64b3f4, #c2e59c);
	background: linear-gradient(to right, #64b3f4, #c2e59c);
}

.nav-bk8 {
	background: #5f2c82;
	background: -webkit-linear-gradient(to right, #49a09d, #5f2c82);
	background: linear-gradient(to right, #49a09d, #5f2c82);
}

.dropdown-item.active,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #f3969a;
}


.btn-white {
  color: #212529;
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
}

.btn-white:hover {
  background-color: #f0f0f0;
  border-color: #ced4da;
  color: #212529;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.btn-white:focus, .btn-white.focus {
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.04);
}

.btn-white:active, .btn-white.active {
  background-color: #e9ecef;
  border-color: #adb5bd;
  box-shadow: none;
}

.navbar-header canvas {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: -1; 
  pointer-events: none; 
}


.background-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
}

.background-op-2 {
    opacity: 0.2; 
}

.background-op-3 {
    opacity: 0.3; 
}

.background-op-4 {
    opacity: 0.4; 
}

.background-op-5 {
    opacity: 0.5;
}

.background-op-6 {
    opacity: 0.6;
}

.background-op-8 {
    opacity: 0.8;
}

.background-op-8 {
    opacity: 0.8;
}

.navbar-brand img {
    height: 30px;
}

.navbar-gradient {
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	min-height: 3.5rem;
}

.navbar-gradient .nav-link.active {
	color: #d22222 !important;
	border-bottom: 2px solid #d22222 !important;
}


/*
.navbar-gradient {
	background: #FFFFFF;
	border-bottom: 2px solid #d22222;
}


.navbar-gradient .nav-link.active {
	background-color: #d22222;
	color: #FFF !important;
}

*/
.navbar-gradient .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-gradient .navbar-brand,
  .navbar-gradient .nav-link,
  .navbar-gradient .dropdown-item {
	color: #000000;
	border-bottom: 2px solid transparent;
}

.navbar-gradient .nav-link:hover {
	color: #d22222;
}

.navbar-gradient .dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
}

.navbar-gradient .dropdown-item {
	color: #000000;
}

.navbar-gradient .dropdown-item:hover,
  .navbar-gradient .dropdown-item.active {
	background-color: #d22222;
	color: #FFF;
}


.navbar-gradient .btn-outline-light {
	color: #000000;
	border-color: #000000;
}

.navbar-gradient .btn-outline-light:hover {
	background-color: #000000;
	color: #FFFFFF;
	border-color: #000000;
}

    .btn-newyear {
      background-color: #d22222;
      color: white;
      font-size: 18px;
      padding: 10px 20px;
      border-radius: 50px;
      text-transform: uppercase;
      font-weight: bold;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .btn-newyear:hover {
      background-color: #d1000e;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }


    .btn-outline-newyear {
      border-color: #d22222;
      color: #d22222;
    }

    .btn-outline-newyear:hover {
      background-color: #d22222;
      color: white;
      border-color: #d22222;
    }


    .navbar-newyear {
      background-color: #d22222;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
    }

    .navbar-newyear .navbar-brand,
    .navbar-newyear .nav-link {
      color: white;
    }

    .navbar-newyear .nav-link:hover {
      color: #ffdf00;
    }
	
.card.border-0 {
  border: none !important;
  box-shadow: none !important; /* 如果有阴影，也去掉 */
}

.bg-primary-opacity-custom {
  background-color: rgba(13, 110, 253, 0.1);
}

.bg-secondary-opacity-custom {
  background-color: rgba(108, 117, 125, 0.1);
}

.bg-success-opacity-custom {
  background-color: rgba(40, 167, 69, 0.1);
}

.bg-danger-opacity-custom {
  background-color: rgba(220, 53, 69, 0.1);
}

.bg-warning-opacity-custom {
  background-color: rgba(255, 193, 7, 0.1);
}

.bg-info-opacity-custom {
  background-color: rgba(13, 202, 240, 0.1);
}

.bg-light-opacity-custom {
  background-color: rgba(248, 249, 250, 0.1);
}

.bg-dark-opacity-custom {
  background-color: rgba(33, 37, 41, 0.1);
}

.bg-gradient-blue-purple {
  background: linear-gradient(45deg, #4e54c8, #8f94fb);
}

.bg-gradient-orange-red {
  background: linear-gradient(45deg, #ff6a00, #ee0979);
}

.bg-gradient-teal-green {
  background: linear-gradient(45deg, #11998e, #38ef7d);
}

.bg-gradient-pink-purple {
  background: linear-gradient(45deg, #ff9a9e, #fad0c4);
}

.bg-gradient-dark-rainbow {
  background: linear-gradient(to right, #000428, #004e92);
}

.bg-gradient-midnight {
  background: linear-gradient(135deg, #232526, #414345);
}

.bg-gradient-peach-sunset {
  background: linear-gradient(135deg, #fbc2eb, #a6c1ee);
}

.bg-gradient-sky-dusk {
  background: linear-gradient(135deg, #74ebd5, #ACB6E5);
}

.bg-gradient-black-gold {
  background: linear-gradient(135deg, #000000, #434343, #ffd700);
}

.bg-gradient-cyber {
  background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
}

.bg-glass {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}