/* Reset CSS */

/* Box sizing */
body {
  background-color: var(--bg-color);
}

@charset "UTF-8";
/**
* Line number CSS.
* @package cimetcc
*/

.line-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.min-h-100 {
  min-height: 100% !important;
}

.fs-7 {
  font-size: 0.875rem;
}

.fs-8 {
  font-size: 0.75rem;
}
.text-right{
  text-align: right;
}
.text-bold{
  font-weight: bold;
}
.leading-8 {
  line-height: 2rem; /* 32px */
}

.box-border {
  box-sizing: border-box;
}

.hover-bg:hover {
  background-color: var(--gray-color-1) !important;
}

.hover-bg, .hover-text, .hover-img {
  position: relative;
  transition: var(--transition-2);
}

.justify-between{
  justify-content: space-between;
}
.column{
  flex-direction: column;
}

.flex-1{
  flex: 1 1 0%;
}
.flex-shrink-0{
  flex-shrink: 0;
}

.w-full{
  width: 100%;
}

/* 回到顶部 */
.scrollToTop-btn {
  position: fixed;
  right: var(--right-0);
  bottom: var(--bottom-3);
  width: var(--width-6);
  height: var(--height-6);
  background-color: rgba(var(--bs-primary-rgb));
  opacity: var(--opacity-0);
  transition: var(--transition-3);
  z-index: var(--z-index-9);
  cursor: pointer;
}

.scrollToTop-btn.active {
  right: var(--right-3);
  pointer-events: all;
  opacity: var(--opacity-10);
  /* box-shadow: var(--box-shadow); */
}

.scrollToTop-btn:hover {
  background-color: #2362c1;
}

/* 浮动弹窗 */
.float-window {
  width: 100px;
  right: 0;
  top: 230px;
  left: auto;
}

.float-window .close-box{
  text-align: right;
}

.float-window .qr-code{
  width: 100px;
  height: 100px;
}

.float-window .logo{

}

.self-container{
  width: 1240px;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
  margin-right: auto;
  margin-left: auto;
}
.navbar-nav{
  flex-direction: row;
}
.navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}

.list-group-item .cover{
  width: 258px;
  height: 150px;
  margin-right: 14px;
}

.list-group-item .text-box{
  flex: 0 1 auto;
  overflow: hidden;
}

.list-group-item .content-html *{
font-style: normal;
font-size: 1rem;
line-height: 1.5;
color: #000;
text-decoration: none;  
font-weight: normal;
}

.status-box{
  min-width: 68px;
  min-height: 44px;
  flex-shrink: 0;
}

.list-text-item .content{display: none;}
.list-text-item .badge{
  position: static;
  margin: 8px;
}
.list-text-item .text-muted{
  padding-left: 8px;
}

.list-img-item .badge{
  position: absolute; 
  top: 8px;
  left: 8px;
}

#menu-footermenu .menu-item{
  width: 25%;
}
#menu-footermenu .nav-link{
  text-align: center;
}

#c-pagination li>a{
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: rgba(var(--bs-primary-rgb));
  background-color: #fff;
  border: 1px solid rgba(var(--bs-primary-rgb));
  cursor: pointer;
}

#c-pagination .active>a{
  z-index: 3;
  color: #fff;
  background-color: rgba(var(--bs-primary-rgb));
  border-color: rgba(var(--bs-primary-rgb));
}


/* 侧边栏  */
#sidebar .sidebar-content {
  background-color: var(--bg-color);
}
#sidebar .sidebar-content:nth-of-type(1){
  margin-top: 1.5rem;
}
#sidebar .sidebar-content.active{
  background-color: var(--gray-color-1) !important;
}

#sidebar i.sidebar-content-icon {
    font-size: var(--fs-px-5);
    color: rgba(var(--bs-primary-rgb));
    opacity: var(--opacity-1);
    line-height: 1;
}

#sidebar div.sidebar-content-icon-bg {
  width: var(--width-7) !important;
  height: var(--height-7) !important;
  background-color: rgba(var(--bs-primary-rgb));
}

#pageLocationLabel{
  padding-left: 4px;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: rgba(var(--bs-primary-rgb));
  border-radius: 6px;
}