.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2rem;
}
a {
    text-decoration: none;
}
.content-editor .toastui-editor-main-container .ProseMirror, .content-editor .toastui-editor-main-container .toastui-editor-contents {
    font-family: var(--bs-body-font-family);
}
.nav-tabs > .nav-item > a.nav-link {
	padding-left: .5rem;
    padding-right: .5rem;
}
.card .card-title {
    color: var(--bs-body-color);
}
@media (prefers-color-scheme: light){
    :root {
        --bs-body-color: #212529;
        --bs-body-bg: #fbfbfd;
    }
    .hljs {
        color: var(--bs-code-color);
    }
  	.badge.bg-light {
      	color: #000 !important;
    }
}
@media (prefers-color-scheme: dark){
    :root {
      	--bs-navbar-color: --bs-body-color;
    }
    .hljs {
        color: var(--bs-code-color);
        background: var(--bs-gray-200);
    }
    .nav-pills .nav-link {
    	color: var(--bs-body-color);
	}
	.nav-link:not(.active):hover, .nav-link:not(.active):focus, .nav-link:not(.active):active {
      	color: rgba(var(--bs-body-color-rgb), .8) !important;
  	}
    .badge.bg-light {
      	color: #000 !important;
        --bs-bg-opacity: 1;
    	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
    }
}
.lpx-content-container,.lpx-topbar{
	background-color: var(--bs-body-bg) !important;
}
table.dataTable>tbody>tr {
    background-color: transparent !important;
}
.table.table-striped > tbody > tr:nth-of-type(odd) > td, .table.table-bordered > tbody > tr:nth-of-type(odd) > td {
    background-color: rgba(245, 245, 247, 0.35);
    --bs-table-accent-bg: none;
    color: var(--bs-body-color);
}
.table.table-striped > tbody > tr:nth-of-type(even) > td, .table.table-bordered > tbody > tr:nth-of-type(even) > td {
    background-color: unset;
    --bs-table-accent-bg: none;
    color: var(--bs-body-color);
}
.dataTables_wrapper .dataTables_length select {
    background-color: var(--bs-body-bg);
    border-color: rgba(var(--bs-body-color-rgb), .3) !important;
}
.dataTables_wrapper .dataTables_filter input {
	background-color: var(--bs-body-bg);
}
.dataTables_wrapper .dataTables_filter input {
    border-color: rgba(var(--bs-body-color-rgb), .3) !important;
}
table.dataTable thead th, table.dataTable thead th.sorting:hover, table.dataTable thead th.sorting.sorting_asc, table.dataTable thead th.sorting.sorting_desc {
	color: var(--bs-body-color);
}
table.dataTable tbody tr th, table.dataTable tbody tr td,table.dataTable thead th {
    border-color: rgba(var(--bs-body-color-rgb), .3) !important;
}
/* abp-public-layout */
body.abp-public-layout {
    --bs-body-font-size: 0.875rem;
    background-color: var(--bs-body-bg);
}
.abp-public-layout > .container:nth-child(2) {
    min-height: calc(100vh - 10rem - 7rem);
}
.abp-public-layout > .footer {
    min-height: 7rem;
}
.abp-public-layout .card {
    padding: .5rem;
    --bs-card-color: var(--bs-body-color);
}
/* post list start */
.abp-public-layout > .container > #blogs-container {
    min-height: calc(100vh - 10rem - 7rem - 5rem);
}
.abp-public-layout > .container > #blogs-paginator .col-md-7 {
    width: 100%;
}
.abp-public-layout > .container > #blogs-paginator .pagination {
    justify-content: center !important;
}
/*
.abp-public-layout #blogs-filter-area {
  	display: none;
}
*/
.abp-public-layout #blogs-paginator .pagination .page-item.active .page-link {
    /* background-color: #04c !important; */
  	background-color: #3b3b3b !important;
}
/* post page start */
@media (prefers-color-scheme: light){
  .abp-public-layout .post-content h1,.abp-public-layout .post-content .h1,
  .abp-public-layout .post-content h2,.abp-public-layout .post-content .h2,
  .abp-public-layout .post-content h3,.abp-public-layout .post-content .h3,
  .abp-public-layout .post-content h4,.abp-public-layout .post-content .h4,
  .abp-public-layout .post-content h5,.abp-public-layout .post-content .h5,
  .abp-public-layout .post-content h6,.abp-public-layout .post-content .h6 {
      color: #292d33;
  }
}
.abp-public-layout .post-content p {
    color: var(--bs-body-color);
}
.abp-public-layout .post-content h1,.abp-public-layout .post-content .h1 {
    font-weight: 700 !important
}
.abp-public-layout .post-content h2,.abp-public-layout .post-content .h2 {
    font-weight: 600 !important
}
.abp-public-layout .post-content h3,.abp-public-layout .post-content .h3 {
    font-weight: 600 !important
}
.abp-public-layout .post-content h4,.abp-public-layout .post-content .h4 {
    font-weight: 500 !important
}
.abp-public-layout .post-content h5,.abp-public-layout .post-content .h5 {
    font-weight: 500 !important
}
.abp-public-layout .post-content h6,.abp-public-layout .post-content .h6 {
    font-weight: 500 !important
}
.abp-public-layout .post-content a,.abp-public-layout .post-content a:hover {
    text-decoration: underline!important;
    color: var(--bs-body-color);
}
.abp-public-layout .post-content nav[data-toggle='toc'] .nav a {
    text-decoration: none !important;
    color: rgba(var(--bs-body-color-rgb), .8) !important;
}
/*fix bs5.3.2 ScrollSpy chinese author*/
.abp-public-layout .post-content nav[data-toggle='toc'] .nav-link+ul {
    /*display: block;*/
}
/* admin CodeMirror */
.abp-application-layout .CodeMirror {
    height: 800px;
	background-color: var(--bs-light) !important;
}
.abp-application-layout .CodeMirror-gutters {
	background-color: var(--bs-body-bg) !important;
    border-right-color: rgba(var(--bs-body-color-rgb), .3) !important;
}
.toastui-editor-ww-container{
	background-color: var(--bs-body-bg);
}
.toastui-editor-main-container,.ProseMirror {
    color: var(--bs-body-color);
}
.toastui-editor-contents h1, .toastui-editor-contents h2, .toastui-editor-contents h3, .toastui-editor-contents h4, .toastui-editor-contents h5, .toastui-editor-contents h6, .toastui-editor-contents p{
    color: var(--bs-body-color);
}
.toastui-editor-popup-body input[type=text]{
	color: var(--bs-body-color);
}
.toastui-editor-popup{
	background-color: var(--bs-body-bg);
  	color: var(--bs-body-color);
}
.toastui-editor-md-code-block-line-background {
    background-color: var(--bs-light);
}
/* account*/
@media (max-width: 576px) {
  .abp-account-layout .card-body.p-5{
      padding: 1.5rem !important;
  }
}