@charset "UTF-8";
:root {
--primary:#3b82f6;
--primary-light:#60a5fa;
--primary-dark:#2563eb;
--primary-hover:#1d4ed8;
--secondary:#64748b;
--secondary-light:#94a3b8;
--secondary-dark:#475569;
--success:#22c55e;
--success-light:#4ade80;
--success-dark:#16a34a;
--info:#0ea5e9;
--info-light:#38bdf8;
--info-dark:#0284c7;
--warning:#f59e0b;
--warning-light:#fbbf24;
--warning-dark:#d97706;
--danger:#ef4444;
--danger-light:#f87171;
--danger-dark:#dc2626;
--black:#0f172a;
--white:#ffffff;
--gray-50:#f8fafc;
--gray-100:#f1f5f9;
--gray-200:#e2e8f0;
--gray-300:#cbd5e1;
--gray-400:#94a3b8;
--gray-500:#64748b;
--gray-600:#475569;
--gray-700:#334155;
--gray-800:#1e293b;
--gray-900:#0f172a;
--main-bg-color:var(--gray-50);
--nav-bg-color:var(--primary);
--light:var(--gray-100);
--aid-color:var(--gray-100);
--primary-bg-light:rgba(93, 135, 255, 0.1);
--primary-bg-opacity:rgba(41, 151, 247, .1);
--gradient-primary:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);
--gradient-success:linear-gradient(135deg, var(--success-light) 0%, var(--success) 100%);
--gradient-info:linear-gradient(135deg, var(--info-light) 0%, var(--info) 100%);
--gradient-warning:linear-gradient(135deg, var(--warning-light) 0%, var(--warning) 100%);
--gradient-danger:linear-gradient(135deg, var(--danger-light) 0%, var(--danger) 100%);
--font-size-xs:0.75rem;
--font-size-sm:0.875rem;
--font-size-base:1rem;
--font-size-lg:1.125rem;
--font-size-xl:1.25rem;
--font-size-2xl:1.5rem;
--font-size-3xl:1.875rem;
--font-size-4xl:2.25rem;
--font-size-5xl:3rem;
--border-radius:.75rem;
--border-radius-6:.375rem
}
.text-xs {
	font-size:var(--font-size-xs)
}
.text-sm {
	font-size:var(--font-size-sm)
}
.text-base {
	font-size:var(--font-size-base)
}
.text-lg {
	font-size:var(--font-size-lg)
}
.text-xl {
	font-size:var(--font-size-xl)
}
.text-2xl {
	font-size:var(--font-size-2xl)
}
.text-3xl {
	font-size:var(--font-size-3xl)
}
.text-4xl {
	font-size:var(--font-size-4xl)
}
.text-5xl {
	font-size:var(--font-size-5xl)
}
.bg-gradient-primary {
	background:var(--gradient-primary)
}
.bg-gradient-success {
	background:var(--gradient-success)
}
.bg-gradient-info {
	background:var(--gradient-info)
}
.bg-gradient-warning {
	background:var(--gradient-warning)
}
.bg-gradient-danger {
	background:var(--gradient-danger)
}
.border-radius-12 {
	border-radius:var(--border-radius)
}
.border-radius-6 {
	border-radius:var(--border-radius-6)
}
.border-radius-0 {
	border-radius:0!important
}
.border-bottom-radius-0 {
	border-bottom-left-radius:0!important;
	border-bottom-right-radius:0!important
}
.discovery_forum a, .thread-forum-name, a:hover {
	text-decoration:none
}
a, a:hover {
transition:.2s
}
#my_aside>.card, :focus {
	box-shadow:none!important
}
.btn, .btn-link {
	font-weight:300
}
.site-list-ul, li {
	list-style:none
}
.bottom-nav, .btn.hover, .btn:hover, .forumBrief, .goTop, .qqFace img, .tagSelect {
	cursor:pointer
}
#header {
	z-index:99
}
:focus {
	outline:0
}
.breadcrumb, .card {
box-shadow:0 .25rem 1.875rem rgba(46, 45, 116, .05)
}
img {
	-webkit-user-drag:none
}
a {
	color:var(--dark)
}
.divide {
	height:1px;
	border-bottom:1px solid var(--gray-200)
}
tox-editor-header {
	top:100px
}
html {
	scroll-behavior:smooth
}
body {
	background:var(--main-bg-color)
}
.navbar {
	padding:0;
	width:100%;
	z-index:100;
	background-color:var(--white);
	backdrop-filter:blur(10.5px);
	-webkit-backdrop-filter:blur(10.5px);
	border:0 solid rgba(255, 255, 255, .07);
	border-radius:0;
	-webkit-border-radius:0;
	border-bottom:1px solid var(--gray-200)
}
.navbar>.container {
	padding-right:0
}
.navbar-light .navbar-toggler {
	border-color:transparent!important;
	padding:1rem
}
.bottom-nav .active, .btn-link, .haya-post-info-at, .header_nav_2_mobile_menu_thread_create, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color:var(--primary)
}
.alert-primary, .badge-primary, .list-group-item.active, .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color:var(--nav-bg-color);
	background-color:rgba(41, 151, 247, .1)
}
.navbar-light .navbar-toggler:before {
	display:inline-block;
	font:14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\f0c9"
}
.navbar-light .navbar-nav .nav-link {
	padding:1rem
}
.card {
	background:var(--white);
border-radius:.75rem;
	border:none
}
.card>.card-footer, .card>.card-header {
	background-image:none;
	background-color:transparent
}
.card-header-tabs {
	margin-bottom:0!important
}
.card-header-tabs>.nav-item>.nav-link, .card-header-tabs>.nav-item>.nav-link:hover:not(.active) {
border-width:0
}
.index-nav-tabs>.nav {
	align-items:end
}
.card-header-tabs>.nav-item>.nav-link.active {
	background:0 0;
	font-weight:700
}
.index-nav-tabs>.card-header-tabs>.nav-item>.nav-link.active {
	background:0 0;
	font-weight:700;
	font-size:16px
}
.card-header-tabs>.nav-item>.nav-link.active::after {
content:"";
display:block;
margin-top:-5px;
height:4px;
line-height:14px;
background:linear-gradient(to right, var(--primary), transparent)
}
.breadcrumb {
	background-color:var(--white)!important;
	font-size:14px;
	border:none
}
.nav_tag_list {
	display:flex;
	flex-direction:column
}
.user_page_header {
	margin-top:-70px;
	position:relative
}
.list-group-flush .list-group-item.active::before {
content:" ";
height:22px;
width:5px;
background-color:var(--primary);
position:absolute;
left:0;
border-top-right-radius:5px;
border-bottom-right-radius:5px
}
.list-group-flush .list-group-item::after {
font-family:simple-line-icons;
content:"\e606";
font-size:12px;
float:right
}
@media (min-width:992px) {
#my_aside, #user_aside {
flex:0 0 25%!important;
max-width:25%!important;
padding-right:0
}
#my_main, #user_main {
flex:0 0 75%;
max-width:75%
}
.discovery-rank-list {
height:256px
}
#my_main {
margin-top:140px
}
}
@media (max-width:576px) {
.user_header {
margin-bottom:0
}
#my_mobile_nav, #user_mobile_nav {
display:none;
margin:0;
padding:0
}
.creditsInfo {
padding:0 1rem!important
}
.creditsInfo .card {
border-radius:5px!important
}
.discovery_looppic {
border-radius:0!important
}
.el-carousel__container {
height:11rem!important
}
.style1_subject_body {
margin-left:-45px;
word-break:break-all;
word-wrap:break-word
}
.user_profile_right {
position:absolute
}
.login-card-right {
height:100vh
}
}
@media (max-width:768px) {
.user_profile_right {
position:absolute
}
}
@media (min-width:1200px) {
.container {
max-width:1320px
}
.user_page_avatar {
width:10rem;
height:10rem;
border-radius:1rem
}
.bg-image-fixed {
background-attachment:fixed
}
}
#my_aside .list-group-flush .list-group-item {
	border:none
}
#mobile_nav .navbar-nav {
	flex-direction:row
}
#mobile_nav .navbar-nav .nav-link {
	margin-right:10px;
	border-radius:3px;
	background-color:var(--light)
}
.MobilemenuBtn {
	padding:1rem;
	font-size:1.25rem;
	line-height:1;
	background-color:transparent;
	border:1px solid transparent;
border-radius:.25rem
}
.postInfo {
	font-size:5px!important
}
.forumBrief {
	display:-webkit-box;
	text-overflow:ellipsis;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.discovery-forum-brief, .hot-forum-breif, .subject, .threadlist_brief {
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis
}
.alert {
	border-radius:5px;
	border:none
}
.list-group-flush .list-group-item {
	border:none;
	position:relative;
	text-align:left
}
.list-group-horizontal>.list-group-item:first-child {
	border-top-right-radius:3px
}
.list-group-horizontal>.list-group-item:last-child {
	border-bottom-left-radius:3px
}
.user_page_avatar {
	border:3px solid var(--white)
}
#footer {
	background-color:var(--light)!important
}
.subject {
	display:-webkit-box!important;
	overflow:hidden
}
.thread-forum-name {
	padding:2px 10px;
	border-radius:10px
}
.style3-thread-forum-name:hover, .thread-forum-name:hover {
	background-color:var(--light)
}
.style3-thread-forum-name {
	padding:1px 4px;
	border-radius:2px;
	text-decoration:none
}
.list-group-item.active {
	z-index:2
}
.btn-info, .btn-info:hover, .btn-outline-black:active, .btn-primary, .btn-primary:hover, .btn-secondary, .btn-success, .btn-success:hover {
	color:var(--white)
}
.forumList {
	overflow:auto;
	min-height:0
}
.badge {
	vertical-align:2px
}
.subject_img_box {
	max-width:200px;
	max-height:200px;
	overflow:hidden;
	display:flex;
	align-items:center
}
.subject_img_box>img {
	width:100%;
	height:100%;
	object-fit:cover
}
.block .block, .btn-primary, .btn-secondary, .btn.disabled, .btn:disabled, .content-side .block {
	box-shadow:none
}
.btn, .close {
	transition:250ms cubic-bezier(.27, .01, .38, 1.06)
}
.js-sidebar.is-visible .js-sidebar--background {
	background:rgba(0, 0, 0, .2)
}
.btn {
	border:1px solid transparent;
padding:.375rem .75rem!important;
font-size:.875rem;
	line-height:1.1;
border-radius:.375rem
}
.block.block-mode-fullscreen.block-rounded, .btn.btn-squared {
	border-radius:0
}
.btn.btn-pill {
	border-radius:50px
}
.btn-primary {
	background-color:var(--primary);
	border-color:var(--primary)
}
.btn-primary:hover {
	background-color:var(--primary-dark)
}
.btn-primary.disabled, .btn-primary:disabled {
	background-color:var(--primary);
	border-color:var(--primary);
	box-shadow:none;
	cursor:not-allowed
}
.btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
	background-color:var(--primary);
	background-image:none
}
.btn-secondary {
	background-color:var(--secondary);
	border-color:var(--secondary)
}
.btn-secondary:hover {
	color:var(--white);
	background-color:var(--secondary-dark)
}
.btn-secondary.disabled, .btn-secondary:disabled {
	background-color:var(--secondary);
	border-color:var(--secondary);
	box-shadow:none;
	cursor:not-allowed
}
.btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
	background-color:var(--secondary);
	background-image:none
}
.btn-success {
	background-color:var(--success);
	border-color:var(--success);
	box-shadow:none
}
.btn-success:hover {
	background-color:var(--success-dark)
}
.btn-success.disabled, .btn-success:disabled {
	background-color:var(--success);
	border-color:var(--success);
	box-shadow:none;
	cursor:not-allowed
}
.btn-success.active, .btn-success:active, .show>.btn-success.dropdown-toggle {
	background-color:var(--success);
	background-image:none
}
.btn-info {
	background-color:var(--info);
	border-color:var(--info);
	box-shadow:none
}
.btn-info:hover {
	background-color:var(--info-dark)
}
.btn-info.disabled, .btn-info:disabled {
	background-color:var(--info);
	border-color:var(--info);
	box-shadow:none;
	cursor:not-allowed
}
.btn-info.active, .btn-info:active, .show>.btn-info.dropdown-toggle {
	background-color:var(--info);
	background-image:none
}
.btn-warning {
	background-color:var(--warning);
	border-color:var(--warning);
	box-shadow:none;
	color:var(--black)
}
.btn-warning:hover {
	color:var(--black);
	background-color:var(--warning-dark)
}
.btn-warning.disabled, .btn-warning:disabled {
	background-color:var(--warning);
	border-color:var(--warning);
	box-shadow:none;
	cursor:not-allowed
}
.btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle {
	background-color:var(--warning-dark);
	background-image:none
}
.btn-danger {
	background-color:var(--danger);
	border-color:var(--danger);
	box-shadow:none;
	color:var(--white)
}
.btn-danger:hover {
	color:var(--white);
	background-color:var(--danger-dark)
}
.btn-danger.disabled, .btn-danger:disabled {
	background-color:var(--danger);
	border-color:var(--danger);
	box-shadow:none;
	cursor:not-allowed
}
.btn-danger.active, .btn-danger:active, .show>.btn-danger.dropdown-toggle {
	background-color:var(--danger-dark);
	background-image:none
}
.btn-light {
	background-color:var(--light);
	border-color:var(--light);
	box-shadow:none;
	color:var(--dark)
}
.btn-light:hover {
	color:var(--dark);
	background-color:var(--gray-300)
}
.btn-light.disabled, .btn-light:disabled {
	background-color:var(--light);
	border-color:var(--light);
	box-shadow:none;
	cursor:not-allowed
}
.btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle {
	background-color:var(--gray-400);
	background-image:none
}
.btn-dark {
	background-color:var(--dark);
	border-color:var(--dark);
	box-shadow:none;
	color:var(--white)
}
.btn-dark:hover {
	color:var(--white);
	background-color:var(--dark-dark)
}
.btn-dark.disabled, .btn-dark:disabled {
	background-color:var(--dark);
	border-color:var(--dark);
	box-shadow:none;
	cursor:not-allowed
}
.btn-dark.active, .btn-dark:active, .show>.btn-dark.dropdown-toggle {
	background-color:var(--dark-dark);
	background-image:none
}
.btn-white {
	background-color:var(--white);
	border-color:var(--white);
	box-shadow:none;
	color:var(--gray)
}
.btn-white:hover {
	color:var(--gray);
	background-color:var(--light)
}
.btn-white.disabled, .btn-white:disabled {
	background-color:var(--white);
	border-color:var(--white);
	box-shadow:none;
	cursor:not-allowed
}
.btn-white.active, .btn-white:active, .show>.btn-white.dropdown-toggle {
	background-color:var(--light);
	background-image:none
}
.btn-black {
	background-color:var(--black);
	border-color:var(--black);
	box-shadow:none;
	color:var(--white)
}
.btn-black:hover {
	color:var(--white);
	background-color:var(--dark)
}
.btn-black.disabled, .btn-black:disabled {
	background-color:var(--black);
	border-color:var(--black);
	box-shadow:none;
	cursor:not-allowed
}
.btn-black.active, .btn-black:active, .show>.btn-black.dropdown-toggle {
	background-color:var(--dark);
	background-image:none
}
.btn-outline-primary {
	background-color:transparent;
	background-image:none;
	border-color:var(--primary)
}
.btn-outline-primary:hover {
	background-color:var(--primary);
	border-color:var(--primary);
	color:var(--white)
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color:var(--primary);
	background-color:transparent;
	box-shadow:none
}
.btn-outline-primary.active, .btn-outline-primary:active, .show>.btn-outline-primary.dropdown-toggle {
	color:var(--white);
	background-color:var(--primary);
	border-color:var(--primary)
}
.btn-outline-secondary {
	background-color:transparent;
	background-image:none;
	border-color:var(--secondary)
}
.btn-outline-secondary:hover {
	background-color:var(--secondary);
	border-color:var(--secondary);
	color:var(--white)
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
	color:var(--secondary);
	background-color:transparent;
	box-shadow:none
}
.btn-outline-secondary.active, .btn-outline-secondary:active, .show>.btn-outline-secondary.dropdown-toggle {
	color:var(--white);
	background-color:var(--secondary);
	border-color:var(--secondary)
}
.btn-outline-success {
	background-color:transparent;
	background-image:none;
	border-color:var(--success)
}
.btn-outline-success:hover {
	background-color:var(--success);
	border-color:var(--success);
	color:var(--white)
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
	color:var(--success);
	background-color:transparent;
	box-shadow:none
}
.btn-outline-success.active, .btn-outline-success:active, .show>.btn-outline-success.dropdown-toggle {
	color:var(--white);
	background-color:var(--success);
	border-color:var(--success)
}
.btn-outline-info {
	background-color:transparent;
	background-image:none;
	border-color:var(--info)
}
.btn-outline-info:hover {
	background-color:var(--info);
	border-color:var(--info);
	color:var(--white)
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
	color:var(--info);
	background-color:transparent;
	box-shadow:none
}
.btn-outline-info.active, .btn-outline-info:active, .show>.btn-outline-info.dropdown-toggle {
	color:var(--white);
	background-color:var(--info);
	border-color:var(--info)
}
.btn-outline-warning {
	background-color:transparent;
	background-image:none;
	border-color:var(--warning)
}
.btn-outline-warning:hover {
	background-color:var(--warning);
	border-color:var(--warning);
	color:var(--black)
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
	color:var(--warning);
	background-color:transparent;
	box-shadow:none
}
.btn-outline-warning.active, .btn-outline-warning:active, .show>.btn-outline-warning.dropdown-toggle {
	color:var(--white);
	background-color:var(--warning);
	border-color:var(--warning)
}
.btn-outline-danger {
	background-color:transparent;
	background-image:none;
	border-color:var(--danger)
}
.btn-outline-danger:hover {
	background-color:var(--danger);
	border-color:var(--danger);
	color:var(--white)
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
	color:var(--danger);
	background-color:transparent;
	box-shadow:none
}
.btn-outline-danger.active, .btn-outline-danger:active, .show>.btn-outline-danger.dropdown-toggle {
	color:var(--white);
	background-color:var(--danger);
	border-color:var(--danger)
}
.btn-outline-light {
	background-color:transparent;
	background-image:none;
	border-color:var(--light);
	color:var(--dark)
}
.btn-outline-light:hover {
	background-color:var(--light);
	border-color:var(--light);
	color:var(--dark)
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
	color:var(--light);
	background-color:transparent;
	box-shadow:none
}
.btn-outline-light.active, .btn-outline-light:active, .show>.btn-outline-light.dropdown-toggle {
	color:var(--white);
	background-color:var(--light);
	border-color:var(--light);
	color:var(--dark)
}
.btn-outline-dark {
	background-color:transparent;
	background-image:none;
	border-color:var(--dark)
}
.btn-outline-dark:hover {
	background-color:var(--dark);
	border-color:var(--dark);
	color:var(--white)
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
	color:var(--dark);
	background-color:transparent;
	box-shadow:none
}
.btn-outline-dark.active, .btn-outline-dark:active, .show>.btn-outline-dark.dropdown-toggle {
	color:var(--white);
	background-color:var(--dark);
	border-color:var(--dark)
}
.btn-outline-white {
	background-color:transparent;
	background-image:none;
	border-color:var(--white);
	color:var(--white)
}
.btn-outline-white:hover {
	background-color:var(--white);
	border-color:var(--white);
	color:var(--gray)
}
.btn-outline-white.disabled, .btn-outline-white:disabled {
	color:var(--white);
	background-color:transparent;
	box-shadow:none
}
.btn-outline-white.active, .btn-outline-white:active, .show>.btn-outline-white.dropdown-toggle {
	color:var(--white);
	background-color:var(--white);
	border-color:var(--white)
}
.btn-outline-white:active {
	color:var(--gray)
}
.btn-outline-black {
	background-color:transparent;
	background-image:none;
	border-color:var(--black);
	color:var(--black)
}
.btn-outline-black:hover {
	background-color:var(--black);
	border-color:var(--black);
	color:var(--white)
}
.btn-outline-black.disabled, .btn-outline-black:disabled {
	color:var(--black);
	background-color:transparent;
	box-shadow:none
}
.btn-outline-black.active, .btn-outline-black:active, .show>.btn-outline-black.dropdown-toggle {
	color:var(--black);
	background-color:var(--black);
	border-color:var(--black)
}
.btn-link:focus, .btn-link:hover {
	color:var(--primary-dark);
	text-decoration:underline
}
.btn-link:disabled, .dropdown-item.disabled, .dropdown-item:disabled {
	color:var(--gray)
}
.close, .close:focus, .close:hover {
	color:var(--gray)
}
.btn-group-lg>.btn, .btn-lg {
padding:.75rem 1.75rem;
	font-size:1.125rem;
	line-height:1.5;
border-radius:.5rem
}
.btn-group-sm>.btn, .btn-sm {
padding:.35rem 1rem;
font-size:.75rem;
	line-height:1.5;
border-radius:.2rem
}
.btn-block+.btn-block {
margin-top:.5rem
}
.close {
	font-size:1.5rem;
	font-weight:500;
	text-shadow:none
}
.popover, .tooltip {
	line-height:1.5;
font-size:.875rem
}
.modal.fade .modal-dialog {
transition:transform .3s ease-out;
transition:transform .3s ease-out, -webkit-transform .3s ease-out
}
.modal-content {
	background-color:var(--white);
	border:none;
	overflow:hidden;
	border-radius:var(--border-radius);
box-shadow:0 .46875rem 2.1875rem rgba(90, 97, 105, .1), 0 .9375rem 1.40625rem rgba(90, 97, 105, .1), 0 .25rem .53125rem rgba(90, 97, 105, .12), 0 .125rem .1875rem rgba(90, 97, 105, .1)
}
.popover, .tooltip-inner {
	background-color:var(--white);
	box-shadow:0 3px 15px rgba(90, 97, 105, .1), 0 2px 3px rgba(90, 97, 105, .2)
}
.modal-header {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	border-bottom:0;
	background-color:var(--gray-100);
padding:.875rem 1.625rem;
transition:opacity .2s ease-out
}
.modal-title {
	line-height:1.5
}
.modal-body {
transition:opacity .2s ease-out;
	width:100%;
	margin:0 auto;
padding:.875rem 1.625rem;
	overflow-x:visible
}
.modal-footer {
padding:.875rem 1.625rem;
	border-top:1px solid var(--gray-100)
}
.tooltip {
	z-index:1070;
	margin:0;
	font-weight:300
}
.tooltip.show, a.block:active {
	opacity:1
}
.tooltip .arrow {
	width:5px;
	height:5px
}
.tooltip.bs-tooltip-auto[x-placement^=bottom], .tooltip.bs-tooltip-auto[x-placement^=top], .tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-top {
padding:5px 0
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
margin-left:-3px;
border-width:5px 5px 0;
border-top-color:var(--white)
}
.tooltip.bs-tooltip-auto[x-placement^=left], .tooltip.bs-tooltip-auto[x-placement^=right], .tooltip.bs-tooltip-left, .tooltip.bs-tooltip-right {
padding:0 5px
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
margin-top:-3px;
border-width:5px 5px 5px 0;
border-right-color:var(--white)
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
margin-left:-3px;
border-width:0 5px 5px;
border-bottom-color:var(--white)
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
margin-top:-3px;
border-width:5px 0 5px 5px;
border-left-color:var(--white)
}
.tooltip-inner {
	max-width:200px;
	padding:7px 13px;
	color:var(--secondary);
border-radius:.375rem
}
.popover {
	z-index:1060;
	padding:0;
	font-weight:300;
	border:none;
border-radius:.5rem;
	max-width:800px
}
.popover .arrow {
	width:10px;
	height:5px
}
.popover .arrow::after, .popover .arrow::before {
border-width:11px
}
.popover.bs-popover-auto[x-placement^=top], .popover.bs-popover-top {
margin-bottom:10px
}
.popover.bs-popover-auto[x-placement^=top] .arrow::before, .popover.bs-popover-top .arrow::before {
bottom:-11px;
margin-left:-6px;
border-top-color:rgba(0, 0, 0, .05)
}
.popover.bs-popover-auto[x-placement^=top] .arrow::after, .popover.bs-popover-top .arrow::after {
bottom:-10px;
margin-left:-6px;
border-top-color:var(--white)
}
.popover.bs-popover-auto[x-placement^=right], .popover.bs-popover-right {
margin-left:10px
}
.popover.bs-popover-auto[x-placement^=left] .arrow::after, .popover.bs-popover-auto[x-placement^=left] .arrow::before, .popover.bs-popover-auto[x-placement^=right] .arrow::after, .popover.bs-popover-auto[x-placement^=right] .arrow::before, .popover.bs-popover-left .arrow::after, .popover.bs-popover-left .arrow::before, .popover.bs-popover-right .arrow::after, .popover.bs-popover-right .arrow::before {
margin-top:-8px
}
.popover.bs-popover-auto[x-placement^=right] .arrow::before, .popover.bs-popover-right .arrow::before {
left:-11px;
border-right-color:rgba(0, 0, 0, .05)
}
.popover.bs-popover-auto[x-placement^=right] .arrow::after, .popover.bs-popover-right .arrow::after {
left:-10px;
border-right-color:var(--white)
}
.popover.bs-popover-auto[x-placement^=bottom], .popover.bs-popover-bottom {
margin-top:10px
}
.popover.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover.bs-popover-auto[x-placement^=bottom] .arrow::before, .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-bottom .arrow::before {
margin-left:-7px
}
.popover.bs-popover-auto[x-placement^=bottom] .arrow::before, .popover.bs-popover-bottom .arrow::before {
top:-11px;
border-bottom-color:rgba(0, 0, 0, .05)
}
.popover.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover.bs-popover-bottom .arrow::after {
top:-10px;
border-bottom-color:var(--white)
}
.popover.bs-popover-auto[x-placement^=bottom] .popover-header::before, .popover.bs-popover-bottom .popover-header::before {
border-bottom:1px solid #f5f5f6
}
.popover.bs-popover-auto[x-placement^=left], .popover.bs-popover-left {
margin-right:10px
}
.popover.bs-popover-auto[x-placement^=left] .arrow::before, .popover.bs-popover-left .arrow::before {
right:-11px;
border-left-color:rgba(0, 0, 0, .05)
}
.popover.bs-popover-auto[x-placement^=left] .arrow::after, .popover.bs-popover-left .arrow::after {
right:-10px;
border-left-color:var(--white)
}
.popover-header {
	padding:14px 20px;
	font-size:14px;
	line-height:14px;
	color:#212529;
	background-color:#f5f5f6;
	border-bottom:1px solid #e7e9ea;
border-top-left-radius:calc(.5rem - 1px);
border-top-right-radius:calc(.5rem - 1px)
}
.popover-body {
	padding:15px 20px;
	color:var(--secondary)
}
.dropdown-menu {
	min-width:10rem;
padding:.5rem 0;
	margin:0;
	font-size:1rem;
	color:var(--secondary);
	border:1px solid rgba(0, 0, 0, .05);
border-radius:.375rem;
box-shadow:0 .5rem 4rem rgba(0, 0, 0, .11), 0 10px 20px rgba(0, 0, 0, .05), 0 2px 3px rgba(0, 0, 0, .06)
}
.dropdown-divider {
	height:0;
margin:.75rem 0;
	overflow:hidden;
	border-top:1px solid var(--light)
}
.alert-secondary, .block.block-mode-fullscreen.block-bordered, .jb-blue, .jb-cyan, .jb-green, .jb-pink, .jb-purple, .jb-red, .jb-vip1, .jb-vip2, .jb-yellow {
	border:none
}
.dropdown-item {
padding:.5rem 1.25rem;
	font-weight:300;
	color:#212529;
font-size:.9375rem;
	transition:background-color 250ms cubic-bezier(.27, .01, .38, 1.06), color 250ms cubic-bezier(.27, .01, .38, 1.06)
}
.dropdown-item:focus, .dropdown-item:hover {
	color:#16181b;
	background-color:#eceeef
}
.dropdown-item.active, .dropdown-item:active {
	color:#16181b;
	background-color:#c3c7cc
}
.dropdown-header {
padding:.5rem 1.25rem;
font-size:.875rem;
	color:#868e96
}
.btn+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split {
padding-right:.75rem;
padding-left:.75rem
}
.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split {
	padding-right:1.3125rem;
	padding-left:1.3125rem
}
.btn-group.show .dropdown-toggle {
	box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)
}
.alert-warning, .badge-warning {
	color:#ff6f06;
	background-color:rgba(255, 111, 6, .1)
}
.alert-info, .badge-info {
	color:#5c7cff;
	background-color:rgba(77, 130, 249, .1)
}
.alert-danger, .badge-danger {
	color:#d6064c;
	background-color:rgba(194, 41, 46, .1)
}
.alert-success, .badge-success {
	color:#18a52a;
	background-color:rgba(18, 185, 40, .1)
}
.alert-secondary, .badge-secondary {
	color:#888;
	background:rgba(136, 136, 136, .1)
}
.subject_body_img {
	width:100px;
	height:70px;
	min-width:184px;
	object-fit:cover;
	flex:1
}
.discovery-forum-brief, .hot-forum-breif, .threadlist_brief {
	word-break:break-all;
	overflow:hidden;
	display:-webkit-box
}
.user-group-icon {
	width:40px;
	margin-top:-5px
}
.b-blue, .b-blue-2, .b-cyan, .b-gray, .b-green, .b-purple, .b-red, .b-theme, .b-yellow, .jb-blue, .jb-cyan, .jb-green, .jb-pink, .jb-purple, .jb-red, .jb-vip1, .jb-vip2, .jb-yellow {
	color:var(--this-color);
	background:var(--this-bg);
--this-color:var(--white)
}
.b-theme {
--this-bg:var(--focus-color)
}
.b-gray {
--this-bg:#818b95
}
.b-red {
--this-bg:#ff5473
}
.b-yellow {
--this-bg:#ff6f06
}
.b-cyan {
--this-bg:#08c4c1
}
.b-blue {
--this-bg:var(--nav-bg-color)
}
.b-blue-2 {
--this-bg:#5c7cff
}
.b-green {
--this-bg:#12b928
}
.b-purple {
--this-bg:#d448f5
}
.pay-tag, .vip-tag {
--this-color:var(--white);
--this-bg:linear-gradient(135deg, #ff74cd 10%, #ec7d0b 100%)
}
.pay-tag.badg-sm {
	border:0;
	padding:1px 4px
}
.jb-red, .order-type-9 .pay-tag {
--this-bg:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)
}
.jb-pink, .order-type-2 .pay-tag {
--this-bg:linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%)
}
.jb-yellow, .order-type-3 .pay-tag {
--this-bg:linear-gradient(135deg, #f59f54 10%, #ff6922 100%)
}
.jb-blue, .order-type-7 .pay-tag {
--this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%)
}
.jb-cyan {
--this-bg:linear-gradient(140deg, #039ab3 10%, #58dbcf 90%)
}
.jb-green, .order-type-5 .pay-tag {
--this-bg:linear-gradient(135deg, #60e464 10%, #5cb85b 100%)
}
.jb-purple, .order-type-6 .pay-tag {
--this-bg:linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)
}
.jb-gold, .order-type-4 .pay-tag {
--this-bg:linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);
--this-color:#866127
}
.jb-black, .order-type-8 .pay-tag {
--this-bg:linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);
--this-color:#ddd
}
.jb-dark {
	background:#485563;
	background:-webkit-linear-gradient(to right, #29323c, #485563);
	background:linear-gradient(to right, #29323c, #485563)
}
.index-siteInfo-bg, .user-page-background {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}
.avatar-3-5 {
	width:4.5rem;
	height:4.5rem;
	border-radius:50%
}
.thread-nav {
	background-color:#fff;
	width:100%;
	height:55px;
	bottom:0;
	z-index:99;
	border-top:1px solid #efefef
}
.thread-nav .iconfont {
	font-size:25px;
	line-height:45px
}
.nav_font {
	font-size:12px;
	color:#8590a6
}
.bottom-nav {
	background-color:#fff;
	position:relative;
	display:inline-block;
	line-height:20px;
	color:#9e9e9e
}
.card .thread-left-nav.flex-column:not(.nav-sidebar)>li:hover {
background-color:#f6f6f6;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px
}
.card .nav.flex-column:not(.nav-sidebar)>li {
border-bottom:0;
margin:0
}
.index-siteInfo-bg {
	width:100%;
	height:130px
}
[class^=icon-top-]:before {
content:"置顶";
color:#fff;
font-size:.75rem
}
.icon-top-1, .icon-top-2, .icon-top-3 {
	background-color:var(--primary);
padding:.125rem .25rem;
	border-radius:3px
}
.forumList>li:hover {
	border-radius:5px
}
.userOnline {
margin-top:-.2rem;
	margin-left:1.3rem;
	transform:scale(.5);
	border:5px solid #fff;
	border-radius:50%;
	color:#1cd991
}
.dropdown-menu-items>.col-6>.dropdown-item:hover {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px
}
.subject_body_img:hover {
	filter:brightness(.5);
	-webkit-filter:brightness(.5);
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s
}
.user-info-count {
box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)!important
}
.user-page-username {
	text-shadow:5px 5px 5px rgba(0, 0, 0, .2);
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.my-mobile-btn-group {
	display:flex;
	flex-wrap:wrap
}
.my-mobile-btn-group>a:last-child:nth-child(odd) {
flex:0 1 50%
}
.my-mobile-btn-group>a {
	background-color:transparent;
	border-color:transparent;
	color:#6c757d!important;
	font-weight:700;
	flex:1 0 50%;
	box-sizing:border-box;
	margin:0
}
.my-mobile-btn-group>a.btn-secondary:not(:disabled):not(.disabled).active {
background-color:var(--primary);
border-color:transparent;
color:var(--white)!important;
font-weight:700;
box-shadow:none;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px
}
.my-mobile-btn-group>.btn-secondary:not(:disabled):not(.disabled):active {
background-color:var(--aid-color);
border-color:var(--aid-color)
}
.my-mobile-nav-btn-group {
	display:flex;
	overflow:scroll;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.my-mobile-nav-btn-group::-webkit-scrollbar {
display:none
}
.my-mobile-nav-btn-group>a {
	background-color:var(--white);
	border-color:transparent;
	color:var(--black)!important;
	font-weight:400;
	margin-right:10px
}
.my-mobile-nav-btn-group>a.btn-secondary:not(:disabled):not(.disabled).active {
background-color:var(--primary)!important;
border-color:transparent;
color:var(--white)!important;
font-weight:700;
box-shadow:none;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
position:relative
}
.my-mobile-nav-btn-group>a.btn-secondary:not(:disabled):not(.disabled).active::after {
content:"";
display:inline-block;
width:0;
height:0;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:5px solid var(--primary);
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-5px
}
.my-mobile-nav-btn-group>.btn-secondary:not(:disabled):not(.disabled):active {
background-color:transparent;
border-color:transparent
}
.user-page-background {
	width:100%;
	height:200px
}
.thread_comment_input {
	height:32px;
	line-height:32px;
	padding:0 12px;
	margin-top:-2px;
	border-radius:10px;
	overflow:hidden;
	background:#f5f5f5!important
}
.thread_nav_pop_count {
	position:absolute;
	font-size:10px;
	top:-12px
}
.modal_reply_text {
	position:fixed;
	z-index:99;
	width:100%;
	right:0;
	bottom:30px
}
.btn-block-option:active, .thread_btm_func a {
	color:#6c757d
}
.avatar-6 {
	width:130px;
	height:130px
}
.bottom-nav-bt {
	width:100%;
	height:55px;
	bottom:0;
	z-index:99;
	border-top:1px solid #efefef
}
.search_form_input, .search_form_input:focus {
	background-color:var(--light)
}
.background {
	background-size:cover;
	background-position:center
}
.mm-background {
	margin-top:-7px
}
.mp-background {
	height:230px
}
.sidebar-bg {
	height:130px
}
.discovery-rank-list {
	max-height:256px;
	overflow:auto
}
.site-list-ul {
	margin:0;
	padding:0
}
.site-reply ul li, .site-top ul li {
	clear:both;
	margin:0
}
.site-top ul li {
	height:31px;
	line-height:31px;
	overflow:hidden
}
.site-brief li:last-child, .site-reply li:last-child, .site-top li:last-child {
	border-bottom:0
}
.site-info li {
	border-right:1px solid #e6e6e6
}
.site-info li:last-child {
	border-right:0
}
.discovery_forum {
	border:1px solid #f5f5f5;
	box-shadow:0 0 0 transparent!important
}
.discovery_forum:hover {
	border-color:var(--primary)
}
.discovery_forum:hover .into_forum_link {
	background-color:var(--primary);
	padding:2px 5px;
	color:#fff!important
}
.into_forum_link {
	padding:2px 5px
}
.site-info-logo {
	margin-top:-20px;
	border:3px solid #fff
}
.forum-avatar {
	position:absolute;
	right:-60px;
	top:-50px;
	opacity:.3
}
.disc-forum-avatar {
	position:absolute;
	right:-30px;
	top:-20px;
	opacity:.3
}
.tt-license {
	font-size:12px;
	font-weight:600;
	padding:1rem;
	background:repeating-linear-gradient(135deg, #f6f6f6, #f6f6f6 12px, var(--white) 0, var(--white) 24px);
	background-color:#f3f5f7;
	border-left:3px solid #dde6e9;
	margin-bottom:20px
}
.tt-license-icon {
	align-items:center;
	position:relative;
	float:left;
	margin:-10px 10px -10px 0;
	overflow:hidden;
	text-align:center;
	display:flex;
	height:40px;
	color:#ff5722
}
.tt-license a {
	color:#337ab7;
	text-decoration:underline;
	margin:0 5px
}
.goTop {
	position:fixed;
	right:0;
	top:200px;
	background-color:var(--white);
	width:50px;
	height:25px;
	z-index:99;
	line-height:25px;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px
}
.qqFace {
	margin-top:4px;
	height:145px;
	overflow:auto
}
.qqFace img:hover {
	transform:scale(1.5);
transition:.3s;
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-ms-transform:scale(1.5);
	-o-transform:scale(1.5)
}
.contact>a {
	font-size:20px;
	border-radius:50%
}
.nav-item.usernotice.current>.header_notice>.unread {
	display:inline-block!important;
	top:-2px;
	left:7px;
	transform:scale(.5);
	-webkit-transform:scale(.5);
	-moz-transform:scale(.5);
	-ms-transform:scale(.5);
	-o-transform:scale(.5)
}
.liquid-gradient {
	background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 70%) top center/cover, url(../img/welcome.webp) top center/cover;
	color:#fff
}
.index_site_brief_profile_items {
	font-size:1.5rem!important;
	padding:1rem;
	border-radius:2rem;
transition:.3s
}
.index_site_brief_profile_items:hover {
	filter:opacity(.5)
}
::-webkit-scrollbar {
width:5px;
border-radius:5px
}
::-webkit-scrollbar-thumb {
background-color:#999;
border-radius:5px
}
::-webkit-scrollbar-track:hover {
background-color:#ccc
}
::-webkit-scrollbar-thumb:hover {
background-color:#666
}
::-webkit-scrollbar-track:active {
background-color:#bbb
}
::-webkit-scrollbar-thumb:active {
background-color:#333
}
.userContainer {
	width:100%;
	overflow-x:scroll
}
.userContent, .userContent-wrapper {
	display:flex
}
.userContent .userCard {
	width:10.25rem;
	height:10.25rem;
	margin-right:1.25rem;
	flex-shrink:0;
	background-color:#fff
}
.userContent .userCardName {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.bg-black-5 {
	background-color:rgba(0, 0, 0, .05)!important
}
.bg-black-10 {
	background-color:rgba(0, 0, 0, .1)!important
}
.bg-black-25 {
	background-color:rgba(0, 0, 0, .25)!important
}
.bg-black-50 {
	background-color:rgba(0, 0, 0, .5)!important
}
.bg-black-75 {
	background-color:rgba(0, 0, 0, .75)!important
}
.bg-black-90 {
	background-color:rgba(0, 0, 0, .9)!important
}
.bg-black-95 {
	background-color:rgba(0, 0, 0, .95)!important
}
.bg-white-5 {
	background-color:rgba(255, 255, 255, .05)!important
}
.bg-white-10 {
	background-color:rgba(255, 255, 255, .1)!important
}
.bg-white-25 {
	background-color:rgba(255, 255, 255, .25)!important
}
.bg-white-50 {
	background-color:rgba(255, 255, 255, .5)!important
}
.bg-white-75 {
	background-color:rgba(255, 255, 255, .75)!important
}
.bg-white-90 {
	background-color:rgba(255, 255, 255, .9)!important
}
.bg-white-95 {
	background-color:rgba(255, 255, 255, .95)!important
}
.bg-image {
	background-position:0 50%;
	background-size:cover
}
.bg-image-top {
	background-position-y:0
}
.bg-image-center {
	background-position-x:50%
}
.bg-image-bottom {
	background-position-y:100%
}
.bg-pattern {
	background-repeat:repeat
}
.bg-video {
	width:100%;
	transform:translateZ(0)
}
.bg-default-op, .bg-primary-op {
	background-color:rgba(2, 132, 199, .75)!important
}
a.bg-default-op:focus, a.bg-default-op:hover, a.bg-primary-op:focus, a.bg-primary-op:hover, button.bg-default-op:focus, button.bg-default-op:hover, button.bg-primary-op:focus, button.bg-primary-op:hover {
	background-color:rgba(1, 99, 149, .75)!important
}
.bg-default, .bg-primary {
	background-color:#0284c7!important
}
a.bg-default:focus, a.bg-default:hover, a.bg-primary:focus, a.bg-primary:hover, button.bg-default:focus, button.bg-default:hover, button.bg-primary:focus, button.bg-primary:hover {
	background-color:#016395!important
}
.bg-default-dark, .bg-elegance-dark, .bg-primary-dark {
	background-color:#454c53!important
}
a.bg-default-dark:focus, a.bg-default-dark:hover, a.bg-elegance-dark:focus, a.bg-elegance-dark:hover, a.bg-primary-dark:focus, a.bg-primary-dark:hover, button.bg-default-dark:focus, button.bg-default-dark:hover, button.bg-elegance-dark:focus, button.bg-elegance-dark:hover, button.bg-primary-dark:focus, button.bg-primary-dark:hover {
	background-color:#2e3337!important
}
.bg-primary-dark-op {
	background-color:rgba(69, 76, 83, .8)!important
}
a.bg-primary-dark-op:focus, a.bg-primary-dark-op:hover, button.bg-primary-dark-op:focus, button.bg-primary-dark-op:hover {
	background-color:rgba(46, 51, 55, .8)!important
}
.bg-default-darker, .bg-elegance-darker, .bg-primary-darker {
	background-color:#1f2327!important
}
a.bg-default-darker:focus, a.bg-default-darker:hover, a.bg-elegance-darker:focus, a.bg-elegance-darker:hover, a.bg-primary-darker:focus, a.bg-primary-darker:hover, button.bg-default-darker:focus, button.bg-default-darker:hover, button.bg-elegance-darker:focus, button.bg-elegance-darker:hover, button.bg-primary-darker:focus, button.bg-primary-darker:hover {
	background-color:#080a0b!important
}
.bg-default-light, .bg-primary-light {
	background-color:#53abd9!important
}
a.bg-default-light:focus, a.bg-default-light:hover, a.bg-primary-light:focus, a.bg-primary-light:hover, button.bg-default-light:focus, button.bg-default-light:hover, button.bg-primary-light:focus, button.bg-primary-light:hover {
	background-color:#2d95cc!important
}
.bg-default-lighter, .bg-primary-lighter {
	background-color:#aed8ed!important
}
a.bg-default-lighter:focus, a.bg-default-lighter:hover, a.bg-primary-lighter:focus, a.bg-primary-lighter:hover, button.bg-default-lighter:focus, button.bg-default-lighter:hover, button.bg-primary-lighter:focus, button.bg-primary-lighter:hover {
	background-color:#84c4e4!important
}
.bg-success {
	background-color:#65a30d!important
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
	background-color:#487409!important
}
.bg-success-light {
	background-color:#ebf5df!important
}
a.bg-success-light:focus, a.bg-success-light:hover, button.bg-success-light:focus, button.bg-success-light:hover {
	background-color:#d3e9b8!important
}
.bg-warning {
	background-color:#d97706!important
}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
	background-color:#a75c05!important
}
.bg-warning-light {
	background-color:#fcf7e6!important
}
a.bg-warning-light:focus, a.bg-warning-light:hover, button.bg-warning-light:focus, button.bg-warning-light:hover {
	background-color:#f7e8b8!important
}
.bg-info {
	background-color:#0891b2!important
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
	background-color:#066981!important
}
.bg-info-light {
	background-color:#e3f4fc!important
}
a.bg-info-light:focus, a.bg-info-light:hover, button.bg-info-light:focus, button.bg-info-light:hover {
	background-color:#b5e2f7!important
}
.bg-danger {
	background-color:#dc2626!important
}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
	background-color:#b21d1d!important
}
.bg-danger-light {
	background-color:#fae9e8!important
}
a.bg-danger-light:focus, a.bg-danger-light:hover, button.bg-danger-light:focus, button.bg-danger-light:hover {
	background-color:#f1c1be!important
}
.bg-success-op {
	background-color:rgba(235, 245, 223, .95)!important
}
a.bg-success-op:focus, a.bg-success-op:hover, button.bg-success-op:focus, button.bg-success-op:hover {
	background-color:rgba(211, 233, 184, .95)!important
}
.bg-warning-op {
	background-color:rgba(252, 247, 230, .95)!important
}
a.bg-warning-op:focus, a.bg-warning-op:hover, button.bg-warning-op:focus, button.bg-warning-op:hover {
	background-color:rgba(247, 232, 184, .95)!important
}
.bg-info-op {
	background-color:rgba(227, 244, 252, .95)!important
}
a.bg-info-op:focus, a.bg-info-op:hover, button.bg-info-op:focus, button.bg-info-op:hover {
	background-color:rgba(181, 226, 247, .95)!important
}
.bg-danger-op {
	background-color:rgba(250, 233, 232, .95)!important
}
a.bg-danger-op:focus, a.bg-danger-op:hover, button.bg-danger-op:focus, button.bg-danger-op:hover {
	background-color:rgba(241, 193, 190, .95)!important
}
.bg-body {
	background-color:#f0f2f5!important
}
a.bg-body:focus, a.bg-body:hover, button.bg-body:focus, button.bg-body:hover {
	background-color:#d1d7e1!important
}
.bg-body-light {
	background-color:#f6f7f9!important
}
a.bg-body-light:focus, a.bg-body-light:hover, button.bg-body-light:focus, button.bg-body-light:hover {
	background-color:#d8dde5!important
}
.bg-body-dark {
	background-color:#e4e7ed!important
}
a.bg-body-dark:focus, a.bg-body-dark:hover, button.bg-body-dark:focus, button.bg-body-dark:hover {
	background-color:#c5cdd8!important
}
.bg-body-extra-light, .bg-header-light, .bg-sidebar-light, .bg-white {
	background-color:#fff!important
}
a.bg-body-extra-light:focus, a.bg-body-extra-light:hover, a.bg-header-light:focus, a.bg-header-light:hover, a.bg-sidebar-light:focus, a.bg-sidebar-light:hover, a.bg-white:focus, a.bg-white:hover, button.bg-body-extra-light:focus, button.bg-body-extra-light:hover, button.bg-header-light:focus, button.bg-header-light:hover, button.bg-sidebar-light:focus, button.bg-sidebar-light:hover, button.bg-white:focus, button.bg-white:hover {
	background-color:#e6e6e6!important
}
.bg-gray-dark, .bg-muted {
	background-color:#6c757d!important
}
a.bg-gray-dark:focus, a.bg-gray-dark:hover, a.bg-muted:focus, a.bg-muted:hover, button.bg-gray-dark:focus, button.bg-gray-dark:hover, button.bg-muted:focus, button.bg-muted:hover {
	background-color:#545b62!important
}
.bg-black, a.bg-black:focus, a.bg-black:hover, button.bg-black:focus, button.bg-black:hover {
	background-color:#000!important
}
.bg-gray {
	background-color:#ced4da!important
}
a.bg-gray:focus, a.bg-gray:hover, button.bg-gray:focus, button.bg-gray:hover {
	background-color:#b1bbc4!important
}
.bg-gray-darker {
	background-color:#343a40!important
}
a.bg-gray-darker:focus, a.bg-gray-darker:hover, button.bg-gray-darker:focus, button.bg-gray-darker:hover {
	background-color:#1d2124!important
}
.bg-gray-light {
	background-color:#e9ecef!important
}
a.bg-gray-light:focus, a.bg-gray-light:hover, button.bg-gray-light:focus, button.bg-gray-light:hover {
	background-color:#cbd3da!important
}
.bg-gray-lighter {
	background-color:#f8f9fa!important
}
a.bg-gray-lighter:focus, a.bg-gray-lighter:hover, button.bg-gray-lighter:focus, button.bg-gray-lighter:hover {
	background-color:#dae0e5!important
}
.bg-header-dark, .bg-sidebar-dark {
	background-color:#31373d!important
}
a.bg-header-dark:focus, a.bg-header-dark:hover, a.bg-sidebar-dark:focus, a.bg-sidebar-dark:hover, button.bg-header-dark:focus, button.bg-header-dark:hover, button.bg-sidebar-dark:focus, button.bg-sidebar-dark:hover {
	background-color:#1a1e21!important
}
.bg-gd-default, .bg-gd-primary {
	background:linear-gradient(135deg, #01527b 0, #0295e0 100%) #01527b!important
}
.bg-gd-dusk {
	background:linear-gradient(135deg, #8f55f2 0, #0284c7 100%) #8f55f2!important
}
.bg-gd-cherry {
	background:linear-gradient(135deg, #df5454 0, #c32424 100%) #df5454!important
}
.bg-gd-aqua {
	background:linear-gradient(135deg, #2facb2 0, #36b3a0 100%) #2facb2!important
}
.bg-gd-emerald {
	background:linear-gradient(135deg, #32a67f 0, #2facb2 100%) #32a67f!important
}
.bg-gd-sea {
	background:linear-gradient(135deg, #026da4 0, #0891b2 100%) #026da4!important
}
.bg-gd-leaf {
	background:linear-gradient(135deg, #d97706 0, #65a30d 100%) #d97706!important
}
.bg-gd-lake {
	background:linear-gradient(135deg, #0891b2 0, #65a30d 100%) #0891b2!important
}
.bg-gd-sun {
	background:linear-gradient(135deg, #dc2626 0, #d97706 100%) #dc2626!important
}
.bg-gd-light {
	background:linear-gradient(0deg, #f6f7f9 0, #fff 100%) #f6f7f9!important
}
.bg-default-dark-op, .bg-elegance-dark-op {
	background-color:rgba(69, 76, 83, .83)!important
}
a.bg-default-dark-op:focus, a.bg-default-dark-op:hover, a.bg-elegance-dark-op:focus, a.bg-elegance-dark-op:hover, button.bg-default-dark-op:focus, button.bg-default-dark-op:hover, button.bg-elegance-dark-op:focus, button.bg-elegance-dark-op:hover {
	background-color:rgba(46, 51, 55, .83)!important
}
.bg-elegance {
	background-color:#8f55f2!important
}
a.bg-elegance:focus, a.bg-elegance:hover, button.bg-elegance:focus, button.bg-elegance:hover {
	background-color:#7026ee!important
}
.bg-elegance-op {
	background-color:rgba(143, 85, 242, .75)!important
}
a.bg-elegance-op:focus, a.bg-elegance-op:hover, button.bg-elegance-op:focus, button.bg-elegance-op:hover {
	background-color:rgba(112, 38, 238, .75)!important
}
.bg-elegance-light {
	background-color:#bb97f7!important
}
a.bg-elegance-light:focus, a.bg-elegance-light:hover, button.bg-elegance-light:focus, button.bg-elegance-light:hover {
	background-color:#9b68f3!important
}
.bg-elegance-lighter {
	background-color:#e0d0fb!important
}
a.bg-elegance-lighter:focus, a.bg-elegance-lighter:hover, button.bg-elegance-lighter:focus, button.bg-elegance-lighter:hover {
	background-color:#c1a1f8!important
}
.bg-gd-elegance {
	background:linear-gradient(135deg, #6112e9 0, #9f6df4 100%) #6112e9!important
}
.bg-pulse {
	background-color:#db3f3f!important
}
a.bg-pulse:focus, a.bg-pulse:hover, button.bg-pulse:focus, button.bg-pulse:hover {
	background-color:#c32424!important
}
.bg-pulse-op {
	background-color:rgba(219, 63, 63, .75)!important
}
a.bg-pulse-op:focus, a.bg-pulse-op:hover, button.bg-pulse-op:focus, button.bg-pulse-op:hover {
	background-color:rgba(195, 36, 36, .75)!important
}
.bg-pulse-dark {
	background-color:#393939!important
}
a.bg-pulse-dark:focus, a.bg-pulse-dark:hover, button.bg-pulse-dark:focus, button.bg-pulse-dark:hover {
	background-color:#202020!important
}
.bg-pulse-dark-op {
	background-color:rgba(57, 57, 57, .83)!important
}
a.bg-pulse-dark-op:focus, a.bg-pulse-dark-op:hover, button.bg-pulse-dark-op:focus, button.bg-pulse-dark-op:hover {
	background-color:rgba(32, 32, 32, .83)!important
}
.bg-pulse-darker {
	background-color:#252525!important
}
a.bg-pulse-darker:focus, a.bg-pulse-darker:hover, button.bg-pulse-darker:focus, button.bg-pulse-darker:hover {
	background-color:#0c0c0c!important
}
.bg-pulse-light {
	background-color:#e67b7b!important
}
a.bg-pulse-light:focus, a.bg-pulse-light:hover, button.bg-pulse-light:focus, button.bg-pulse-light:hover {
	background-color:#de5050!important
}
.bg-pulse-lighter {
	background-color:#f5c8c8!important
}
a.bg-pulse-lighter:focus, a.bg-pulse-lighter:hover, button.bg-pulse-lighter:focus, button.bg-pulse-lighter:hover {
	background-color:#ed9d9d!important
}
.bg-gd-pulse {
	background:linear-gradient(135deg, #ad2020 0, #df5454 100%) #ad2020!important
}
.bg-flat {
	background-color:#36b3a0!important
}
a.bg-flat:focus, a.bg-flat:hover, button.bg-flat:focus, button.bg-flat:hover {
	background-color:#2a8c7d!important
}
.bg-flat-op {
	background-color:rgba(54, 179, 160, .75)!important
}
a.bg-flat-op:focus, a.bg-flat-op:hover, button.bg-flat-op:focus, button.bg-flat-op:hover {
	background-color:rgba(42, 140, 125, .75)!important
}
.bg-flat-dark {
	background-color:#1a353c!important
}
a.bg-flat-dark:focus, a.bg-flat-dark:hover, button.bg-flat-dark:focus, button.bg-flat-dark:hover {
	background-color:#0b1618!important
}
.bg-flat-dark-op {
	background-color:rgba(26, 53, 60, .83)!important
}
a.bg-flat-dark-op:focus, a.bg-flat-dark-op:hover, button.bg-flat-dark-op:focus, button.bg-flat-dark-op:hover {
	background-color:rgba(11, 22, 24, .83)!important
}
.bg-flat-darker {
	background-color:#0b2830!important
}
a.bg-flat-darker:focus, a.bg-flat-darker:hover, button.bg-flat-darker:focus, button.bg-flat-darker:hover {
	background-color:#010507!important
}
.bg-flat-light {
	background-color:#61cfbf!important
}
a.bg-flat-light:focus, a.bg-flat-light:hover, button.bg-flat-light:focus, button.bg-flat-light:hover {
	background-color:#3bc3ae!important
}
.bg-flat-lighter {
	background-color:#a8e5db!important
}
a.bg-flat-lighter:focus, a.bg-flat-lighter:hover, button.bg-flat-lighter:focus, button.bg-flat-lighter:hover {
	background-color:#80d9cb!important
}
.bg-gd-flat {
	background:linear-gradient(135deg, #24786b 0, #3ec5b0 100%) #24786b!important
}
.bg-corporate {
	background-color:#2facb2!important
}
a.bg-corporate:focus, a.bg-corporate:hover, button.bg-corporate:focus, button.bg-corporate:hover {
	background-color:#24858a!important
}
.bg-corporate-op {
	background-color:rgba(47, 172, 178, .75)!important
}
a.bg-corporate-op:focus, a.bg-corporate-op:hover, button.bg-corporate-op:focus, button.bg-corporate-op:hover {
	background-color:rgba(36, 133, 138, .75)!important
}
.bg-corporate-dark {
	background-color:#323d4c!important
}
a.bg-corporate-dark:focus, a.bg-corporate-dark:hover, button.bg-corporate-dark:focus, button.bg-corporate-dark:hover {
	background-color:#1e242d!important
}
.bg-corporate-dark-op {
	background-color:rgba(50, 61, 76, .83)!important
}
a.bg-corporate-dark-op:focus, a.bg-corporate-dark-op:hover, button.bg-corporate-dark-op:focus, button.bg-corporate-dark-op:hover {
	background-color:rgba(30, 36, 45, .83)!important
}
.bg-corporate-darker {
	background-color:#252d38!important
}
a.bg-corporate-darker:focus, a.bg-corporate-darker:hover, button.bg-corporate-darker:focus, button.bg-corporate-darker:hover {
	background-color:#111419!important
}
.bg-corporate-light {
	background-color:#5aced3!important
}
a.bg-corporate-light:focus, a.bg-corporate-light:hover, button.bg-corporate-light:focus, button.bg-corporate-light:hover {
	background-color:#34bfc6!important
}
.bg-corporate-lighter {
	background-color:#afe7ea!important
}
a.bg-corporate-lighter:focus, a.bg-corporate-lighter:hover, button.bg-corporate-lighter:focus, button.bg-corporate-lighter:hover {
	background-color:#86dbdf!important
}
.bg-gd-corporate {
	background:linear-gradient(135deg, #1f7275 0, #34bfc6 100%) #1f7275!important
}
.bg-earth {
	background-color:#32a67f!important
}
a.bg-earth:focus, a.bg-earth:hover, button.bg-earth:focus, button.bg-earth:hover {
	background-color:#267f61!important
}
.bg-earth-op {
	background-color:rgba(50, 166, 127, .75)!important
}
a.bg-earth-op:focus, a.bg-earth-op:hover, button.bg-earth-op:focus, button.bg-earth-op:hover {
	background-color:rgba(38, 127, 97, .75)!important
}
.bg-earth-dark {
	background-color:#343434!important
}
a.bg-earth-dark:focus, a.bg-earth-dark:hover, button.bg-earth-dark:focus, button.bg-earth-dark:hover {
	background-color:#1b1b1b!important
}
.bg-earth-dark-op {
	background-color:rgba(52, 52, 52, .83)!important
}
a.bg-earth-dark-op:focus, a.bg-earth-dark-op:hover, button.bg-earth-dark-op:focus, button.bg-earth-dark-op:hover {
	background-color:rgba(27, 27, 27, .83)!important
}
.bg-earth-darker {
	background-color:#222!important
}
a.bg-earth-darker:focus, a.bg-earth-darker:hover, button.bg-earth-darker:focus, button.bg-earth-darker:hover {
	background-color:#090909!important
}
.bg-earth-light {
	background-color:#5ccea7!important
}
a.bg-earth-light:focus, a.bg-earth-light:hover, button.bg-earth-light:focus, button.bg-earth-light:hover {
	background-color:#39be91!important
}
.bg-earth-lighter {
	background-color:#baeada!important
}
a.bg-earth-lighter:focus, a.bg-earth-lighter:hover, button.bg-earth-lighter:focus, button.bg-earth-lighter:hover {
	background-color:#93dec5!important
}
.bg-gd-earth {
	background:linear-gradient(135deg, #206b52 0, #38ba8e 100%) #206b52!important
}
.forumlist {
	display:flex;
	overflow-x:auto;
	white-space:nowrap
}
.tag-list-group {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));
	gap:10px;
	max-height:300px;
	overflow:auto
}
.tagSelect {
	flex:1 1 calc(33.333% - 20px);
	background-color:var(--gray-100);
	padding:20px;
	border-radius:var(--border-radius);
	position:relative;
transition:.3s;
	text-align:center;
	cursor:pointer
}
.tagSelect:hover {
	background-color:var(--gray-200)
}
.tagSelect .text-center {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}
.tagSelect .text-center img {
	margin-bottom:10px
}
.block-content, .block-header {
transition:opacity .2s ease-out
}
.tagSelect:hover {
	background-color:var(--gray-300)
}
.forum-radio {
	position:absolute;
	right:10px;
	top:10px
}
.index_header_search {
	background:var(--gray-100);
	border-radius:var(--border-radius-6)
}
.header_nav_2_mobile_menu .card-header-tabs {
	margin:0
}
.header_nav_2_mobile_menu {
	position:relative;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.index_header_drawer {
	width:100%!important
}
.index_header_drawer .nav-pills {
	flex-wrap:wrap
}
.index_header_drawer .nav-item {
	box-sizing:border-box
}
.index_header_drawer .sidebar_menu .nav-item a {
	background-color:var(--aid-color);
margin:.625rem
}
.forum-card-image {
	width:100%;
	height:100%
}
.forumInfo-num-items {
	background-color:#f2f3f5
}
.discovery_looppic {
border-radius:.3125rem
}
.ribbon {
	position:relative;
	min-height:3.25rem
}
.ribbon-box {
	position:absolute;
	top:1rem;
	right:0;
padding:0 .75rem;
	height:2rem;
	line-height:2rem;
	z-index:5;
	font-weight:500;
border-top-left-radius:.375rem;
border-bottom-left-radius:.375rem
}
.ribbon-box::before {
position:absolute;
display:block;
width:0;
height:0;
content:""
}
.ribbon-bookmark .ribbon-box {
padding-left:.625rem;
	border-radius:0!important
}
.ribbon-bookmark .ribbon-box::before {
top:0;
right:100%;
height:2rem;
border:1rem solid;
border-left-width:.625rem;
border-right-width:0
}
.ribbon-modern .ribbon-box {
	top:1rem;
right:-.5rem;
padding-left:.75rem;
padding-right:.75rem;
border-radius:.375rem!important
}
.ribbon-left .ribbon-box {
	right:auto;
	left:0;
border-radius:0 .375rem .375rem 0
}
.ribbon-left.ribbon-bookmark .ribbon-box {
padding-left:.75rem;
padding-right:.625rem
}
.ribbon-left.ribbon-bookmark .ribbon-box::before {
right:auto;
left:100%;
border-left-width:0;
border-right-width:.625rem
}
.ribbon-left.ribbon-modern .ribbon-box {
left:-.5rem
}
.ribbon-bottom .ribbon-box {
	top:auto;
bottom:.75rem
}
.ribbon-light .ribbon-box {
	color:#3e444a;
	background-color:#e4e7ed
}
.ribbon-light.ribbon-bookmark .ribbon-box::before {
border-color:#e4e7ed #e4e7ed #e4e7ed transparent
}
.ribbon-light.ribbon-bookmark.ribbon-left .ribbon-box::before {
border-color:#e4e7ed transparent #e4e7ed #e4e7ed
}
.ribbon-dark .ribbon-box {
	color:#fff;
	background-color:#343a40
}
.block.block-themed>.block-header, .ribbon-primary .ribbon-box {
	color:#fff;
	background-color:#0284c7
}
.ribbon-dark.ribbon-bookmark .ribbon-box::before {
border-color:#343a40 #343a40 #343a40 transparent
}
.ribbon-dark.ribbon-bookmark.ribbon-left .ribbon-box::before {
border-color:#343a40 transparent #343a40 #343a40
}
.ribbon-primary.ribbon-bookmark .ribbon-box::before {
border-color:#0284c7 #0284c7 #0284c7 transparent
}
.ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before {
border-color:#0284c7 transparent #0284c7 #0284c7
}
.ribbon-success .ribbon-box {
	color:#fff;
	background-color:#65a30d
}
.ribbon-success.ribbon-bookmark .ribbon-box::before {
border-color:#65a30d #65a30d #65a30d transparent
}
.ribbon-success.ribbon-bookmark.ribbon-left .ribbon-box::before {
border-color:#65a30d transparent #65a30d #65a30d
}
.ribbon-info .ribbon-box {
	color:#fff;
	background-color:#0891b2
}
.ribbon-info.ribbon-bookmark .ribbon-box::before {
border-color:#0891b2 #0891b2 #0891b2 transparent
}
.ribbon-info.ribbon-bookmark.ribbon-left .ribbon-box::before {
border-color:#0891b2 transparent #0891b2 #0891b2
}
.ribbon-warning .ribbon-box {
	color:#fff;
	background-color:#d97706
}
.ribbon-warning.ribbon-bookmark .ribbon-box::before {
border-color:#d97706 #d97706 #d97706 transparent
}
.ribbon-warning.ribbon-bookmark.ribbon-left .ribbon-box::before {
border-color:#d97706 transparent #d97706 #d97706
}
.ribbon-danger .ribbon-box {
	color:#fff;
	background-color:#dc2626
}
.ribbon-danger.ribbon-bookmark .ribbon-box::before {
border-color:#dc2626 #dc2626 #dc2626 transparent
}
.ribbon-danger.ribbon-bookmark.ribbon-left .ribbon-box::before {
border-color:#dc2626 transparent #dc2626 #dc2626
}
.ribbon-glass .ribbon-box {
	color:#fff;
	background-color:rgba(255, 255, 255, .4)
}
.ribbon-glass.ribbon-bookmark .ribbon-box::before {
border-color:rgba(255, 255, 255, .4);
border-left-color:transparent
}
.ribbon-glass.ribbon-bookmark.ribbon-left .ribbon-box::before {
border-color:rgba(255, 255, 255, .4);
border-right-color:transparent
}
.block-header {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
padding:.875rem 1.625rem
}
.block-options .block-options-item, .block-options .dropdown, .btn-block-option {
	display:inline-block
}
.block-header.block-header-rtl {
	flex-direction:row-reverse
}
.block-header.block-header-rtl .block-title {
	text-align:right
}
.block-header.block-header-rtl .block-options {
	padding-right:1.625rem;
	padding-left:0
}
.block-header-default {
	background-color:#f6f7f9
}
.block-title {
	flex:1 1 auto;
	min-height:1.75rem;
	margin:0;
	font-size:1rem;
	font-weight:500;
	line-height:1.75
}
.block-title .small, .block-title small {
font-size:.875rem;
	font-weight:400;
	line-height:1.375rem;
	opacity:.75
}
.block-content {
	width:100%;
	margin:0 auto;
	padding:1.625rem 1.625rem 1px;
	overflow-x:visible
}
.contact-item, .footer-site-icon {
transition:.3s
}
.block-content>.pull-t, .block-content>.pull-y {
	margin-top:-1.625rem
}
.block-content>.pull-b, .block-content>.pull-y {
	margin-bottom:-1px
}
.block-content>.pull-r, .block-content>.pull-x {
	margin-right:-1.625rem;
	margin-left:-1.625rem
}
.block-content>.pull {
	margin:-1.625rem -1.625rem -1px
}
.block-content.block-content-full {
	padding-bottom:1.625rem
}
.block-content.block-content-full>.pull, .block-content.block-content-full>.pull-b, .block-content.block-content-full>.pull-y {
	margin-bottom:-1.625rem
}
.block-content .block, .block-content .items-push>div, .block-content .push, .block-content p {
	margin-bottom:1.625rem
}
.block-content .items-push-2x>div {
	margin-bottom:3.25rem
}
.block-content .items-push-3x>div {
	margin-bottom:4.875rem
}
.block-content.block-content-sm {
padding-top:.8125rem
}
.block-content.block-content-sm .pull-all, .block-content.block-content-sm .pull-t, .block-content.block-content-sm .pull-t-b {
margin-top:-.8125rem
}
.block-content.block-content-sm.block-content-full {
padding-bottom:.8125rem
}
.block-content.block-content-sm.block-content-full .pull, .block-content.block-content-sm.block-content-full .pull-b, .block-content.block-content-sm.block-content-full .pull-y {
margin-bottom:-.8125rem
}
.block.block-bordered {
	border:1px solid #e4e7ed;
	box-shadow:none
}
.block.block-rounded {
border-radius:.875rem 1rem
}
.block.block-rounded>.block-content:first-child, .block.block-rounded>.block-header, .block.block-rounded>.nav-tabs {
border-top-right-radius:.875rem 1rem;
border-top-left-radius:.875rem 1rem
}
.block.block-rounded.block-mode-hidden>.block-header.block-header-default, .block.block-rounded>.block-content:last-child, .block.block-rounded>.block-header:last-child, .block.block-rounded>.nav-tabs:last-child {
border-bottom-right-radius:.875rem 1rem;
border-bottom-left-radius:.875rem 1rem
}
.block.block-mode-hidden.block-bordered>.block-header, .block.block-themed>.block-header {
	border-bottom:none
}
.block.block-themed>.block-header>.block-title {
	color:rgba(255, 255, 255, .9)
}
.block.block-themed>.block-header>.block-title .small, .block.block-themed>.block-header>.block-title small {
	color:rgba(255, 255, 255, .7)
}
.block.block-transparent {
	background-color:transparent;
	box-shadow:none
}
.block.block-mode-loading {
	position:relative;
	overflow:hidden
}
.block.block-mode-loading::before {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:block;
z-index:9;
content:" ";
background-color:rgba(255, 255, 255, .85)
}
.block.block-mode-loading::after {
position:absolute;
top:50%;
left:50%;
margin:-1.5rem 0 0 -1.5rem;
width:3rem;
height:3rem;
line-height:3rem;
color:#454c53;
font-family:Simple-Line-Icons;
font-size:1.125rem;
text-align:center;
z-index:10;
content:"\e09a";
animation:1.75s linear infinite fa-spin;
border-radius:1.5rem;
box-shadow:0 0 1rem 1rem rgba(69, 76, 83, .05)
}
.block.block-mode-pinned, .block.block-mode-pinned:last-child {
	border-bottom-right-radius:0;
	border-bottom-left-radius:0
}
.block.block-mode-loading.block-mode-hidden::after {
margin:-1rem 0 0 -1rem;
width:2rem;
height:2rem;
line-height:2rem;
box-shadow:0 0 .5rem .5rem rgba(69, 76, 83, .05)
}
.block.block-mode-loading.block-mode-loading-dark::before {
background-color:rgba(0, 0, 0, .85)
}
.block.block-mode-loading.block-mode-loading-dark::after {
color:#fff;
box-shadow:0 0 1rem 1rem rgba(255, 255, 255, .5)
}
.block.block-mode-loading.block-mode-loading-location::after {
content:"\e06e"
}
.block.block-mode-loading.block-mode-loading-energy::after {
content:"\e020"
}
.block.block-mode-loading.block-mode-loading-refresh::after {
font-family:"Font Awesome 6 Free", "Font Awesome 6 Pro";
font-weight:900;
content:"\f021"
}
.block.block-mode-loading.block-mode-loading-sun::after {
font-family:"Font Awesome 6 Free", "Font Awesome 6 Pro";
font-weight:900;
content:"\f185"
}
.block.block-mode-loading.block-mode-loading-repeat::after {
font-family:"Font Awesome 6 Free", "Font Awesome 6 Pro";
font-weight:900;
content:"\f01e"
}
.block.block-mode-fullscreen {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1035;
	margin-bottom:0;
	overflow-y:auto;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-overflow-scrolling:touch
}
.block.block-mode-fullscreen.block-transparent {
	background-color:#fff
}
.block.block-mode-pinned {
	position:fixed;
right:.75rem;
	bottom:0;
	margin-bottom:0!important;
	width:100%;
	max-width:300px;
	z-index:1031;
	box-shadow:0 0 30px rgba(0, 0, 0, .1)
}
.block.block-mode-pinned>.block-content {
	max-height:250px;
	overflow-y:auto
}
@media (min-width:576px) {
#my_mobile_nav, #user_mobile_nav {
display:none;
margin:0;
padding:0
}
.block.block-mode-pinned {
max-width:400px
}
}
a.block {
	display:block;
	color:#3e444a;
	font-weight:400;
transition:.12s ease-out
}
a.block:hover {
	color:#3e444a;
	opacity:.65
}
.block.block-fx-rotate, a.block.block-link-rotate:hover {
	transform:rotate(1deg);
	opacity:1
}
a.block.block-link-rotate:active {
	transform:rotate(0)
}
a.block.block-link-pop:hover {
box-shadow:0 .125rem 2rem #d8dde5;
	transform:translateY(-3px);
	opacity:1
}
a.block.block-link-pop:active {
box-shadow:0 .125rem .625rem #edeff3;
	transform:translateY(0)
}
.block.block-fx-shadow, a.block.block-link-shadow:hover {
	box-shadow:0 0 2.125rem #d8dde5;
	opacity:1
}
a.block.block-link-shadow:active {
box-shadow:0 0 .625rem #e4e7ed
}
.block.block-fx-pop {
box-shadow:0 .125rem 1rem #d8dde5;
	transform:translateY(-3px);
	opacity:1
}
.block-options {
	flex:0 0 auto;
	padding-left:1.625rem
}
.block-options .block-options-item {
padding:0 .25rem;
	line-height:1.2
}
.block.block-themed>.block-header .block-options .block-options-item {
	color:#fff
}
.block-sticky-options {
	position:relative
}
.block-sticky-options .block-options {
	position:absolute;
top:.875rem;
	right:1.625rem
}
.block-sticky-options .block-options.block-options-left {
	right:auto;
	left:1.625rem;
padding-right:.625rem;
	padding-left:0
}
.btn-block-option {
padding:.375rem .25rem;
	line-height:1;
	color:#6c757d;
	background:0 0;
	border:none;
	cursor:pointer
}
.btn-block-option.dropdown-toggle:after {
	position:relative;
	top:2px
}
.btn-block-option .si {
	position:relative;
	top:1px
}
.active>a.btn-block-option, .btn-block-option:hover, .show>button.btn-block-option, a.btn-block-option:focus {
	text-decoration:none;
	color:#212529
}
.btn-block-option:focus {
	outline:0!important;
	color:#000
}
.block.block-themed .btn-block-option {
	color:#fff;
	opacity:.7
}
.active>a.block.block-themed .btn-block-option, .block.block-themed .btn-block-option:focus, .block.block-themed .btn-block-option:hover, .show>button.block.block-themed .btn-block-option, a.block.block-themed .btn-block-option:focus {
	color:#fff;
	opacity:1
}
.block.block-themed .btn-block-option:active {
	color:#fff;
	opacity:.6
}
.login-card-right {
	padding:3rem!important;
	position:relative
}
.login-card-right-bg {
	position:absolute;
	width:400px;
	height:400px;
	top:0;
	right:0;
	background-image:url(../img/login_top_bg.png);
	background-size:70%;
	background-repeat:no-repeat;
	background-position:200% -110%;
	pointer-events:none
}
.my_common_total_info {
	border-radius:5px;
	position:relative;
	overflow:hidden
}
.contact-item {
	font-size:1.5rem;
	width:5rem;
	height:5rem;
	text-align:center;
	line-height:5rem
}
.contact-item:hover {
	transform:scale(1.2);
	background-color:var(--gray-200)!important
}
.footer-site-icon:hover {
	transform:rotate(360deg) scale(1.2)
}
.my-user-profile {
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:20px;
	gap:15px;
	margin-top:-80px
}
.my-avatar {
	width:120px;
	height:120px;
	border-radius:50%;
	border:4px solid #fff;
	box-shadow:0 4px 8px rgba(0, 0, 0, .2);
	object-fit:cover
}
.my-username {
	font-size:1.5rem;
	font-weight:700;
	margin:10px 0
}
.badges {
	display:flex;
	gap:10px
}
.my-badge {
	padding:5px 12px;
	background-color:#f0f0f0;
	border-radius:15px;
font-size:.9rem;
	color:#666
}
.user-stats {
	display:flex;
	gap:30px;
	margin-top:10px
}
.stat-item {
	display:flex;
	flex-direction:column;
	align-items:center
}
.stat-value {
	font-weight:700;
	font-size:1.2rem
}
.stat-label {
	color:#666;
font-size:.9rem
}
.my-userinfo-bg {
	position:absolute;
	top:0;
	left:0;
	width:calc(100vw - 5px);
	height:280px;
	transform:translateX(-50%);
	left:50%
}
#my_aside>div>div.card-body.text-center>img {
	display:none
}
#my_aside>div>div.card-body.text-center>br {
	display:none
}
.bg-gradient-start-1 {
	background:linear-gradient(to right, #e6f9ff, #feffff)
}
.bg-gradient-start-2 {
	background:linear-gradient(to right, #f7e9ff, #fffefd)
}
.bg-gradient-start-3 {
	background:linear-gradient(to right, #e6ebff, #fff)
}
.bg-gradient-start-4 {
	background:linear-gradient(to right, #e8fff5, #fff)
}
.bg-gradient-start-5 {
	background:linear-gradient(to right, #fee, #fffcfc)
}
.bg-gradient-dark-start-1 {
	background:linear-gradient(261deg, rgba(255, 234, 244, .5) 2.07%, #ffe2f0 97.73%)
}
.bg-gradient-dark-start-2 {
	background:linear-gradient(262deg, rgba(236, 221, 255, .3) 2.45%, #ecddff 97.35%)
}
.bg-gradient-dark-start-3 {
	background:linear-gradient(262deg, #ebfaff 4.01%, #c0f0ff 99.29%)
}
.bg-gradient-purple {
	background:linear-gradient(300deg, #ffe9e0 1.27%, #efd3ff 98.89%)
}
.bg-gradient-primary {
	background:linear-gradient(299deg, #d7f6ff 1.03%, #d1deff 97.72%)
}
.bg-gradient-success {
	background:linear-gradient(299deg, #ecfff7 1.76%, #adf7d6 98.11%)
}
.bg-gradient-danger {
	background:linear-gradient(299deg, #ffefef .96%, #ffd7d7 98.97%)
}
.bg-primary-gradient {
	background:linear-gradient(299deg, #d7f6ff 1.03%, #d1deff 97.72%)
}
.bg-success-gradient {
	background:linear-gradient(270deg, #70e396 0, #45b369 100%)
}
.bg-info-gradient {
	background:linear-gradient(270deg, #85a7ff 0, #144bd6 100%)
}
.bg-warning-gradient {
	background:linear-gradient(270deg, #ffd199 0, #ff9f29 100%)
}
.bg-danger-gradient {
	background:linear-gradient(270deg, #ffab86 0, #ef4a00 100%)
}
.bg-primary-success-gradient {
	background:linear-gradient(90deg, #bbcaff 0, #dcfffd 100%)
}
.bg-dark-primary-gradient {
	background:linear-gradient(270deg, #7ea5ff 0, #003dcc 100%)
}
.bg-dark-lilac-gradient {
	background:linear-gradient(270deg, #ba76ff 0, #6100c1 100%)
}
.bg-dark-success-gradient {
	background:linear-gradient(270deg, #48dc79 0, #02862d 100%)
}
.bg-dark-info-gradient {
	background:linear-gradient(270deg, #5384ff 0, #0036bd 100%)
}
.bg-dark-warning-gradient {
	background:linear-gradient(270deg, #ffc175 0, #c36c00 100%)
}
.bg-dark-danger-gradient {
	background:linear-gradient(270deg, #ff7739 0, #c63d00 100%)
}
.bg-dark-dark-gradient {
	background:linear-gradient(90deg, #273142 0, #637da8 100%)
}
.gradient-deep-1 {
	background:linear-gradient(270deg, #eef7ff 0, #dff0ff 100%)
}
.gradient-deep-2 {
	background:linear-gradient(270deg, #f7f2ff 0, #eee5ff 100%)
}
.gradient-deep-3 {
	background:linear-gradient(270deg, #e8fff9 0, #d1fff3 100%)
}
.gradient-deep-4 {
	background:linear-gradient(270deg, #fff4e8 0, #ffeedc 100%)
}
.gradient-deep-two-1 {
	background:linear-gradient(270deg, #d4f7ff 0, #f2fdff 100%)
}
.gradient-deep-two-2 {
	background:linear-gradient(270deg, #ffefdd 0, #fff8ef 100%)
}
.gradient-deep-two-3 {
	background:linear-gradient(270deg, #e9e0ff 0, #f6f2ff 100%)
}
.gradient-deep-two-4 {
	background:linear-gradient(270deg, #deffec 0, #f6fffa 100%)
}
.circular-progress {
	width:150px;
	height:150px;
	background:conic-gradient(#4caf50 0deg, #d9d9d9 0deg);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
animation:appear .8s ease-out
}
@keyframes appear {
from {
opacity:0;
transform:scale(.8)
}
to {
	opacity:1;
	transform:scale(1)
}
}
.circular-progress::before {
content:'';
position:absolute;
width:90%;
height:90%;
background:#fff;
border-radius:50%;
animation:pulse 2s infinite
}
@keyframes pulse {
0% {
transform:scale(1)
}
50% {
transform:scale(.98)
}
100% {
transform:scale(1)
}
}
.percentage {
	font-size:24px;
	color:#333;
	z-index:1;
animation:fadeIn .5s ease-out
}
@keyframes fadeIn {
from {
opacity:0;
transform:translateY(10px)
}
to {
	opacity:1;
	transform:translateY(0)
}
}
.my_common_total_info {
transition:all .3s ease;
	border-radius:10px;
	box-shadow:0 2px 12px rgba(0, 0, 0, .05);
	margin-bottom:15px
}
.my_common_total_info:hover {
	transform:translateY(-3px);
	box-shadow:0 5px 15px rgba(0, 0, 0, .1)
}
.el-icon-coin, .el-icon-money {
transition:transform .3s ease
}
.my_common_total_info:hover .el-icon-coin, .my_common_total_info:hover .el-icon-money {
	transform:scale(1.1) rotate(15deg)
}
.wallet-container {
	background:linear-gradient(135deg, #f5f7fa 0, #e8ecf3 100%);
	padding:35px;
	border:1px solid #b3b3b34f;
	position:relative;
	overflow:hidden
}
.wallet-container::before {
content:'';
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background-image:radial-gradient(circle at 10% 20%, rgba(255, 255, 255, .4) 0, transparent 8%), radial-gradient(circle at 90% 80%, rgba(255, 255, 255, .4) 0, transparent 8%), radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .3) 0, transparent 12%);
opacity:.6
}
.wallet-content {
	position:relative;
	z-index:2
}
.wallet-header {
	text-align:center;
	margin-bottom:56px;
	position:relative
}
.wallet-header::after {
content:'';
position:absolute;
bottom:-15px;
left:50%;
transform:translateX(-50%);
width:60px;
height:3px;
background:linear-gradient(90deg, #e6eef8 0, #b8c6db 100%);
border-radius:3px
}
.wallet-title {
	font-size:26px;
	font-weight:600;
	color:#456;
	margin-bottom:8px;
	letter-spacing:1px
}
.wallet-subtitle {
	font-size:14px;
	color:#789
}
.balance-item {
	background:rgba(255, 255, 255, .9);
	border-radius:16px;
	padding:25px;
	margin-bottom:20px;
	display:flex;
	align-items:center;
transition:all .3s ease;
	border:1px solid rgba(255, 255, 255, .8)
}
.balance-item:hover {
	transform:translateY(-3px);
	box-shadow:0 10px 20px rgba(0, 0, 0, .05);
	background:rgba(255, 255, 255, .95)
}
.balance-item.coins {
	background:linear-gradient(135deg, rgba(255, 248, 230, .9) 0, rgba(255, 252, 245, .9) 100%);
	border:1px solid rgba(255, 193, 7, .2)
}
.balance-item.coins .balance-icon-wrapper {
	background:linear-gradient(135deg, #fff3cd 0, #fff8e6 100%);
	color:#ffc107
}
.balance-item.coins .balance-value {
	color:#b8860b
}
.balance-item.coins .balance-label::before {
background:gold
}
.balance-item.tickets {
	background:linear-gradient(135deg, rgba(230, 240, 255, .9) 0, rgba(245, 250, 255, .9) 100%);
	border:1px solid rgba(33, 150, 243, .2)
}
.balance-item.tickets .balance-icon-wrapper {
	background:linear-gradient(135deg, #e3f2fd 0, #f0f8ff 100%);
	color:#2196f3
}
.balance-item.tickets .balance-value {
	color:#1976d2
}
.balance-item.tickets .balance-label::before {
background:#4169e1
}
.balance-icon-wrapper {
	padding:15px;
	border-radius:12px;
	margin-right:20px;
	display:flex;
	align-items:center;
	justify-content:center
}
.balance-icon {
	width:30px;
	height:30px;
	object-fit:contain
}
.balance-details {
	flex-grow:1
}
.balance-label {
	font-size:15px;
	color:#789;
	margin-bottom:6px;
	display:flex;
	align-items:center
}
.balance-label::before {
content:'';
display:inline-block;
width:4px;
height:4px;
border-radius:50%;
margin-right:8px
}
.balance-value {
	font-size:26px;
	font-weight:600;
	letter-spacing:.5px
}
.decorative-icon {
	position:absolute;
	width:120px;
	height:120px;
	opacity:.03;
	z-index:1
}
.decorative-icon.top-right {
	top:-25px;
	right:-25px;
	transform:rotate(45deg)
}
.decorative-icon.bottom-left {
	bottom:-25px;
	left:-25px;
	transform:rotate(-135deg)
}
.level-container {
	background:linear-gradient(135deg, #f6f8ff 0, #eef2ff 100%);
	padding:35px;
	border:1px solid rgba(33, 150, 243, .2);
	text-align:center;
	position:relative;
	overflow:hidden
}
.level-container::before {
content:'';
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background-image:radial-gradient(circle at 10% 20%, rgba(147, 197, 253, .15) 0, transparent 8%), radial-gradient(circle at 90% 80%, rgba(147, 197, 253, .15) 0, transparent 8%);
opacity:.8
}
.progress-ring {
	width:150px;
	height:150px;
	position:relative;
	margin:0 auto 25px;
animation:appear .8s ease-out
}
@keyframes appear {
from {
opacity:0;
transform:scale(.8)
}
to {
	opacity:1;
	transform:scale(1)
}
}
.progress-ring-circle {
	width:100%;
	height:100%;
	border-radius:50%;
	background:conic-gradient(#60a5fa var(--progress), #e5e7eb 0deg);
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
transition:background .8s ease-in-out
}
.progress-ring-circle::before {
content:'';
position:absolute;
width:85%;
height:85%;
background:#fff;
border-radius:50%;
box-shadow:inset 0 2px 8px rgba(0, 0, 0, .08)
}
.level-number {
	position:relative;
	z-index:1;
	font-size:25px;
	font-weight:700;
	color:#3b82f6;
	text-shadow:0 2px 4px rgba(59, 130, 246, .1)
}
.user-group {
	padding:15px;
	background:rgba(255, 255, 255, .9);
	border-radius:12px;
	box-shadow:0 4px 15px rgba(0, 0, 0, .03)
}
.group-name {
	font-size:24px;
	font-weight:600;
	color:#34495e;
	margin-bottom:5px;
	background:linear-gradient(135deg, #60a5fa, #3b82f6);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.exp-info {
	background:rgba(255, 255, 255, .9);
	padding:20px;
	border-radius:12px;
	margin-top:20px;
	box-shadow:0 4px 15px rgba(0, 0, 0, .03)
}
.exp-label {
	font-size:16px;
	color:#64748b;
	margin-bottom:8px
}
.exp-value {
	font-size:22px;
	font-weight:600;
	color:#3b82f6;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px
}
.exp-progress {
	font-size:14px;
	color:#94a3b8;
	margin-top:8px
}
.level-icon {
	width:24px;
	height:24px;
	vertical-align:middle
}
.decorative-shape {
	position:absolute;
	width:120px;
	height:120px;
	opacity:.05;
	z-index:0;
	color:#3b82f6
}
.decorative-shape.top-right {
	top:-25px;
	right:-25px;
	transform:rotate(45deg)
}
.decorative-shape.bottom-left {
	bottom:-25px;
	left:-25px;
	transform:rotate(-135deg)
}
.user-level-section-2 {
	background:linear-gradient(135deg, #f6f8ff 0, #eef2ff 100%);
	border-radius:15px;
	padding:25px;
	height:100%;
	position:relative;
	overflow:hidden
}
.level-title-2 {
	font-size:24px;
	font-weight:600;
	color:#3b82f6;
	margin-bottom:20px;
	text-align:center;
	padding:10px;
	background:#fff;
	border-radius:12px;
	box-shadow:0 4px 15px rgba(0, 0, 0, .03)
}
.user-group-2 {
	text-align:center;
	margin-bottom:15px;
	padding:15px;
	background:rgba(255, 255, 255, .9);
	border-radius:10px;
	box-shadow:0 4px 15px rgba(0, 0, 0, .03)
}
.group-name-2 {
	font-size:20px;
	font-weight:600;
	background:linear-gradient(135deg, #60a5fa, #3b82f6);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.wallet-card-2 {
	background:#fff;
	border-radius:15px;
	padding:20px;
transition:all .3s ease;
	border:1px solid rgba(0, 0, 0, .05)
}
.wallet-card-2:hover {
	transform:translateY(-3px);
	box-shadow:0 5px 15px rgba(0, 0, 0, .1)
}
.wallet-icon-2 {
	font-size:24px;
	width:50px;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	margin-right:15px
}
.coins-icon-2 {
	background:rgba(255, 193, 7, .1);
	color:#ffc107
}
.tickets-icon-2 {
	background:rgba(13, 110, 253, .1);
	color:#0d6efd
}
.wallet-value-2 {
	font-size:24px;
	font-weight:700;
	color:#2c3e50
}
.wallet-label-2 {
	color:#6c757d;
	font-size:14px;
	margin-top:3px
}
.exp-progress-2 {
	margin-top:15px;
	background:#fff;
	padding:15px;
	border-radius:10px;
	box-shadow:0 4px 15px rgba(0, 0, 0, .03)
}
.progress {
	height:10px;
	background-color:rgba(0, 0, 0, .05);
	border-radius:5px;
	overflow:hidden
}
.progress-bar {
	background:var(--gradient-primary);
transition:width .6s ease
}
.exp-details {
	display:flex;
	justify-content:space-between;
	font-size:14px;
	color:#6c757d;
	margin-top:8px
}
.checkin-container {
	background:linear-gradient(120deg, #f8f9fa 0, #e2e8f0 100%);
	border-radius:20px;
	padding:30px;
	margin:20px auto;
	box-shadow:0 10px 30px rgba(0, 0, 0, .05);
	position:relative;
	overflow:hidden
}
.checkin-container::before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:radial-gradient(circle at 10% 20%, rgba(99, 179, 237, .1) 0, transparent 20%), radial-gradient(circle at 90% 80%, rgba(66, 153, 225, .1) 0, transparent 20%);
pointer-events:none
}
.checkin-status-card {
	background:linear-gradient(135deg, #fff 0, #f7fafc 100%);
	border-radius:16px;
	padding:25px;
	height:100%;
	box-shadow:0 4px 20px rgba(0, 0, 0, .03);
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
transition:transform .3s ease
}
.checkin-status-card:hover {
	transform:translateY(-2px)
}
.status-icon-wrapper {
	position:relative;
	width:120px;
	height:120px;
	margin:0 auto 20px;
	background:linear-gradient(135deg, #ebf8ff 0, #e6fffa 100%);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center
}
.status-icon {
	font-size:3.5rem;
	background:linear-gradient(135deg, #48bb78 0, #38a169 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.decorative-circles {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.decorative-circle {
	position:absolute;
	border-radius:50%;
	opacity:.1;
	background:#4299e1
}
.circle-1 {
	width:40px;
	height:40px;
	top:20%;
	left:10%
}
.circle-2 {
	width:25px;
	height:25px;
	bottom:30%;
	right:15%
}
.status-text {
	font-size:1.5rem;
	font-weight:600;
	background:linear-gradient(135deg, #48bb78 0, #38a169 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	margin-bottom:15px;
	text-align:center
}
.status-time {
	color:#718096;
	font-size:1.1rem;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin-bottom:20px;
	background:linear-gradient(to right, rgba(247, 250, 252, .8), rgba(237, 242, 247, .8));
	padding:12px;
	border-radius:12px
}
.stats-container {
	background:linear-gradient(135deg, #fff 0, #f7fafc 100%);
	border-radius:16px;
	padding:25px;
	height:100%;
	box-shadow:0 4px 20px rgba(0, 0, 0, .03)
}
.stat-item-3 {
	padding:20px;
	border-radius:12px;
	margin-bottom:15px;
transition:all .3s ease;
	background:linear-gradient(to right, rgba(247, 250, 252, .8), rgba(237, 242, 247, .8));
	position:relative;
	overflow:hidden
}
.stat-item-3::after {
content:'';
position:absolute;
top:0;
right:0;
width:30%;
height:100%;
background:linear-gradient(to left, rgba(66, 153, 225, .1), transparent);
border-radius:0 12px 12px 0
}
.stat-item-3:last-child {
	margin-bottom:0
}
.stat-item-3:hover {
	transform:translateX(5px);
	background:linear-gradient(to right, rgba(237, 242, 247, .8), rgba(226, 232, 240, .8))
}
.stat-label-3 {
	color:#4a5568;
	font-size:1.1rem;
	display:flex;
	align-items:center;
	gap:12px
}
.stat-value-3 {
	font-size:1.3rem;
	font-weight:600;
	background:linear-gradient(135deg, #4299e1 0, #3182ce 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.stat-icon {
	color:#4299e1;
	font-size:1.3rem;
	background:linear-gradient(135deg, #bee3f8 0, #90cdf4 100%);
	padding:10px;
	border-radius:10px
}
@media (max-width:768px) {
.checkin-container {
padding:20px
}
.checkin-status-card {
margin-bottom:20px
}
.status-icon-wrapper {
width:100px;
height:100px
}
.status-icon {
font-size:2.8rem
}
}
.stats-grid-4 {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:15px;
	margin-bottom:15px;
	position:relative;
	z-index:1;
	margin-top:10px
}
.stat-item-4 {
	background:#f8fafc;
	border-radius:12px;
	padding:5px;
	text-align:center;
	border:1px solid #e2e8f0;
transition:transform .2s
}
.stat-item-4:hover {
	transform:translateY(-2px)
}
.stat-value-4 {
	font-size:15px;
	font-weight:600;
	color:#475569;
	margin-bottom:5px
}
.stat-label-4 {
	font-size:12px;
	color:#64748b;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:4px
}
.stat-icon-4 {
	width:14px;
	height:14px;
	color:#94a3b8
}
.forum-intro-card {
	width:25%;
	background:#fff;
	border-radius:16px;
	padding:18px;
	color:#1a1a1a;
	position:relative;
	box-shadow:0 8px 24px rgba(0, 0, 0, .06);
	overflow:hidden
}
.bg-pattern {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
	opacity:.03;
	z-index:0
}
.bg-circle {
	position:absolute;
	border-radius:50%;
	border:3px solid #2563eb
}
.bg-circle-top {
	width:140px;
	height:140px;
	top:-70px;
	right:-70px
}
.bg-circle-bottom {
	width:100px;
	height:100px;
	bottom:-50px;
	left:-50px
}
.bg-dots {
	position:absolute;
	width:80px;
	height:80px;
	background-image:radial-gradient(#2563eb 1.5px, transparent 1.5px);
	background-size:12px 12px
}
.forum-header {
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:15px;
	position:relative;
	z-index:1
}
.forum-logo-wrapper {
	background:#f0f7ff;
	border-radius:10px;
	padding:10px;
	width:45px;
	height:45px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:2px solid #e0f2fe;
	flex-shrink:0
}
.forum-logo-icon {
	width:25px;
	height:25px;
	color:#2563eb
}
.forum-intro {
	flex-grow:1
}
.forum-title {
	font-size:18px;
	font-weight:700;
	margin-bottom:4px;
	background:linear-gradient(135deg, #2563eb, #3b82f6);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.forum-desc {
	font-size:12px;
	color:#3b82f6;
	line-height:1.3
}
.forum-metrics {
	background:var(--light);
	border-radius:12px;
	padding:12px;
	margin-top:10px;
	position:relative;
	z-index:1
}
.metrics-grid {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:12px
}
.metric-item {
	display:flex;
	align-items:center;
	gap:8px
}
.metric-icon-box {
	width:28px;
	height:28px;
	background:#fff;
	border-radius:8px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #e2e8f0
}
.metric-icon {
	width:14px;
	height:14px;
	color:#94a3b8
}
.metric-content {
	flex-grow:1
}
.metric-number {
	font-size:12px;
	font-weight:600;
	color:#475569;
	line-height:1;
	margin-bottom:2px
}
.metric-label {
	font-size:11px;
	color:#64748b
}
.create-post-btn {
	width:100%;
	background:#2563eb;
	color:#fff;
	border:none;
	border-radius:10px;
	padding:10px;
	font-size:14px;
	font-weight:600;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
transition:all .2s;
	cursor:pointer;
	position:relative;
	z-index:1
}
.post-btn-icon {
	width:16px;
	height:16px
}
.forum-quickpanel {
	background:var(--white);
	box-shadow:0 2px 12px rgba(0, 0, 0, .04)
}
.forum-userprofile {
	display:flex;
	align-items:center;
	margin-bottom:20px
}
.profile-avatar-wrapper {
	position:relative;
	margin-right:15px
}
.profile-avatar {
	width:60px;
	height:60px;
	border-radius:12px;
	object-fit:cover
}
.profile-online-status {
	position:absolute;
	bottom:-2px;
	right:-2px;
	width:12px;
	height:12px;
	background:#10b981;
	border:2px solid #fff;
	border-radius:50%
}
.profile-info {
	flex:1
}
.profile-name {
	font-size:17px;
	font-weight:600;
	color:#1f2937;
	margin-bottom:4px
}
.profile-role {
	display:inline-block;
	padding:3px 8px;
	background:#f1f5f9;
	border-radius:6px;
	color:#64748b;
	font-size:12px;
	font-weight:500
}
.shortcuts-container {
	margin-bottom:16px
}
.shortcuts-top-row {
	display:flex;
	gap:10px;
	margin-bottom:10px
}
.shortcuts-bottom-row {
	display:flex;
	gap:10px
}
.shortcut-link {
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:12px 8px;
	background:#f8fafc;
	border-radius:10px;
	text-decoration:none;
transition:all .2s ease;
	box-shadow:0 2px 8px rgba(0, 0, 0, .05)
}
.shortcut-link:hover {
	background:#f1f5f9;
	transform:translateY(-1px)
}
.shortcut-icon-box {
	width:34px;
	height:34px;
	border-radius:8px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:6px
}
.shortcut-topics .shortcut-icon-box {
	background:#fef3c7
}
.shortcut-posts .shortcut-icon-box {
	background:#dbeafe
}
.shortcut-favorites .shortcut-icon-box {
	background:#fee2e2
}
.shortcut-follows .shortcut-icon-box {
	background:#dcfce7
}
.shortcut-featured .shortcut-icon-box {
	background:#f3e8ff
}
.shortcut-icon {
	width:18px;
	height:18px
}
.shortcut-topics .shortcut-icon {
	fill:#d97706
}
.shortcut-posts .shortcut-icon {
	fill:#2563eb
}
.shortcut-favorites .shortcut-icon {
	fill:#dc2626
}
.shortcut-follows .shortcut-icon {
	fill:#16a34a
}
.shortcut-featured .shortcut-icon {
	fill:#7c3aed
}
.shortcut-text {
	font-size:12px;
	color:#64748b
}
.profile-center-link {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px;
	background:#f8fafc;
	border-radius:8px;
	text-decoration:none;
transition:background .2s ease
}
.profile-center-link:hover {
	background:#f1f5f9
}
.profile-center-text {
	font-size:13px;
	font-weight:500;
	color:#64748b
}
.profile-center-arrow {
	width:14px;
	height:14px;
	fill:#94a3b8;
	margin-left:4px
}
.recent-active-users-scrollable-container {
	width:100%;
	overflow-x:scroll;
	overflow-y:hidden;
	white-space:nowrap;
	padding:20px 0;
	scrollbar-width:none;
	-ms-overflow-style:none;
	cursor:grab
}
.recent-active-users-scrollable-container::-webkit-scrollbar {
display:none
}
.recent-active-users-scrollable-container.dragging-active {
	cursor:grabbing
}
.recent-active-user-profile-card {
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	margin:0 15px;
	width:100px;
	text-align:center;
	padding:10px;
transition:transform .2s
}
.recent-active-user-profile-card:hover {
	transform:translateY(-5px)
}
.recent-active-user-avatar-container {
	position:relative;
	margin-bottom:10px
}
.recent-active-user-avatar-image {
	width:60px;
	height:60px;
	border-radius:50%;
	border:3px solid #fff;
	box-shadow:0 3px 10px rgba(0, 0, 0, .1);
	object-fit:cover
}
.recent-active-user-status-indicator {
	position:absolute;
	bottom:5px;
	right:5px;
	width:12px;
	height:12px;
	background-color:#28a745;
	border-radius:50%;
	border:2px solid #fff
}
.recent-active-user-display-name {
font-size:.9rem;
	font-weight:600;
	color:#495057;
	margin-bottom:4px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%
}
.recent-active-user-last-seen {
font-size:.75rem;
	color:#6c757d;
	display:flex;
	align-items:center;
	justify-content:center
}
.recent-active-user-last-seen-icon {
font-size:.7rem;
	margin-right:4px;
	color:#17a2b8
}
.recent-active-users-section-heading {
	font-size:1.1rem;
	font-weight:600;
	color:#495057;
	margin-bottom:15px;
	padding-left:15px
}
.recent-active-users-heading-icon {
	color:#007bff;
	margin-right:8px
}
#user_main>div:nth-child(1)>div.card-body>div>div.col-md-2.col-sm-12.text-center {
display:none
}
#user_aside>div>div.card-body.text-center {
	display:none
}
.thread_mod_func {
	position:fixed;
	bottom:-100px;
	left:50%;
	transform:translateX(-50%);
transition:bottom .3s ease-in-out;
	z-index:98
}
.thread_mod_func.show {
	bottom:60px
}
.thread_checkbox {
	position:relative;
	z-index:1
}
#index_page>div>div.col-lg-7.main>div.text-center.thread_mod_func>div>button.btn.btn-secondary {
	background-color:var(--white);
	color:#000;
	border-color:var(--light)
}
#index_page>div>div.col-lg-7.main>div.text-center.thread_mod_func>div>label {
	background-color:var(--white);
	color:#000;
	border-color:var(--light)
}
.mSlider-inner {
	overflow-y:auto
}
.mSlider-inner::-webkit-scrollbar {
display:none
}
.slider-left .sidebar-menu .nav-item .nav-link {
	display:flex;
	align-items:center;
	padding:1rem 1.5rem
}
.slider-left .sidebar-menu .nav-item .nav-link {
	display:flex;
	align-items:center;
	padding:1rem 1.5rem
}
.slider-left .sidebar-menu .nav-item .nav-link i {
	width:24px;
	margin-right:12px
}
.nav-right-icons {
	text-align:center;
	background:var(--light);
	border-radius:50%;
	padding:10px
}
.bookmark-badge {
	position:relative;
	cursor:pointer;
transition:all .3s ease;
	background:var(--gray-200);
	color:var(--gray-500);
padding:.4rem .8rem;
	border-radius:2rem;
font-size:.85rem;
	font-weight:400;
	display:inline-flex;
	align-items:center
}
.bookmark-animation {
animation:pulse .5s ease
}
@keyframes pulse {
0% {
transform:scale(1)
}
50% {
transform:scale(1.1)
}
100% {
transform:scale(1)
}
}
.floating-heart {
	position:fixed;
	font-size:1.5rem;
	color:var(--danger);
	pointer-events:none;
	z-index:9999;
	animation:float-heart 1.5s forwards
}
@keyframes float-heart {
0% {
opacity:1;
transform:scale(.5) translateY(0)
}
50% {
opacity:.8;
transform:scale(1.2) translateY(-20px)
}
100% {
opacity:0;
transform:scale(1) translateY(-40px)
}
}
.index_main_left .nav-link {
	display:flex;
	align-items:center;
	padding:12px 16px;
	border-radius:10px;
transition:background .3s ease
}
.index_main_left .nav-link>i {
	margin-right:12px;
	font-size:1.1rem;
	width:20px;
	text-align:center
}
.forumList .nav-link.active {
	background-color:rgba(41, 151, 247, .1);
border-radius:.75rem;
	color:var(--primary)!important
}
.forumList .nav-link:hover {
	background-color:var(--light);
border-radius:.75rem;
	color:var(--primary)
}
.forumList .nav-link.active::before {
content:"";
width:3px;
height:30px;
background-color:var(--primary);
position:absolute;
left:0;
border-top-right-radius:.75rem;
border-bottom-right-radius:.75rem
}
.avatar-wrapper {
	position:relative;
	display:inline-block
}
.ripple {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	border-radius:50%;
	background-color:rgba(34, 197, 94, .3);
	transform:translate(-50%, -50%) scale(1);
	z-index:0;
	animation:ripple-effect 2s infinite
}
@keyframes ripple-effect {
0% {
transform:translate(-50%, -50%) scale(1);
opacity:1
}
100% {
transform:translate(-50%, -50%) scale(1.5);
opacity:0
}
}
.hover-effect {
transition:all .3s ease
}
.quick-actions-items {
	height:0;
	overflow:hidden;
transition:height .3s ease
}
.quick-actions-content {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
	width:100%
}
.hover-effect:hover .quick-actions-items {
	height:140px
}
.quick-actions-item {
	height:65px;
	background-color:var(--gray-200);
border-radius:.75rem;
	overflow:hidden;
transition:all .3s ease-in-out
}
.quick-actions-item-icon {
	transform:rotate(-45deg);
	color:var(--gray);
transition:all .3s ease-in-out
}
.quick-actions-item:hover .quick-actions-item-icon {
	transform:rotate(0);
transition:all .3s ease-in-out;
	color:#fff
}
.quick-actions-item:hover .quick-actions-item-hidden-icon {
	transform:translateX(-10px) scale(1.1);
transition:all .3s ease-in-out;
	color:#fff
}
.quick-actions-item:hover {
	background-color:var(--primary);
	color:#fff
}
.quick-actions-item-hidden-icon {
transition:all .3s ease-in-out;
	font-size:35px;
	color:var(--gray);
	bottom:0;
	right:0;
	margin-bottom:-20px;
	margin-right:-5px
}
.user-header-dropdown .dropdown-menu {
	border:none!important;
	min-width:350px;
box-shadow:0 .25rem 1.875rem rgba(46, 45, 116, .05)
}
@keyframes heartbeat {
0% {
transform:scale(1)
}
50% {
transform:scale(1.1)
}
100% {
transform:scale(1)
}
}
.heart-beat {
	color:var(--danger);
	animation:heartbeat 1s infinite
}
.user-header-dropdown .user-header-dropdown-quick-link .dropdown-item {
	position:relative;
	padding-left:0;
	padding-right:0
}
.user-header-dropdown .user-header-dropdown-quick-link .dropdown-item:hover {
	color:var(--primary)!important;
	background-color:unset
}
.user-header-dropdown .user-header-dropdown-quick-link .dropdown-item::after {
font-family:simple-line-icons;
content:"\e606";
position:absolute;
right:0;
font-size:var(--font-size-xs);
margin-top:2px
}
.user-header-dropdown .dropdown-menu {
	padding:unset;
	border-radius:var(--border-radius);
	transform:translateY(-10px);
transition:opacity .3s ease, transform .3s ease
}
.user-header-dropdown .user-header-dropdown-exp {
	height:150px;
	background:var(--primary-bg-light);
	border-radius:var(--border-radius);
	overflow:hidden
}
.user-header-dropdown .user-header-dropdown-exp-body {
	width:100%;
	height:100%;
	background:url(../img/user-header-dropdown-bg.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:contain
}
.mobile_nav_header_icon {
	font-size:var(--font-size-xl)
}
.user-level-card {
	background:linear-gradient(135deg, var(--primary), var(--primary-light));
	border-radius:var(--border-radius);
	box-shadow:0 4px 15px rgba(59, 130, 246, .2);
	position:relative;
	overflow:hidden;
transition:all .3s ease
}
.user-level-card-bg {
	position:absolute;
	right:-20px;
	top:-20px;
	opacity:.05;
	transform:rotate(-15deg);
transition:transform .3s ease
}
.user-level-card-bg-icon {
	font-size:120px;
	color:#fff
}
.user-level-card-groupname {
	color:#fff;
	font-size:1.1rem;
	font-weight:500;
	display:block;
	margin-bottom:4px
}
.user-level-card-exp {
	color:rgba(255, 255, 255, .9);
font-size:.9rem
}
.user-level-card-badge {
	background:rgba(255, 255, 255, .15);
	color:#fff;
padding:.3rem .7rem;
	border-radius:20px;
	backdrop-filter:blur(5px)
}
.user-level-card-progress-bar {
	background:#fff;
transition:width .3s ease
}
.user-level-card-progress {
	height:5px;
	background:rgba(255, 255, 255, .15);
	border-radius:3px
}
.user-level-card-wallet {
	background:rgba(255, 255, 255, .15);
	border-radius:var(--border-radius-6);
	text-decoration:none;
	backdrop-filter:blur(5px)
}
.user-sliderbar-action-icon {
	width:40px;
	height:40px;
	border-radius:12px;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:center
}
.sidebar-login-prompt-login {
	background:linear-gradient(135deg, var(--primary), var(--primary-light));
	border:none
}
.sidebar-user-section-username::after {
font-family:simple-line-icons;
content:"\e606";
position:absolute;
right:0;
font-size:var(--font-size-xs);
margin-top:2px
}
.slider-right-siteinfo-card-title::before {
content:'';
display:inline-block;
width:5px;
border-radius:var(--border-radius);
height:var(--font-size-xs);
background-color:var(--primary);
margin-right:5px
}
.attachlist_parent_body {
	color:var(--gray);
	border:1px dashed var(--gray)
}
.attachlist_parent_body:hover {
	color:var(--primary);
	border-color:var(--primary)
}
#scrollingAlert {
	display:flex;
	justify-content:space-between;
	position:relative;
	overflow:hidden
}
#scrollingTextContainer {
	position:relative;
	overflow:hidden;
	white-space:nowrap
}
#scrollingText {
	display:inline-block;
	animation:scroll 30s linear infinite;
	transform:translateX(0)
}
@keyframes scroll {
0% {
transform:translateX(0)
}
100% {
transform:translateX(-100%)
}
}
.alert-opacity {
	background:rgba(255, 255, 255, .15);
	color:var(--white)
}
.card-header:first-child {
	border-radius:var(--border-radius) var(--border-radius) 0 0
}
.high-blur-bg {
	backdrop-filter:blur(10px);
	background-color:rgba(255, 255, 255, .7)
}
#selected_tags_output .tag-item {
	background:var(--gray-200);
	color:var(--gray-700);
	padding:3px 10px;
	border-radius:20px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-right:10px;
	margin-top:10px
}
#selected_tags_output .delete-tag {
	color:var(--danger-light);
	cursor:pointer
}
#selected_tags_output {
	display:inline-block
}
.add-tag-btn {
	border:1px dashed var(--gray-200);
	color:var(--gray-700);
	padding:3px 10px;
	border-radius:20px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-top:10px
}
.card>.list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius:var(--border-radius);
	border-bottom-left-radius:var(--border-radius)
}
#user_nav>.list-group-item:first-child {
	border-top-right-radius:var(--border-radius);
	border-top-left-radius:var(--border-radius)
}
#my_aside {
	margin-top:140px
}
.list-group-item {
	margin-bottom:0
}
.list-group-item+.list-group-item.active {
	margin-top:0
}
.quick-user-card {
	background:var(--light);
	border-radius:12px;
	position:relative;
transition:all .3s ease
}
.slider-left {
	background:var(--gray-100)
}
.slider-right {
	background:var(--gray-100)
}
.quick-actions {
	background:#fff;
	border-radius:16px;
padding:.8rem
}
.menu-group {
	background:#fff;
	border-radius:16px
}
.mod-button>.btn-secondary {
	color:var(--black);
	background-color:var(--white);
	border:1px solid var(--gray-200)
}
.thread_left_func {
	border-radius:50%;
	width:60px;
	height:60px;
	background-color:var(--white);
	box-shadow:0 2px 10px var(--gray-200);
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer
}
.thread_left_func>i {
	font-size:25px
}
.thread_left_func_body {
	display:flex;
	flex-direction:column;
	align-items:center
}
.thread_left_func_num {
	background-color:var(--gray-400);
	color:#fff;
	border-radius:var(--border-radius);
	padding:0 10px;
	font-size:var(--font-size-sm);
	width:auto;
	display:inline-block;
	margin-top:10px
}
.forumList-body {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	max-height:calc(100vh - 94.2px)
}