[data-theme="dark"] {
    background-color: #222222 !important;
    color: #eee;
}

[data-theme="dark"] .bg-light {
    background-color: #333 !important;
}

[data-theme="dark"] .bg-white {
    background-color: #000 !important;
}

[data-theme="dark"] .bg-black {
    background-color: #eee !important;
}

[data-theme="dark"] h1 {
    color: #ffffff;
}

[data-theme="dark"] h3 {
    color: #E2E2E2;
}

[data-theme="dark"] p {
    color: #E2E2E2;
}

[data-theme="dark"] .agenda-content-tab .list.agenda_detail .title-bold {
    color: #E2E2E2;
}

[data-theme="dark"] a {
    color: #E2E2E2;
}

[data-theme="dark"] .title {
    color: #E2E2E2;
}

[data-theme="dark"] header {
    background: #222222 url('images/Kawung.png') repeat 0 0
}

[data-theme="dark"] .header-3 {
    background: #444444;
}

[data-theme="dark"] .header-2 {
    background: none !important;
}

[data-theme="dark"] .div-top-bar {
    background: #000000 url(images/Kawung.png) repeat 0 0;
}

[data-theme="dark"] .agenda-toolbar {
    background: #353535;
}

[data-theme="dark"] .agenda-content-tab {
    background: #353535;
    color: #E2E2E2;
}

[data-theme="dark"] #kalendar .fc-toolbar {
    background: #353535;
}

[data-theme="dark"] #kalendar .fc-toolbar .fc-center h2 {
    color: #E2E2E2;
}

[data-theme="dark"] #kalendar td.fc-widget-header,
[data-theme="dark"] div#kalendar th,
[data-theme="dark"] div#kalendar td,
[data-theme="dark"] div#kalendar hr,
[data-theme="dark"] div#kalendar thead,
[data-theme="dark"] div#kalendar tbody,
[data-theme="dark"] div#kalendar .fc-row {
    background: #353535 !important;
    color: #E2E2E2;
    border-color: #353535 !important;
}

[data-theme="dark"] .fc-view {
    background: #353535;
}

[data-theme="dark"] #kalendar {
    background: #353535;
}

[data-theme="dark"] .detail-kalendar {
    background: #353535;
}

[data-theme="dark"] body {
    color: #E2E2E2;
}

[data-theme="dark"] .bl-title {
    color: #E2E2E2;
}

[data-theme="dark"] .laporan-group .list .title a {
    color: #E2E2E2;
}

[data-theme="dark"] .slider-news-active-content {
    color: #E2E2E2;
}

[data-theme="dark"] .gallery-caption {
    color: #E2E2E2;
}

[data-theme="dark"] .title .cell a {
    color: #E2E2E2;
}

[data-theme="dark"] .agenda-list {
    background: #484848;
}

[data-theme="dark"] footer {
    background: #444444;
    box-shadow: none;
    -webkit-box-shadow: none;
}

[data-theme="dark"] .footer-copy .text-center {
    background: #484848c7 !important;
}

[data-theme="dark"] .line-pattern {
    background: none !important;
}

[data-theme="dark"] .bw-slider-item-detail {
    background: #484848c7 !important;
}

[data-theme="dark"] table.table-styling td {
    color: #E2E2E2;
}

[data-theme="dark"] .list-submenu {
    background: #444444;
}

[data-theme="dark"] .ruu-table tbody tr:nth-child(odd) {
    background-color: #272727 !important;
}

[data-theme="dark"] .timeline_element_box {
    background: #383838 !important;
}

[data-theme="dark"] .anggota {
    color: #E2E2E2;
}

[data-theme="dark"] .name-anggota {
    color: #E2E2E2;
}

[data-theme="dark"] div.mb30>div {
    background-color: #222222 !important;
}

[data-theme="dark"] #data-anggota2_wrapper {
    background-color: #252525 !important;
}

[data-theme="dark"] table.table-styling tr {
    border-bottom: 1px dotted #505050;
}

[data-theme="dark"] .accordion-toggle {
    background: #444444 !important;
}

[data-theme="dark"] .accordion-content {
    background: #444444 !important;
}

[data-theme="dark"] #fixed-menu .item-submenu {
    background: #464646;
}

[data-theme="dark"] #fixed-menu {
    background: #272727;
}

[data-theme="dark"] .list-type {
    background: #444444;
}

[data-theme="dark"] .card {
    background: #444444;
}

[data-theme="dark"] .breadcrumb-detail li {
    color: #E2E2E2;
}

[data-theme="dark"] .breadcrumb-detail a {
    color: #E2E2E2;
}

[data-theme="dark"] .hmrm-timeline .timeline .activity .card {
    background: #292929;
}

[data-theme="dark"] .agenda {
    background: #292929;
}

[data-theme="dark"] .agenda .title {
    color: #E2E2E2;
}

[data-theme="dark"] .agenda .time {
    color: #E2E2E2;
}

[data-theme="dark"] #accordion .accordion-toggle {
    color: #E2E2E2;
}

[data-theme="dark"] .hmrm-timeline .timeline .document-container .document-list {
    background: #313131;
}

[data-theme="dark"] .link-list-custom .custom-button li {
    color: #E2E2E2;
}

[data-theme="dark"] .progres-block .progres-title {
    color: #E2E2E2;
}

[data-theme="dark"] .progres-block .progres-block-item .title {
    color: #E2E2E2;
}

[data-theme="dark"] .flag-search input {
    background: #444444;
}

[data-theme="dark"] .tb-language.english {
    background: #444444;
}

[data-theme="dark"] .switch-label {
    background: #444444;
    color: #E2E2E2;
}

[data-theme="dark"] .switch-label:before {
    color: #E2E2E2;
    text-shadow: none;
}

[data-theme="dark"] .dot-dropdown-btn {
    background: #444444;
    color: #E2E2E2;
}

[data-theme="dark"] .switch {
    border: 1px solid #6b6b6b;
}

[data-theme="dark"] .dot-dropdown-content {
    background-color: #444444;
    border: none;
}

[data-theme="dark"] .dot-dropdown-content a {
    color: #E2E2E2;
}

[data-theme="dark"] .dot-dropdown-content a:hover {
    background: #5a5a5a;
}

[data-theme="dark"] .ruu-table tbody tr:hover {
    background-color: #444444 !important;
}

[data-theme="dark"] .ruu-table tr td,
.ruu-table tr th {
    color: #E2E2E2;
}

[data-theme="dark"] .table-statistik tr td:last-child {
    color: #E2E2E2;
}

[data-theme="dark"] .chart-wrap .legend-list li .legend-label {
    color: #E2E2E2;
}

[data-theme="dark"] .chart-wrap .chart-label {
    color: #E2E2E2;
}

[data-theme="dark"] .majalah-list .items .title,
[data-theme="dark"] .buletin-list .items .title,
[data-theme="dark"] .gallery-list .items .title {
    color: #E2E2E2;
}

[data-theme="dark"] #list-berita-foto .title {
    color: #E2E2E2;
}

[data-theme="dark"] .dataTables_filter input {
    color: #E2E2E2;
    background: #505050;
}

[data-theme="dark"] .dataTables_length select {
    color: #E2E2E2;
    background: #505050;
}

[data-theme="dark"] button.button_komisi {
    background-color: #d4a216;
}

[data-theme="dark"] #contact .contact-banner-box-inside {
    background-color: rgb(68, 68, 68);
}

[data-theme="dark"] #contact .contact-number-list .title {
    color: #E2E2E2;
}

[data-theme="dark"] .detail-kalendar ul {
    color: #E2E2E2;
}

[data-theme="dark"] .fraksi .no {
    color: #E2E2E2;
}

[data-theme="dark"] .list-berita-lainnya a:hover .bl-date,
[data-theme="dark"] .list-berita-lainnya a:hover .bl-content {
    color: #c3c3c3;
}

[data-theme="dark"] .form-control {
    background-color: #444444;
    border: 1px solid #383838;
    color: #E2E2E2;
}

[data-theme="dark"] .video .video-main-title {
    color: #E2E2E2;
}

[data-theme="dark"] .video .video-title {
    color: #E2E2E2;
}

[data-theme="dark"] #fixed-menu-resp {
    background: #444444;
}




/*Slider On Off Dark Mode*/

.onoffswitch {
    position: relative;
    width: 58px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: fixed;
    bottom: 35px;
    right: 11px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #ffffff00;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 21px;
    padding: 0;
    line-height: 21px;
    font-size: 11px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "Dark";
    padding-left: 7px;
    background-color: #ab7f03;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "Light";
    padding-right: 7px;
    background-color: #cccccc;
    color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 15px;
    margin: 5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 33px;
    /* border: 2px solid #FFFFFF; */
    border-radius: 30px;
    transition: all 0.3s ease-in 0s;
    height: 15px;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 2px;
}

/*TVR Parlemen Button*/
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 76px;
    height: 40px;
}

.lds-ripple div {
    position: absolute;
    border: 4px solid #EDDBAB;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.button_radio {
    border: 1px solid #7D726C;
    color: #7D726C;
    padding: 8px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 6px;
}

.button_radio:hover {
    background-color: #7D726C;
    border: 1px solid #7D726C;
    color: white;
    -webkit-transition: all .5s;
}