@media (prefers-color-scheme: dark) {

    :root {
        --background: #333333;
        --forecolor: #dddddd;
        --lighterblue: #2a2a2a;
        --gray: #999;
        --lightgray: #222;
        --error-back: #38271c;
        --white: #222;
        --tableback: #3a3a3a;
        --reshtehhover: #2a2a2a;
        --shadow: #00000088;
    }

  
        .modal-content {
            background: #555555;
        }

        .modal-footer {
            border-top: 1px solid #444444;
        }

        .modal-header {
            border-bottom: 1px solid #444444;
        }

        .form-control {
            background-color: #444444;
            color: #ffffff;
            border-color: #777777;
        }

            .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
                cursor: not-allowed;
                background-color: #444444;
                color: #aaaaaa;
            }



        .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
            background-color: #3a3a3a;
        }


        .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
            background-color: #444444;
        }

        .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
            border-top: 1px solid #555;
        }

        hr {
            border-top: 1px solid #555;
        }

        .checkboxpanel label:before {
            background-color: #222;
        }



    .searchbox button
    {
        color:#aaa;
    }



    .btn-default {
        color: #eee;
        background-color: transparent;
        border-color: #888;
    }



        .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
            color: #eee;
            background-color: #222;
            border-color: #eee;
        }

    .alert-warning {
        color: #c09853;
        background-color: unset;
        border-color: #c09853;
    }


    .dropdown-menu {
        background-color:#333;
        border-color:#555;
    }

        .dropdown-menu > li > a {
            color: #ccc;
        }

        .dropdown-menu .divider {
  
            background-color: #555;
        }

    .serkan , .shafie {
        opacity: 0.5;
    }
}