.theme-dark {
    color: white;
    background-color: #202020;
}
.color-dark{
    background-color: #202020;
}
.color-dark .content,
.color-dark p,
.color-dark h1,
.color-dark h2,
.color-dark h3,
.color-dark h4,
.color-dark h5,
.color-dark span,
.color-dark label{
    color: #fff;
}
.color-dark span,
.color-dark label{
    font-weight: 300;
}
.color-dark hr{
    border-color: #fff !important;
}

.color-dark .blue-content{
    color: #fff;
}
.color-dark .box-content {
    padding: 10px;
    box-shadow: 2px 2px 5px #000000;
}

.color-dark .circle-icon {
    background-color: #000000;
    color: #fff;
}
.color-dark .bnt-seeall {
    background-color: #000000;
    color: #fff !important;
}
.color-dark .bnt-detail {
    background-color: #fff;
    border: 1px solid #ffffff;
    color: #5F5B55 !important;
}
.color-dark .bnt-upload {
    background-color: #000000;
    color: #fff !important;
}
.color-dark .block-header-ppp-helpdesk,
.color-dark .block-ppp-helpdesk{
    background: #202020;
}
.color-dark .font-main-topic {
    color: #fff;
}
.color-dark .font-main-topic-slide {
    color: #fff;
}
.color-dark .font-header-form {
    color: #fff;
}
.color-dark .font-main-form {
    color: #fff;
}
.color-dark .font-main-tablet{
    color: #fff;
}
.color-dark .font-main-italic {
    color: #fff;
}
.color-dark .font-detail {
    color: #fff;
}
.color-dark .circle-common-link {
    color: #fff;
}

.color-dark .footer-font {
    color: #fff;
}
.color-dark .card-text-color {
    color: #ffffff;
}

.color-dark .btn-primary.bnt-search {
    background-color: #000000;
    border-color: #000000;
}
.color-dark .border-content {
    background-color:#F3F3F3 !important;
}

.color-dark .nav-link-finance {
    background-color: #202020;
    border-bottom: 4px solid #000000;
    color: #fff;
}
.color-dark .nav-pills .nav-link.active {
    background-color: #202020 !important;
    border-bottom: 6px solid #000000 !important;
    color: #fff !important;
}
.color-dark .nav-pills .nav-link {
    background-color: #202020 !important;
    border-bottom: 6px solid #202020 !important;
    color: #fff;
}
.color-dark .color-link {
    color: #fff !important;
}
.color-dark .circle-about-link {
    color: #fff;
}
.color-dark .dropdown-item.font-main-navbar {
    color: #000000;
}
.color-dark .dropdown-item.font-sub-navbar {
    color: #000000;
}
.color-dark .dropdown-menu.menu-dropdown { 
    box-shadow: rgb(149 157 165 / 20%) 10px 10px 60px;
    color: #212529;
    background-color: #fff;    
}
.color-dark .table th .table td {
    border-top: 1px solid #dee2e6;
}
.color-dark .box-note {
    background-color: #FFF3E9;
    color: #000000!important;
}
.color-dark .section-box {
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.color-dark .2) 0px 3px 10px;
}
.color-dark .section-box2 {
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.color-dark .2) 0px 3px 10px;
}
.color-dark .detail-table-border {
    border-color: #EBEBEB;
}
.color-dark .list-table-border {
    border-color: #EBEBEB;
}

.color-dark .footer {
    background-color: #f5f5f5;
}
.color-dark .not-set {
    color: #000000;
}

.color-dark a.asc:after {
    border-bottom: solid 7px #000000;
}

.color-dark a.desc:after {
    border-top: solid 7px #000000;
}
.color-dark .hint-block {
    color: #A99995;
}

.color-dark .error-summary {
    color: #000000;
    background: #fdf7f7;
    border-left: 3px solid #F1D7D3;
}

/* align the logout "link" (button in form) of the navbar */
.color-dark .nav li > form > button.logout {
    color: rgba(255, 255, 255, 0.5);
}


.color-dark .nav > li > form > button.logout:focus,
.color-dark .nav > li > form > button.logout:hover {
    color: rgba(255, 255, 255, 0.75);
}

.color-dark #carouselNewsControls .carousel-indicators li,
.color-dark #carouselBannerControls .carousel-indicators [data-bs-target]{
    background-color: #000000;
}
.color-dark .footer-copyright{
    background: #000000;
    color: #fff;
}
.color-dark .btn-language.active{ 
    color: #000;  
    border-right: 1px solid #e4e4e4;
    background-color: #fff;
}
.color-dark .btn-language{
    color: #6C7B68;
}
.color-dark .cookie-consent-popup{
    background-color: rgb(92, 83, 81, 0.502)!important;
    color: #fff;
}
.color-dark .cookie-consent-popup .cookie-consent-accept-all{
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.color-dark #display-font-size{
    background-color: rgb(255, 255, 255);
    color: rgb(106, 106, 106);
    border: 1px solid #000000;
}
.color-dark .increase-font-size{
    background-color: #000000;
    color: #ffffff;
}
.color-dark .decrease-font-size{
    background-color: #000000;
    color: #fff;
}
.color-dark .accessibility-color{
    background-color: #303030;
}
.color-dark .accessibility-color-btn:hover{
    border: 2px solid #ffffff !important;
}
.color-dark .accessibility-color .theme-gold{
    background-color: #000000;
    border: 2px solid #303030;
    color: #fafa34;
}
.color-dark .accessibility-color .theme-light{
    background-color: #ffffff;
    border: 2px solid #303030;
    color: #000000;
}
.color-dark .accessibility-color .theme-dark{
    background-color: #000000;
    border: 2px solid #303030;
    color: #ffffff;
}

.color-dark .accessibility-color .theme-light.active {
    border: 2px solid #000000;
}
.color-dark .accessibility-color .theme-light.active::after {
    border: 2px solid #000000;
    background: #000000;
}
.color-dark .accessibility-color .theme-dark.active {
    border: 2px solid #ffffff;
}
.color-dark .accessibility-color .theme-dark.active::after {
    border: 2px solid #ffffff;
    background: #ffffff;
}
.color-dark .accessibility-color .theme-gold.active {
    border: 2px solid #fafa34;
}
.color-dark .accessibility-color .theme-gold.active::after {
    border: 2px solid #fafa34;
    background: #fafa34;
}

.color-dark  main .breadcrumb {
    background-color: #202020;
    border: 1px solid #303030;
}
.color-dark .breadcrumb-item a,
.color-dark .breadcrumb-item.active,
.color-dark  .breadcrumb-item + .breadcrumb-item::before{
    color: #ffffffbf !important;
}

.color-dark .item-news .bnt-readmore{
      color: #1f8ff2;
}

.color-dark .list-wrapper .pagination li{
    background-color: #fff;
    border: 1px solid #000000;
}
.color-dark .list-wrapper .pagination li a{
  color: #000000;
}
.color-dark .list-wrapper .pagination li.active{
      background-color: #000000;
    border: 1px solid #000000;
    
}
.color-dark .list-wrapper .pagination li.active a{
  color: #fff;
}
.color-dark .thumbnail-news{
  border: 1px solid #C1AEAA;
}
.color-dark .text-dark-blue,
.color-dark .text-dark-blue:link,
.color-dark .text-dark-blue:visited,
.color-dark .text-dark-blue:hover,
.color-dark .text-dark-blue:active{
    color: #ffffff;
    text-decoration: none;
}
.color-dark .text-grey,
.color-dark .text-grey:link,
.color-dark .text-grey:visited,
.color-dark .text-grey:hover,
.color-dark .text-grey:active{
    color: #ffffff;
    text-decoration: none;
}

.color-dark .nav-setting{
    background-color: #202020;
    border-bottom: none !important;
}
.color-dark .statistic-view{
    color: #fff;
}
.color-dark .statistic-view .fa-user{
    color: #fff;
}
.color-dark .statistic-view .text-views{
    color: #1f8ff2;
}

.color-dark .font-size-setting{
    background-color: #202020;
}
.color-dark .font-size-setting .decrease-font-size{
    background-color: #202020;
}
.color-dark .font-size-setting .increase-font-size{
    background-color: #202020;
}

.color-dark .fa-search{
    color: #fff;
}

.color-dark .logo-nav{
    background-color: #171717;
    box-shadow: 0px 6px 7px 0px #000000;
}
.color-dark .logo-title{
    color: #dee2e6;
}
.color-dark .logo-title .text-dark-blue{
    color: #dee2e6;
}

.color-dark .text-dark,
.color-dark .text-dark:link,
.color-dark .text-dark:visited,
.color-dark .text-dark:hover,
.color-dark .text-dark:active{
    color: #fff !important;
    text-decoration: none;
}

.color-dark .home-btn{
    background: #171717;
    color: #fff !important;
}

.color-dark .dropdown-toggle-custom::after{
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    margin-left: 0.255em;
    margin-bottom: 0.255em;
    content: "";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.color-dark .dropdown-menu{
    background-color: #171717;
    color: #ffffff;
}

.color-dark .dropdown-menu .dropdown-item:hover{
    background-color: #202020 !important;
}

.color-dark .block-about,.color-dark .block-contect{
    background-color: #171717;
}
.color-dark .block-news,.color-dark .block-video{
    background-color: #202020;
}

.color-dark .tab-content{
    color: #fff;
}

.color-dark .circle-common-link.icon-common-link{
    background-color: #000000;
}

.color-dark .block-footer .circle-common-link.icon-common-link{
    background-color: #202020;
}
.color-dark .block-footer{
    background-color: #000000;
}


.color-dark .icon-color{
    color: #fff;
}
/* .color-dark .document-item:hover{
    background-color: #bebebe26;
} */
.color-dark .document-item:not(:first-child){    
    border-top: 1px solid #bebebe26;
}
.color-dark .download-text{
    white-space: nowrap;
    color: #ffffffbf;
}

.color-dark .page-item span,
.color-dark .page-item .page-link{
    color: #ffffff;
    background-color: #202020;
    border: 1px solid #171717cc;
}
.color-dark .page-item.active .page-link{
    color: #fff;
    background-color: #ffffff40;
    border-color: #171717cc;
}
.color-dark .page-item .page-link:hover{
    color: #ffffffad;
    background-color: #000000;
    border: 1px solid #171717cc;
}

.color-dark .list-document-category{
    color: #fff;
    overflow-y: scroll;
    max-height: 100vh;
}
.color-dark .list-document-category a:link,
.color-dark .list-document-category a:visited{
    color: #fff;
}
.color-dark .list-document-category a:hover{
    color: #ffffff80;
}

.color-dark .select2-dropdown{
    background-color: #252525;
    border:1px solid #303030;
}

.color-dark .search-btn{
    background-color: #171717 !important;
    color: #fff !important;
}
.color-dark .search-btn .fa-search{
    color: #fff !important;
}

.color-dark .input_search,
.color-dark .form-date{
    background-color: #252525;
    border:1px solid #303030;
    color: #fff;
}
.color-dark .block-topic-faq,
.color-dark .block-search-faq{
    box-shadow: 0px 5px 5px 0px #00000040;
}
.color-dark .faq-answer{
    background-color: #ffffff17;
}

.color-dark .faq-answer .faq-answer-title,
.color-dark .faq-answer .faq-answer-content{
    color: #ffffff;
}
.color-dark .faq-group{
    border-top: 1px solid #303030;
}
.color-dark .faq-group:last-child{
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030;
}

.color-dark .visitor-counter{
    color: #ffffff;
}