/* DARKMODE */
.dark-mode {
    background-color: rgb(34, 48, 47) !important;
    color: white;
}
    .dark-mode .introduction{
        background-color: rgb(34, 48, 47) !important;
        color: white;
        border: none !important;
    }
    .dark-mode .navbar, .dark-mode .background, .dark-mode .dropdown-menu{
        background-color: rgb(21, 31, 30) !important;
        color: white;
        border: none !important;
    }

    .dark-mode .categor .col:first-child .cat-container img {
        filter: invert(100%);
    }
    .dark-mode .categor .col:nth-child(2) .cat-container img {
        filter: invert(100%);
    }
    .dark-mode .categor .col:last-child .cat-container img {
        filter: invert(100%);
    }

    .dark-mode .dropdown-item{
        background-color: rgb(21, 31, 30);
        color: rgb(180, 180, 180);
    }

    .dark-mode .dropdown-item:hover,
    .dark-mode .dropdown-item:active {
        background-color: rgb(29, 39, 37) !important;
        color: white !important;
    }

    .dark-mode .main1, .dark-mode .main2, .dark-mode .main3{
        background-color: rgb(21, 36, 34) !important;
    }

    .dark-mode .dropdown-item.active{
        background-color: rgb(31, 53, 50) !important;
        color: white !important;
        font-weight: bold;
    }

    .dark-mode .modal-content{
        background-color: rgb(38, 54, 52) !important;
        border: none !important;
        color:white !important;
    }

    .dark-mode .modal-footer{
        text-align: left !important;
        padding: 0px !important;
        padding-right: 5px;;
        margin: 0px !important;
    }

    .dark-mode .card-body, .dark-mode .card{
        margin: 5px !important;
        background-color: rgb(34, 48, 47) !important;
        color:white !important;
    }
    .dark-mode .mainend{
        background-color: #283835;
        color: rgb(199, 223, 213);
    }
    .dark-mode .carousel{
        background-color: rgb(38, 54, 52) !important;
        border: none !important;
        color:white !important;
    }
/*index*/
.dark-mode .donation-section{
    border: none !important;
    background-color: rgb(27, 39, 36) !important;
    color: white;
    border: none !important;
    text-decoration-line: none;
}
.dark-mode .donate-button {
    background-color: #243a39;
    color: #e1ffff;
    border: none !important;
    text-decoration-line: none;
    }
.dark-mode .donate-button:hover {
    text-decoration-line: none;
    border: none !important;
    background-color: #365c5a;
    color: #e9ffff;
    }
/*page*/
.dark-mode .main{
    background-color: #283835;
}
.dark-mode .table-head{
    background-color: #304b46;
    border: none;
}
.dark-mode .side{
    border-color: #283835 !important;
}
.dark-mode .popularList-item{
    color: rgb(224, 255, 247);
}
.dark-mode .popularList-item:hover,
.dark-mode .popularList-item:active{
    color: rgb(156, 230, 211);
}
.dark-mode .headline{
    background-color: rgb(59, 87, 79);
}
.dark-mode .headline_link{
    color: rgb(175, 212, 200);
}
.dark-mode .headline_link:hover,
.dark-mode .headline_link:active{
    color: rgb(201, 241, 229) !important;
}
.dark-mode .table td{
    background-color: #506865;
    color: white;
}
.dark-mode .logh1{
    color: white;
}
.dark-mode .login-cont{
    background-color: rgb(34, 48, 47);
}
.dark-mode .container{
    background-color: rgb(34, 48, 47);
}
.dark-mode .table-header th{
    background-color: #2a3f3d;
    border: 1px solid #384d4a;
}
.dark-mode .action-link{
    color: white;
}
/*about*/